@charset "utf-8";
/* トップ記事 */
.newsHeadLine .thum { float: left; max-width: 240px; margin-right: 15px; text-align: center;}
.newsHeadLine .thum img { max-width: 240px; margin: 0 auto; padding: 1px;}
.newsHeadLine .thum a img { border: 1px #ccc solid;}
.newsHeadLine .thum a:hover img { border: 1px #d05478 solid;}
.newsHeadLine dl { margin-left: 255px;}
.newsHeadLine dl dt { margin-bottom: 3px; font-size: 24px!important; line-height: 130%; font-weight: bold; text-align: left; position: relative;}
.newsHeadLine dl dt p.category { margin-top: -10px;}
.newsHeadLine dl dd p.lead { font-size: 14px; line-height: 150%!important;}
.newsHeadLine dl dd p.info { margin-top: 20px;}
.newsHeadLine dl dd p.info span.date { margin-right: 15px; color: #888; font-size: 12px;}

.genre_banner img{
	width:630px;
	
}

/* 最新ニュース */
#news-recent.top { border-top: 1px #ccc solid;}
#news-recent.top h2 { margin-top: 0;}
#news-recent.top .linkList li { margin: 0; padding: 8px 5px;}
#news-recent.top .linkList li:nth-child(odd) { background-color: #f9f9f9;}
/*#news-recent.top .linkList li a { display: block; float: left; width: 530px; padding-left: 15px; text-indent: 0;}*/
#news-recent.top .linkList li a { display: block; float: left; width: 510px; padding-left: 15px; text-indent: 0;}
#news-recent.top .linkList li .update { display: block; margin-left: 540px; font-size: 10px; text-align: right; color: #6a6a6a;}

/* 最新ニュース02 */
#news-recent.top .linkList02 li { margin: 0; padding: 8px 5px;}
/*#news-recent.top .linkList02 li:nth-child(odd) { background-color: #f9f9f9;}
#news-recent.top .linkList li a { display: block; float: left; width: 530px; padding-left: 15px; text-indent: 0;}*/
#news-recent.top .linkList02 li a { display: block; float: left; width: 510px; /*padding-left: 15px;*/ text-indent: 0;}
#news-recent.top .linkList02 li .update { display: block; margin-left: 530px; font-size: 10px; text-align: right; color: #6a6a6a;}

/* 特集 */	
#special .tmbList li {
	float: left;
	width: 295px/*295px */;
	width: 280px\9; /* IE8 and below */
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px #aaa dotted;
}

#special .tmbList li p.title { font-size: 14px; line-height: 120%;}
#special .tmbList li:nth-child(2n) { border-right: none; margin-right: 0; padding-right: 0;}

/* 記事リスト 3カラム */
ul.col3 li { width: 210px; /*height: 200px;*/ float: left; overflow: hidden;
	/*background: url(../images/base/col3_h200_bg.png) no-repeat left top*/;}
ul.col3 li span { color: #888; font-size: 12px; display:block; margin:5px 0 10px 15px;}
ul.col3 li .thumbnail { width: 164px; height: 108px; overflow: hidden; margin: 0 auto 10px;}
ul.col3 li .thumbnail img { max-width: 164px;}
ul.col3 li .title { font-weight: bold; line-height: 20px!important; margin: 0 15px;}
ul.col3 li a:hover img {
	filter: alpha(opacity=80); /*For IE*/
	opacity: 0.8; /*Opera¡¦Safari*/
	-moz-opacity: 0.8; /*For FireFox*/}
/* おすすめドラマ */
#pickup-drama ul.col3 li { height: 170px;}

/* 記事リスト 2カラム */
#section-set.col2 { border-top: 1px #ccc solid; margin-bottom: 20px;}
#section-set.col2 .section { width: 315px; float: left; margin-bottom: 0;}
#section-set.col2 .section h2 { border-top: 0; margin-top: 0;}

/* 縦が短いボックス */
#section-set.col2 .short { width: 315px; /*height: 200px;*/ overflow: hidden; /*background: url(../images/base/col2_h190_bg.png) no-repeat left top;*/}
#section-set.col2 .short div { margin: -10px 10px 10px;}
#section-set.col2 .short .thumbnail { float: left; width: 115px; max-height: 150px; overflow: hidden; margin-right: 10px; border: 1px #fff solid;}
#section-set.col2 .short .thumbnail img { max-width: 115px;}
/* 縦が長いボックス */
#section-set.col2 .long { width: 315px; /*min-height:375px;height: 400px;*/ overflow: hidden;
 /*background: url(../images/base/col2_h400_bg.png) no-repeat left top;*/}
#section-set.col2 .long div { margin: 0 10px 10px;}
#section-set.col2 .long .thumbnail { max-width: 226px; max-height: 215px; margin: 0 auto; overflow: hidden; border: 1px #fff solid; text-align:center;}
#section-set.col2 .long .thumbnail img { max-width: 226px;}
/* h2は１つで記事が2カラム */
.col2 li.short { width: 295px; float: left; height: 160px; padding: 0 10px 10px; overflow: hidden;
	/*background: url(../images/base/col2_h190_bg.png) no-repeat left top;*/}
.col2 li.short .thumbnail { float: left; width: 115px; max-height: 150px; overflow: hidden; margin-right: 10px; border: 1px #fff solid;}
.col2 li.short .thumbnail img { max-width: 115px;}
.col2 li.short .title { margin: 0 0 10px; font-weight: bold; line-height: 20px!important;}

/* テキスト */
#section-set h2 { padding-left: 10px;}
#section-set .title { margin:10px 0 3px; font-weight: bold; line-height: 20px!important;}
#section-set .txt, .col2 li.short .txt { font-size: 12px; line-height: 18px; color: #888;}
#section-set.col2 .short .txt, .col2 li.short .txt { max-height: 70px; overflow: hidden;}

/* hover */
#section-set.col2 .thumbnail:hover, .col2 li.short .thumbnail:hover { border: 1px #d05478 solid;}

/* 映画情報 */
#movie_top #movie-now { padding-bottom: 15px;}
#movie_top #recent-check-movie { margin: 10px 0;}
#movie_top .checkList li { float: left; margin: 8px 10px; padding-left: 18px; font-size: 14px; line-height: 14px; text-indent: -15px;}
#movie_top #recent-check-movie .checkList li a { background: url(../images/base/check_red.gif) no-repeat left 2px; padding-left: 18px;}
/* 海ドラ情報 */
#drama_top #drama-navi { padding-bottom: 15px;}
/* ジャンル別 */
#drama-genre h3 { margin-top: 10px;}
#drama-navi .genreList { margin: 10px 0 -10px;}
#drama-navi .genreList li { display: inline; line-height: 20px; padding-right: 10px; color: #999; font-size: 14px; white-space: nowrap;}
#drama-navi .genreList li:after { content: "|"; color: #ccc; padding-left: 10px;}
#drama-navi .genreList li:last-child:after {  content: " ";}

/* 動画リスト */
ul.videoThumbList { width: 656px; margin-right: -26px!important; padding: 0;}
ul.videoThumbList li { width: 138px; height: 110px; overflow: hidden; float: left; margin: 0 26px 15px 0; padding: 0;}
.videoThumbList li .txt { display: block; max-height: 28px; overflow: hidden; margin: -10px 0 5px 0;
	line-height: 14px; font-size: 12px; text-align: center;}
	
/* 注目動画サイドメニュー */

#popular_video ul.videoThumbList { width: 350px; /*margin-right: -26px!important; */padding: 0; overflow:hidden;}
#popular_video ul.videoThumbList li { width: 138px; height: 110px; overflow: hidden; float: left; margin: 0 26px 15px 0; padding: 0;}
#popular_video .videoThumbList li .txt { display: block; max-height: 28px; overflow: hidden; margin: -10px 0 5px 0;
	line-height: 14px; font-size: 12px; text-align: center;}
	
#popular_video p.more_doga {float: right;
font-size: 12px;
margin: 0 0 5px 0;
background: url(../images/base/arw_ci.gif) no-repeat left 2px;
padding-left: 10px;}
	

.thumbWrap { position: relative; width: 134px; margin:0 0 10px 0; display:block;}
.thumbWrap .clip { position: relative; display: block; width: 134px; height: 70px; line-height: 70px; overflow: hidden;
	border: 2px #fff solid;}
.thumbWrap .clip:hover { border: 2px #d05478 solid;}
.thumbWrap .clip img { width: 134px; position: absolute; top: -13px; left: 0;}
.thumbWrap .time { display: none; width: 25px; height: 16px; position: relative; left: 94px; top: -20px;
	 background: url(../images/base/playtime.png) no-repeat left top; padding: 0 5px 0 10px;
	 color: #fff; font-size: 10px; line-height: 16px; font-weight: bold; text-align: right;}
.videoThumbList a:hover { text-decoration: none!important;}
.videoThumbList li a:hover .txt { text-decoration: underline;}

/* プレゼント */
#present .tmbList li p.title { font-size: 14px!important;}
#present .tmbList li .end { text-align: left;}
#present .tmbList .thumbnail { width: 120px;}
#present .tmbList p.thumbnail img { max-width: 120px;}
#present .txtList li { margin-bottom: 10px;}
#present .txtList li:last-child { margin-bottom: 0;}
#present .txtList .title { width: 480px; float: left; line-height: 120%!important;}
#present .txtList .end { margin-left: 490px;}

/* 相談室 */
#counseling-room .txtList li { padding-left: 15px; background: url(../images/base/arw_category.png) no-repeat left -297px;}

/* 注目フォト系 */
#remarkable-photo .gridList li, #remarkable-celeb .gridList li, #birthday_list .gridList li { margin: 0 0 10px 20px;}

/* HOTキーワード */
#hot_word { padding-bottom: 20px;}

/* キーワード一覧 */
#keyword_list { margin: 10px 0 30px;}
#keyword_list .tagList { margin: 5px 0 20px;}
#keyword_list .tagList li { font-weight: bold;}
#keyword_list h3 { line-height: 20px;}
#keyword_list h3.movie { border-top: 2px #fa3338 solid;}
#keyword_list h3.celeb_gossip { border-top: 2px #ee28aa solid;}
#keyword_list h3.drama { border-top: 2px #005cce solid;}
#keyword_list h3.entertainment { border-top: 2px #2ab7f2 solid;}
#keyword_list h3.game_animation { border-top: 2px #0dd57e solid;}
#keyword_list h3.kininaru { border-top: 2px #f3b727 solid;}

/* 人物一覧 */
#birthday_list h3 { margin-bottom: 10px;}
#personSearch { border-top: 1px #e5e3e3 solid;}
#personSearch .section { width: 380px; margin: 20px auto;}
.searchPgm { width: 280px; height: 22px; margin-right: 10px; float: left;}
#personSearch input:hover {
	filter: alpha(opacity=90); /*For IE*/
	opacity: 0.9; /*Opera¡¦Safari*/
	-moz-opacity: 0.9; /*For FireFox*/}

/* 総合TOP - gallery */
.disable{display:none;}
#hctoppannel_wrapper{ width:622px; height:300px; position: relative; border: 2px #dfdfdf solid; padding: 2px;}
#gal_image_main{ width:409px; height:300px; overflow:hidden; position:relative; float:left; background-color: #000;}
#gal_image_main img{ width:409px; max-width:409px; height:auto; position:absolute;}
#gal_image_main .textbace{ width:409px; height:80px; margin-top:220px; background-color:#000; opacity:0.5; position:absolute;}
#gal_image_disc{ width:400px; height:80px; margin-top:230px; position:absolute; background-color:transparent; opacity:1.0;}
#gal_image_disc p{ padding:5px 15px 10px 15px; font-size: 16px; line-height:130%; font-weight:bold;}
#gal_image_disc p a {	color:#FFF;}
#gal_list_nav { width: 214px; position:absolute; right: 2px; top: 2px; background: url(../images/base/gal_list_bg.gif);}
#gal_list_nav li { width: 189px; height: 54px; overflow: hidden; margin: 0 0 1px 5px; padding: 10px; font-size: 12px; color: #4f4f4f; background: url(../images/base/gal_list_nav_bg.gif) repeat-x left top; cursor: pointer; line-height:125%;}
#gal_list_nav li:hover { background: url(../images/base/gal_list_nav_bg.gif) repeat-x left bottom;}
#gal_list_nav li.active { margin-left: 0; padding: 10px 10px 10px 15px;	background: url(../images/base/gal_list_nav_active.gif) no-repeat;}

/* 総合TOP - 最新ニュース */
#all_top #news-recent h2 { position: relative;}
#all_top #news-recent .update { position: relative; left: 15px; top: 0; color: #323232;}
#all_top #news-recent .boxTab .thumb { float: right; margin: 0 0 10px 10px; border: 1px #fff solid;}
#all_top #news-recent .boxTab .thumb:hover { border: 1px #d05478 solid;}
#all_top #news-recent .boxTab .thumb img { max-width: 200px; padding: 1px;}
#all_top #news-recent .boxTab .title { font-size: 16px; margin-bottom: 15px; line-height: 130%; font-weight: bold; text-align: left;}

/* 総合TOP - おすすめトピックス */
#all_top #topics-editor { position: relative; clear:both;}
#all_top #topics-editor h2 { width: 630px; height: 38px; border-top: 0; padding: 0;
	background: url(../images/base/topics_head.png) no-repeat left top; text-indent: -9999px;}
#tabTopicsBtn { position: absolute; right: 10px; top: 17px;}
#tabTopicsBtn li { float: left; width: 17px; height: 16px; margin-right: 7px;
	background: url(../images/base/topics_tab_bg.gif) no-repeat left top;}
#tabTopicsBtn li a { display: block; width: 17px; height: 16px; text-indent: -9999px;}
#tabTopicsBtn li.topics_01 { background-position: left top;}
#tabTopicsBtn li.topics_02 { background-position: -18px top;}
#tabTopicsBtn li.topics_03 { background-position: -36px top;}
#tabTopicsBtn li.topics_04 { background-position: -54px top;}
#tabTopicsBtn li.topics_05 { background-position: -72px top;}

#tabTopicsBtn li.topics_01:hover { background-position: left -17px;}
#tabTopicsBtn li.topics_02:hover { background-position: -18px -17px;}
#tabTopicsBtn li.topics_03:hover { background-position: -36px -17px;}
#tabTopicsBtn li.topics_04:hover { background-position: -54px -17px;}
#tabTopicsBtn li.topics_05:hover { background-position: -72px -17px;}

#tabTopicsBtn li.topics_01.active { background-position: left -34px;}
#tabTopicsBtn li.topics_02.active { background-position: -18px -34px;}
#tabTopicsBtn li.topics_03.active { background-position: -36px -34px;}
#tabTopicsBtn li.topics_04.active { background-position: -54px -34px;}
#tabTopicsBtn li.topics_05.active { background-position: -72px -34px;}

#tabs_topics .boxTab { margin-top: 10px; clear: both;}
.leftBox { width: 165px; float: left; padding-bottom: 10px; text-align: center;}
.leftBox .thumb img { max-width: 165px; padding: 1px; border: 1px #fff solid;}
.leftBox .thumb img:hover { border: 1px #d05478 solid;}
.leftBox .title { display: block; width: 165px; margin-top: 5px;}
#tabs_topics .boxTab .linkList { margin-left: 190px; padding-top: 5px;}
#tabs_topics .boxTab strong { margin-left: 30px; font-size:16px;}

/* 総合TOP - NOW ON AIR */
#all_top #movie-now h2 { margin-bottom: -10px;}
#drama-now-onair { position: relative; width: 630px; background: #e5f1f9 url(../images/base/now_onair.gif) no-repeat left top;}
#drama-now-onair h2 { padding: 0; border-top: 0; height: 30px; line-height: 30px;}
#drama-now-onair h2 span.more a { color: #fff;}
#drama-now-onair h2 span.head { display: block; width: 200px; float: left; text-indent: -9999px;}
#drama-now-onair h2 span.more { float: right; display: block; height: 14px; margin: 8px 5px; padding-left: 10px;
	font-size: 12px; line-height: 14px; color: #fff; background: url(../images/base/arw_ci.gif) no-repeat left -138px;}
#drama-now-onair li { line-height: 30px; padding-left: 30px; border-bottom: 1px #89b1e3 dotted;
	background: url(../images/base/ico_tv.png) no-repeat 10px 7px; cursor: pointer;}
#drama-now-onair li:last-child { border-bottom: 0;}
#drama-now-onair li:hover { background-color: #eefcff; text-decoration: none;}
#drama-now-onair li a { display: block;}
#drama-now-onair li a, #drama-now-onair li a:hover, #drama-now-onair li a:visited { text-decoration: none;}
#drama-now-onair a .channel { color: #005cce; font-size: 12px; font-weight: bold; margin-right: 15px;}
#drama-now-onair a .airtime { color: #525252; margin-right: 15px;}
#drama-now-onair a .title {}

/* パイロットバナー */
.pilot_vision{
	width:950px;
	height:280px;
	margin:0 auto 10px;
	padding:10px 0;
}

/* 総合TOP　特集 */


#all_top #special .tmbList li {
	float: left;
	width: 288px;
	width: 280px\9; 
	border-left: 1px #aaa dotted;
	background: url(../images/base/dot_line.png) repeat-x;
	padding:10px 15px 10px 10px;
	margin:0 0 0 0;
	height:130px;
}
#all_top #special .tmbList li p.title { font-size: 14px; line-height: 140%;}
#all_top #special .tmbList li:nth-child(2n) { border-right: none; margin-right: 0; padding-right: 15px; background:url(../images/base/dot_line.png) repeat-x;}
#all_top #special .tmbList li:nth-child(1) { border-left: none; border-right: none; border-top: none; background:none;}
#all_top #special .tmbList li:nth-child(2) { border-top: none; background:none;}
#all_top #special .tmbList li:nth-child(3) { border-left: none; border-right: none;}
#all_top #special{ margin:0;}




/* clearfix
------------------------------------- */
#news-recent.top .linkList li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#news-recent.top .linkList li { min-height: 1px;}
* html #news-recent.top .linkList li {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}