@charset "shift_jis";

.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

.clearfix { display: inline-table; }

* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* flash news */
#top #flashcontent2 { margin: 14px 0 0 19px; }
#top #flashcontent2 dl {
	background: #000 url(../img/top/news_bg.gif) left bottom;
	width: 565px;
	height: 116px;
	color: #FFF;
	position: relative;
	top: 11px;
	left: 14px;
}

#top #flashcontent2 dl dt { padding: 40px 0 0 0; margin-left: 13px; width: 382px; }
#top #flashcontent2 dl dd { position: absolute; top: 40px; left: 392px; }

#main_container2 {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#main_container1 {
	float: left;
	width: 100%;
	position: relative;
	right: 30%;
}
#top div.left {
	width: 403px;
	margin-right: 20px;
	float: left;
	position: relative;
	left: 30%;
	overflow: hidden;
}
#top div.center {
	width: 175px;
	float: left;
	padding-top: 20px;
	position: relative;
	left: 30%;
	overflow: hidden;
}

/** エンタメニュース **/
#top div.entnews { margin: 16px 0 0 33px; position: relative; background: url(../img/top/ent_news_bg.gif); width: 565px; }
#top div.entnews ul.btnlink { position: absolute; right: 10px; top: 20px; z-index:10; }
#top div.entnews ul.btnlink li { float: left; margin-left: 2px; }
#top div.entnews div.saishin { 
	background: #FFF;
	margin: 0 10px;
	padding: 10px 10px 0 10px;
}
#top div.entnews div.saishin p.tit { margin: -8px 0 0 -10px; }
#top div.entnews div.saishin p.rss { margin: -16px 0 0 76px; }
#top div.entnews div.saishin ul { margin-top: 4px; }
#top div.entnews div.saishin li { width: 256px; float: left; margin-right: 12px; }
#top div.entnews div.saishin li.r { margin-right: 0;}
#top div.entnews div.saishin p.ikou { clear: both; text-align: right; }
#top div.entnews div.access {
	position: relative;
 	clear: both;
	width: 545px;
 	background: url(../img/top/ent_news_bg.gif) repeat-y ;
	margin: 0 10px;
}

#top div.entnews table.access {
	clear: both;
 	background: #EEE;
	margin: 0 10px;
}
#top div.entnews table.access td.newstxt{
	position: relative;
  	background: #EEE;
	padding-left : 4px;
}
#top div.entnews table.access td.newstxt ul { position: relative; margin: 2px 6px; z-index: 10; }
#top div.entnews table.access td.newstxt ul li img { margin: -1px 6px 0 -2px; }
#top div.entnews table.access td.newstxt p.ikou { text-align: right; margin-right: 6px; }
#top div.entnews table.access td.photo {
	width: 124px;
	background: url(../img/top/ent_news_ph_bg.gif) repeat-y ;
}
#top div.entnews table.access td.photo p.ph{
 	background: #EEE;
	text-align: center;
	margin: 2px 3px 0 3px;
}
#top div.entnews table.access td.photo p.ph a img { border: solid 1px #EEE; }
#top div.entnews table.access td.photo p.ph a:hover img { border: solid 1px #3399CC; }
#top div.entnews table.access td.photo .ikou { clear: both; text-align: right; margin-right: 6px; margin-top:-22px; }
#top div.entnews table.access td.photo p.no1 { position: relative; left: 3px; top: -66px; z-index: 5;}
#top div.newsbtm { margin-left: 33px;}
#top div.newsbtm { /position: relative; /top: -6px; z-index: 5;}


/** 特集 **/
#top div.feature { margin: 30px 0 0 33px; position: relative; background: url(../img/top/feature_bg04.gif) 0 2px; }
#top div.feature h2 {
	position: absolute;
	top: -12px;
	z-index: 10;
}
#top div.feature p.btnlink { position: absolute; right: 5px; top: 5px; z-index:10; }

#top div.feature ul.ph {
	background: url(../img/top/feature_bg01.gif) no-repeat;
	position: relative;
	width: 370px;
	line-height: 0;
	font-size: 0;
}
#top div.feature li.ph1 { padding: 30px 0 0 9px; }
#top div.feature li.ph1r { position: absolute; left: 189px; top: 30px; }
#top div.feature li.ph2 { padding: 8px 0 0 9px; }
#top div.feature li.ph3 { position: absolute; left: 189px; top: 180px; }
#top div.feature li.ph4 { padding: 8px 0 0 9px; }
#top div.feature li.ph5 { position: absolute; left: 189px; top: 330px; }
#top div.feature li.ph6 { padding: 8px 0 0 9px; }
#top div.feature li.ph7 { position: absolute; left: 189px; top: 480px; }

#top div.feature li a img { 
	border: solid 1px #FFAE00;
}

#top div.feature li a:hover img { 
	border: solid 1px #fff;
}
#top div.feature ul.bana {
	background: url(../img/top/feature_bg04.gif);
	position: relative;
	line-height: 0;
	font-size: 0;
}
#top div.feature ul.bana li.b1 { padding: 1px 0 0 9px; }
#top div.feature ul.bana li.b2 { position: absolute; right: 9px; top: 1px; }

/*　▼▼----チケットぴあ対応バナー ----▼▼　*/

/* blackgrey　*/
#top div.feature ul.bana li.b1_ticket {
	padding: 1px 0 0 10px;
	color: #D4D0C8;
}
#top div.feature ul.bana li.b2_ticket { position: absolute; right: 10px; top: 1px; }

#top div.feature li.b1_ticket img,
#top div.feature li.b2_ticket img { 
	border: solid 6px #333;
}

#top div.feature li.b1_ticket a:hover img,
#top div.feature li.b2_ticket a:hover img { 
	border: solid 6px #cecece;
}

/* grey　*/

#top div.feature ul.bana li.b1_ticket2 { padding: 1px 0 0 9px; }
#top div.feature ul.bana li.b2_ticket2 { position: absolute; right: 9px; top: 1px; }

#top div.feature li.b1_ticket2 img,
#top div.feature li.b2_ticket2 img { 
	border: solid 6px #cecece;
}

#top div.feature li.b1_ticket2 a:hover img,
#top div.feature li.b2_ticket2 a:hover img { 
	border: solid 6px #FFF;
}

/*　▲▲----チケットぴあ対応バナー ----▲▲　*/






#top div.feature div.txt {
	background: url(../img/top/feature_bg04.gif);
}
#top div.feature dl { 
	 background: #FFF;
	 margin: 0 10px;
	 padding: 10px;
}
#top div.feature dl dt a { font-weight: bold;}
#top div.feature dl dt.line {
	background: url(../img/common/dots_g_w.gif) repeat-x left top;
	padding-top: 5px;
	margin-top: 5px;
}

h2.etit { margin: 20px 0 10px 33px; }
div.entame { background: #E5E5E5; margin-left: 33px; padding: 10px; }
#top #flashcontent4 dl {
	background: #000 url(../img/top/entame_bg.gif) no-repeat;
	width: 350px;
	height: 167px;
}
#top #flashcontent4 dl dt { padding: 33px 0 5px 0; width: 324px; margin-left:13px; }
#top #flashcontent4 dl dd { text-align: center; }

#top div.entame dl.check {
	position: relative;
	line-height: 0;
	height: 138px;
}
#top div.entame dl.check dd { position: absolute; left: 10px; bottom: 10px; }



/** 地域別 **/
#top div.place { margin-top: 10px; }
#top div.place ul#tab {
	position: relative;
	height: 26px;
	background: url(../img/top/entame_bg02.gif) no-repeat 0 26px;
	padding-bottom: 5px;
	overflow: hidden;
}
#top div.place ul#tab a {
	position: absolute;
	display: block;
	width: 114px;
	height: 26px;
	text-indent: -9999px;
	outline: none;
}

#top div.place ul#tab a.n1 {
	left:0;
	top:0;
	background: url(../img/top/entame_tab1.gif) no-repeat left top;
}
#top div.place ul#tab a.n2 {
	left: 118px;
	top:0;
	background: url(../img/top/entame_tab2.gif) no-repeat left top;
}
#top div.place ul#tab a.n3 {
	left: 236px;
	top:0;
	background: url(../img/top/entame_tab3.gif) no-repeat left top;
}
#top div.place ul#tab a.n1:hover,
#top div.place ul#tab a.n2:hover,
#top div.place ul#tab a.n3:hover { background-position: 0 -26px; }

#top div.place ul#tab li.selected a.n1,
#top div.place ul#tab li.selected a.n2,
#top div.place ul#tab li.selected a.n3 { background-position: 0 -52px; }

/**#top div.place div {
	background: url(../img/top/entame_bg03.gif) repeat;
	height: 103px;
}**/

/**▼piachannel用**/
#top div.place div {
	background: url(../img/top/piachannel_bg03.gif) repeat;
	height: 103px;
}	
#top div.place div p { padding: 10px; }

#top div.place div ul { position: relative; }
#top div.place div li { position: absolute; }
#top div.place div li.b1 { left: 10px; top: 0; }
#top div.place div li.b2 { left: 121px; top: 0; }
#top div.place div li.b3 { left: 232px; top: 0; }
#top div.place div li.b4 { left: 10px; top: 34px; }
#top div.place div li.b5 { left: 121px; top: 34px; }
#top div.place div li.b6 { left: 232px; top: 34px; }



/** ライブレポ **/
#top div.liveLepo { 
	margin: 23px 0 0 33px;
	width: 366px;
	position: relative;
}
#top div.liveLepo h2 { margin-bottom: 10px; }
#top div.liveLepo p.btnlink { position: absolute; right: 5px; top: 15px; z-index:10; }
#top div.liveLepo ul.col1 { width: 366px; overflow: hidden; }
#top div.liveLepo ul.col1 li { clear: both; }
#top div.liveLepo ul.col1 p.ph { border: solid 5px #E5E5E5; width: 165px; margin-right: 18px; float: left;}
#top div.liveLepo ul.col1 dl { width: 172px; float: left; }
#top div.liveLepo ul.col1 dl a { font-weight: bold; }
#top div.liveLepo ul.col1 dl,
#top div.liveLepo ul.col1 p.ph  { margin-bottom: 10px; }

#top div.liveLepo ul.col2 { width: 366px; overflow: hidden; }
#top div.liveLepo ul.col2 li { width: 175px; float: left; margin-right: 16px; }
#top div.liveLepo ul.col2 li.r { margin-right: 0;}
#top div.liveLepo ul.col2 p.ph { border: solid 5px #E5E5E5; margin-bottom: 5px;}
#top div.liveLepo ul.col2 dl a { font-weight: bold; }
#top div.liveLepo ul.col2 dl,
#top div.liveLepo ul.col2 p.ph  { margin-bottom: 10px; }

/** 雑誌 **/
#top div.book { 
	border: solid 2px #F5F0D4;
	background: #FFFBE5;
	margin: 32px 0 0 33px;
	float: left;
	display: inline;
	width: 366px;
}
#top div.book h2 {
	position: relative;
}

#top div.book h2 img {
	position: absolute;
	left:6px;
	top: -14px;
}

#top div.book p.ph { padding: 36px 0 10px 0; float: left; width: 111px; text-align: center; }
#top div.book p.ph img { border: solid 1px #CCC; }
#top div.book dl { float: left; width: 246px; padding-bottom: 10px; line-height: 1.6; }
#top div.book dl dt {
	font-weight: bold;
	padding-top: 8px;
}
#top div.book dl dd.line {
	background: url(../img/common/dots_g_w.gif) repeat-x left top;
	padding-top: 5px;
	margin-top: 5px;
}
#top div.book dl dd a { font-weight: bold; }



/*　中央エリア */
#top div.center p.ph { 
	margin: 10px 0 8px 0;
}
#top div.center div.ranking,
#top div.center div.interview,
#top div.center div.present { position: relative; padding-bottom: 15px; }
#top div.center p.btnlink { position: absolute; right: 5px; top: 15px; }
#top div.center p.ph img { border: solid 5px #E5E5E5;}

#top div.center dl a { font-weight: bold; }

/*　新ランキング */
#top div.center div.ranking div.ninki { position: relative;	background: #ffeeee; margin-top:16px; }
#top div.center div.ranking div.keyword { position: relative; background: #e6f7e5; margin-top:16px; }
#top div.center div.ranking div.misic_rank { position: relative; background: #eeeeee; margin-top:16px; }
#top div.center div.ranking p.tit { margin-top: -8px; left: 2px; position: absolute; z-index: 10; }
#top div.center div.ranking p.date { text-align: right; margin-right: 6px; }
#top div.center div.ranking ul{ margin: -10px 10px 0 10px; padding-top:12px; }
#top div.center div.ranking p.ikou { text-align: right; margin: 0 6px 2px 0; }
#top div.center div.ranking ul li { line-height:100%; margin-top:2px; }
#top div.center div.ranking ul li img { margin-right: 4px; vertical-align: middle; }
#top div.center div.ranking div.misic_rank ul li a { margin-right: 4px; }

#top div.center div.ranking div.sonota {
	border: solid 5px #E5E5E5;
	margin-top: 10px;
	position: relative;
}
#top div.center div.ranking div.sonota p {padding: 0 4px 5px 4px; }

/*　#top div.center div.ranking div.sonota { margin: 6px 0 10px 0; }

#top div.center div.ranking div.misic_rank p.tit {
	background: #ccc;
	margin: 0;
	padding: 0 10px 0 12px;
	font-weight: bold;
}

#top div.center div.ranking div.misic_rank p.tit span {
	padding-left: 20px;
}
#top div.center div.ranking div.misic_rank ul { margin: 0 10px; }
 */
 
 
/* インタビューリストリンク */
#top div.center div.interview ul {
	margin-top: 10px;
	background: url(../img/common/dots_g_w.gif) repeat-x left top;
	padding-top: 10px;
}
#top div.center div.interview ul a { font-weight: bold; }

/* 
#top div.center div.ranking dl {
	border: solid 5px #E5E5E5;
	margin-top: 10px;
	padding-bottom: 5px;
	position: relative;
}
#top div.center div.ranking dt { padding: 5px 5px 3px 5px; }
#top div.center div.ranking dt.line {
	clear: both;
	border-top: solid 5px #E5E5E5;
}

#top div.center div.ranking dd.rph { width: 59px; float: left; margin-right: 10px; text-align: right; padding-bottom: 5px; }
#top div.center div.ranking dd.rph img { border: solid 1px #E5E5E5;}
#top div.center div.ranking dd.t10 { width: 90px; float: left; padding-bottom: 5px; }

#top div.center div.ranking dd.mv { padding-left: 10px; }
 */

#top div#side div.closeUp {
	border: solid 5px #E5E5E5;
	border-top: none;
	position: relative;
	margin-top: 15px;
	padding-top: 30px;
	padding-bottom: 10px;
}
#top div#side div.closeUp a { 
	font-weight: bold;
}
#top div#side div.closeUp a.icon02 { background-position: 0 3px; }

#top div#side div.closeUp h2 { position: absolute; top: -8px; }

#top div#side div.closeUp table.main { width: 300px; }

#top div#side div.closeUp table.main dl { padding: 10px 9px; }
#top div#side div.closeUp table.main td.right {
	border-left: solid 5px #E5E5E5;
}

/** bana **/
#top div#side div.closeUp div#sidebana {
	clear: both;
	border-top: solid 5px #E5E5E5;
	border-bottom: solid 5px #E5E5E5;
}

#top div#side div.closeUp ul.up dt,
#top div#side div.closeUp table td dt { line-height: 0; margin-bottom: 5px; }

#top div#side div.closeUp table.graf { 
	clear: both;
	position: relative;
	width: 300px;
}
#top div#side div.closeUp table.graf td {
	padding: 10px 0 0 9px;
	vertical-align: top;
}
#top div#side div.closeUp table.graf td dl { position: relative; }
#top div#side div.closeUp table.graf td dt { position:relative; z-index:1; }
#top div#side div.closeUp table.graf td dd.over {
	width: 115px;
	padding-bottom: 5px;
	background: url(../img/top/over_bg.gif) no-repeat bottom center;
	position: absolute;
	left: -20px;
	top: -31px;
	display: none;
	z-index: 100;
}
#top div#side div.closeUp table.graf td dd.vis { display: block; }
#top div#side div.closeUp table.graf td dd.over p {
	border-right: #FFCE0D solid 1px;
	background: #FFE683;
	padding: 5px;
}
#top div#side div.closeUp table.graf dd a.icon02 {
	background-position: 0 5px;
	display: block;
}
#top div#side div.closeUp .ph img {
	border: solid 1px #E5E5E5;
}
#top #side div.base { 
	background: url(../img/common/side_topi_bg.gif) repeat;
	padding: 12px 12px 5px 12px;
	margin-top: 15px;
	float: left;
}
#top #side div.base h2 { margin-bottom: 10px; }
#top #side div.base ul {
	margin-top: 10px;
}
#top #side div.base ul ul { margin-top: 0; padding: 10px 0; }
#top #side div.base ul li {
	background: url(../img/common/dots_cya.gif) repeat-x left top;
	clear: both;
	width: 285px;
	padding-top: 1px;
}
#top #side div.base ul li li {
	background: none;
	width: auto;
}
#top #side div.base ul li li a { font-weight: bold; }

#top #side div.base p.ph {
	width: 106px;
	float: left;
	padding: 10px 0;
}
#top #side div.base p.ph img { border: solid 1px #CDCDCD; }
#top #side div.base dl { padding: 10px 0; }
#top #side div.base dl.type01 {
	width: 178px;
	float: left;
}
#top #side div.base dt a { font-weight: bold; }

/**  TOPお知らせ追加  -----------------*/
body.temp01 #main div.pr_top {
	background: url(../img/common/plink_bg02.gif) repeat-y;
	width: 565px;
	margin-left: 33px;
	margin-top: 15px;
}

div.pr_top ul {
	padding-top: 5px;
	position: relative;
}
div.pr_top li {
	padding: 0 10px;
	float: left;
	display: inline;
	line-height: 1.2;
	margin-bottom: 5px; 
}

div.pr_top li a.icon04 { background-position: 0px 5px; display: block; }
div.pr_top li.rline { border-right: solid 1px #CDC9B7;}

/**  旬タメ追加  -----------------*/
#top div.center div.syuntame { border-left: solid 1px #CC0000; border-right: solid 1px #CC0000; border-bottom: solid 1px #CC0000; padding: 0; margin-bottom: 15px;}
#top div.center div.syuntame p { padding: 6px 0 6px 4px; margin: 0;}

/**  PIA channel  -----------------*/
h2.piachannel { margin: 10px 0 0 33px; padding: 0;}
div.piachannel { background: #000; margin-left: 33px; margin-top: 0; padding: 0 10px 10px 10px; }
div.piachannel .mainmovie { background:#000; padding-bottom: 10px; padding-top: 10px; }
div.piachannel .txt { background: #666; padding: 4px 10px; }
div.piachannel .txt a{ color: #fff; }

/**  今週のこの人追加  -----------------*/
#top div.center div.konohito { padding: 0; margin: 0; background: url(../img/top/konohito_bg.gif) repeat-y}
#top div.center div.konohito p.ph { padding: 6px 7px 2px 7px; margin: 0;}
#top div.center div.konohito p { padding: 0; margin: 0;}
#top div.center div.konohito dl {
	margin-right: 10px;
	margin-left: 10px;
}
#top div.center div.konohito ul {
	margin-top: 10px;
	margin-right: 10px;
	margin-left: 10px;
	background: url(../img/common/dots_g_w.gif) repeat-x left top;
	padding-top: 10px;
}
#top div.center div.konohito ul a { font-weight: bold; }