/**********************************************************************
ジャンル別(by.yoshida)
2010_2_19st
**********************************************************************/
/* ==================================
 BODY基本
================================== */
* { margin:0; padding:0;}

html {
	overflow-x:hidden;}

/*IE7適用*/
*+html{
	overflow-y:auto;}
/*IE7適用ここまで */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,em,img,dl,dt,dd,fieldset,legend,form,table,caption,tbody,tfoot,thead,tr,th,td{
	margin:0;
	padding:0;
	border:0;
	font-family:inherit;
	font-style:inherit;
	font-size:100%;
	/*vertical-align: baseline;*/}

body{
	background:#fff;
	text-align: center;}

body .alt{
	width: 0;
	height: 1px;
	overflow: hidden;}

/* MacIE5非適応 \*/
br {
	letter-spacing: normal;}
/* MacIE5非適応ここまで */

img{
	border: 0;margin: 0;padding: 0;vertical-align: bottom;}

a:link,
a:visited{
	color: #06c;
	text-decoration: none;}

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

.clearfix {display:inline-table;}

/* MacIE5非適応 \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* MacIE5非適応ここまで */
/* ==================================
外郭
================================== */
#outline {
	width:980px;
	margin:20px auto 0 auto;
	text-align: left;}

#wrap{
	width:980px;
	margin:20px 0 0 0;
	padding:0;
	overflow: hidden;}

* html #wrap{   
    height: 1%;}
/* ==================================
hr
================================== */
hr { display:none;}/*hrラインハイド*/

.line{/*hrライン実装*/
	background:#fff url(../img/line01.gif) repeat-x 0 10px;
	height:20px;
	clear: both;}

.line_under{/*hrライン実装*/
	background:#fff url(../img/line01.gif) repeat-x 0 10px;
	height:50px;
	/*margin:10px 0 40px 0;*/
	clear: both;}

#main .pickup ul li.middle,
#main .onair ul li.middle{
	width:663px;}
/* ==================================
ジャンルタイトル
================================== */
#head {
	width:980px;
	height:50px;
	background: url(../img/head_back.jpg) repeat-x;}

#head .news{/*情報・報道*/
	height:50px;
	background: url(../img/news.gif) no-repeat;}

#head .drama{/*ドラマ・アニメ*/
	height:50px;
	background: url(../img/drama.gif) no-repeat;}
	
#head .variety{/*バラエティ・音楽*/
	height:50px;
	background: url(../img/variety.gif) no-repeat;}

#head .sports{/*スポーツ*/
	height:50px;
	background: url(../img/sports.gif) no-repeat;}

#head .cooking{/*料理・旅*/
	height:50px;
	background: url(../img/cooking.gif) no-repeat;}

#head .special{/*特番・スペシャル*/
	height:50px;
	background: url(../img/special.gif) no-repeat;}

#head .present{/*プレゼント・募集*/
	height:50px;
	background: url(../img/present.gif) no-repeat;}
/* ==================================
カテゴリヘッダ
================================== */
#main h2{
	font-size: 18px;
	padding:8px 5px 8px 10px;}

/*情報・報道*/
#main .news {
	background:#fff url(../img/h2_under_news.gif) repeat-x bottom;}
#main .news h2{
	color: #0091F0;}

/*ドラマ・アニメ*/
#main .drama {
	background:#fff url(../img/h2_under_drama.gif) repeat-x bottom;}
#main .drama h2{
	color: #F8638F;}

/*バラエティ・音楽*/
#main .variety {
	background:#fff url(../img/h2_under_variety.gif) repeat-x bottom;}
#main .variety h2{
	color: #22A314;}

/*スポーツ*/
#main .sports {
	background:#fff url(../img/h2_under_sports.gif) repeat-x bottom;
	overflow:hidden;
	}
#main .sports h2{
	color: #5E6BEC;
	float:left;
}
 
/*スポーツ★追加★*/ 
#main div.sports p{
	float:right;
	padding: 4px 0 0;
} 

/*料理・旅*/
#main .cooking {
	background:#fff url(../img/h2_under_cooking.gif) repeat-x bottom;}
#main .cooking h2{
	color: #c60;}

/*特番・スペシャル*/
#main .special {
	background:#fff url(../img/h2_under_special.gif) repeat-x bottom;}
#main .special h2{
	color: #FA3255;}

/*プレゼント・募集*/
#main .present {
	padding-top:10px;
	background:#fff url(../img/h2_under_present.gif) repeat-x bottom;}
#main .present h2{
	color: #FF7A09;}

h3 {
	padding:0 0 10px 35px;
	font-size: 16px;
	background: #fff url(../img/h3_ico.gif) no-repeat 10px 0px;
	display: block;
	line-height: normal;}
/* ==================================
メイン共通/ジャンル
================================== */
#wrap #main{
	width:663px;
	float:left;
	font-size: 12px;
	line-height: 130%;}

/*****ピックアップ・現在放送中・放送終了*****/
#main .pickup,
#main .onair,
#main .end{
	width:663px;
	overflow: hidden;}

#main .pickup{
	margin:15px 0 30px 0;
	background:url(../img/pickup.gif) repeat-y;/*3分割*/}

#main .onair{
	margin:15px 0 30px 0;
	background:url(../img/onair.gif) repeat-y;/*4分割*/}

#main .end{
	margin:15px 0 50px 0;
	background:url(../img/pickup.gif) repeat-y;/*3分割*/}

#main .pickup ul,
#main .onair ul{
	width:663px;
	list-style-type: none;
	overflow: hidden;
	display: block;}

#main .pickup ul li,
#main .onair ul li{
	float: left;
	display: block;}

#main .pickup ul li{
	width:221px;}

#main .onair ul li{
	width:165px;}

#main .pickup ul li img,
#main .onair ul li img{
	margin:0 0 0 10px;}

#main .pickup ul li dl,
#main .onair ul li dl{
	margin:5px 0 0 10px;
	display: block;}

#main .pickup ul li dl{
	width:200px;}

#main .onair ul li dl{
	width:145px;}

#main .pickup ul li dl dt,
#main .onair ul li dl dt{
	color: #000;
	font-weight: bold;
	padding:0 0 3px 0;}

#main .pickup ul li dl dd,
#main .onair ul li dl dd{
	color: #666;}
#main .pickup ul li dl dd a:hover,
#main .onair ul li dl dd a:hover{
	text-decoration:underline !important;
}
dl dt a:hover{
	color: #06c;
	border-bottom: 1px solid #06c;}

/***********終了した番組***********/
#main .end ul{
	margin: 0;
	padding: 0;	
	width:221px;
	float: left;}

#main .end ul li{
	margin:0 0 0 10px;
	line-height: 180%;
	list-style-position: inside;
	list-style-type: disc;
	text-indent: -1em; /*最初行だけ1文字分を左へ*/
	padding-left: 1em; /*1文字分を右へ*/}

.end a:hover{
	color: #06c;
	border-bottom: 1px solid #06c;}
/* ==================================
プレゼント・募集
================================== */
#main .document{
	margin:15px 0 50px 0;
	width:663px;
	overflow: hidden;
	background:url(../img/document_back.gif) repeat-y;}

#main .document_l{
	margin:15px 0 50px 0;
	width:663px;
	overflow: hidden;
	background: #ffe9d3;}

#main .document .tab{
	width:663px;
	height:54px;}
	
	
/*20140311追加*/	
#main .document_l .tab{
	width:663px;
	height:65px;}

#main .document_l ul{
	display: block;
	/*padding:8px 20px 0 27px;*/
	line-height: 150%;
	background: url(../img/more.gif) no-repeat 594px 16px;}

#main .document_l ul li{
	width:540px;
	line-height: 150%;
	list-style-type: none;
	padding:0 20px 0 27px;}

#main .document_l ul li.title{
	padding:8px 20px 0 30px;
	background: url(../img/present_ico.gif) no-repeat 12px 11px;
	font-weight: bold;}
	
#main .document_l ul li.title{
	padding:8px 20px 0 30px;
	background: url(../img/present_ico.gif) no-repeat 12px 11px;
	font-weight: bold;}
	
#main .document_l ul li.title a {
	color: inherit;
}
#main .document_l ul li span{
	color: #f00;}






#main .document ul{
	display: block;
	/*padding:8px 20px 0 27px;*/
	line-height: 150%;
	background: url(../img/more.gif) no-repeat 594px 16px;}

#main .document ul li{
	width:540px;
	line-height: 150%;
	list-style-type: none;
	padding:0 20px 0 27px;}

#main .document ul li.title{
	padding:8px 20px 0 30px;
	background: url(../img/present_ico.gif) no-repeat 12px 11px;
	font-weight: bold;}
	
#main .document ul li.title{
	padding:8px 20px 0 30px;
	background: url(../img/present_ico.gif) no-repeat 12px 11px;
	font-weight: bold;}
	
#main .document ul li.title a {
	color: inherit;
}
#main .document ul li span{
	color: #f00;}

#main .box_hover{
	background: #FFCE8C;
	cursor:pointer;}
	
#notice{
	padding-left:13px;
}
	
#notice p{	
    font-size: 12px;
	line-height: 130%;
	color: #666;
	}

/*#main .none{
	text-indent:-9999px;
	height:0px;
	overflow:hidden;}*/
/* ==================================
サイドバー
================================== */
#wrap #side{
	margin:0 0 50px 0;
	width:300px;
	float:right;}

#wrap #side .rectangle{
	width:300px;
	height:250px;}

#wrap #side .free{
	margin:20px 0 0 0;
	width:300px;
	background: #999;}

#wrap #side .free2{
	margin:20px 0 0 0;
	height:50px;
	width:300px;
	background: #FFF;}

#wrap #side .free_l{
	margin:0 20px 0px 0;
	width:140px;
	background: #FFF;
	float:left;}

#wrap #side .free_r{
	margin:0 0 0px 0;
	width:140px;
	background: #FFF;
	float:left;}

#wrap #side .pr{
	margin:15px 5px 0;
	width:300px;
	line-height:1.3em;
	font-size:13px;
	color:#504F4F;
}
#wrap #side .pr a:hover{
	text-decoration:underline
}
#wrap #side .pr a:link{
	text-decoration:underline
}
#wrap #side .gadget{
	margin:20px 0 0 0;
	width:300px;
	height:250px;}

#wrap #side #topics{/*トピックス*/
	margin:15px 0 0 0;
	width:300px;
	height:200px;
	background: url(../img/dvd_back.jpg) no-repeat;}

#wrap #side #topics .txt{/*トピックス文言枠*/
	margin:0 0 0 0;
	padding:40px 0 0 8px;
	font-size: 12px;}

#wrap #side #topics ul{
	width:285px;
	height:153px;
	overflow: scroll;
	overflow-x:hidden;
	display: block;}

#wrap #side #topics ul li{
	width:250px;
	line-height: 120%;
	padding:6px 0 5px 15px;
	vertical-align:bottom;
	border-bottom: 1px dotted #ccc;
	background: url(../img/dvd_txt_ico.gif) no-repeat 2px 9px;
	list-style-type: none;}

#wrap #side #topics ul li a:hover{
	text-decoration: underline;}


/* ==================================
フッダー
================================== */
#footer{
	clear: both;
	width:980px;
	font-size: 12px;
	color: #666;
	border-top: 1px solid #ccc;}

#footer .pagetop{
	margin:10px 10px 0 0;
	float:right;}

#footer .copy{
	clear: both;
	padding:30px 0 50px 0;}


/* ==================================
高校野球時用（20130731追記）
================================== */
#koshien a {
	background-color: #FF9;
	border: 1px solid #FF6600;
    color: #FF6600;
    display: block;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 5px;
	text-align: center;
}
#koshien a:hover {
	text-decoration: underline;
}


/* =======================================
スーパーバナー用（20140616 kurata 追記）
======================================== */
#superBanner {
	margin-bottom: 20px;
	text-align: center;
}

/* ==================================
高校野球時用（20140724追記）
================================== */

#koshient a {
	background-color: #FF9;
	border: 1px solid #ff6600;
	color: #FF6600;
	display:block;
	font-weight: bold;
	margin: 0 5px 10px;
	padding: 5px;
	text-align:center;
	}
	
#koshient a:hover {
	text-decoration: underline;
	}	

#koshiens a {
	background-color: #FF9;
	border: 1px solid #ff6600;
	color: #FF6600;
	display:block;
	font-weight: bold;
	margin: 0 5px 10px;
	padding: 2px;
	text-align:center;
	font-size:10px;
	}
	
#koshient a:hover {
	text-decoration: underline;
	}