@charset "Shift-JIS";

/*****************************************************
 *    番組紹介                                       *
 *****************************************************/


/* 基本スタイル（上書き）
---------------------------------------------------- */
#mainArea {
	width: 770px;
	float: left;
	padding: 10px 10px 0px 0px;
} 
#bannerArea {
	width: 190px;
	float: left;
	padding: 10px 0px;
	overflow:auto;
}
#mainArea h2#pageTit {
	width: 0px;
	height: 0px;
	overflow: hidden;
	text-indent: -9999px;
}


/* 基本スタイル
---------------------------------------------------- */
#mainPkg {
	width: 770px;
}


/* 番組リスト
---------------------------------------------------- */
ul#bangumiList {
	width: 765px;
	list-style: none;
	display: inline-table;
}
ul#bangumiList:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
/* Mac IE \*/ 
* html ul#bangumiList {height: 1%;} 
ul#bangumiList {display: block;}
/* */

ul#bangumiList li {
	width: 240px;
	padding: 0px 0px 20px 15px;
	float: left;
	background: url(../img/btn_bg.gif) no-repeat right bottom;
}
ul#bangumiList li a:hover img {
	filter: alpha(style=0, opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* 青少年向け番組,放送が終了した番組
---------------------------------------------------- */
h3#youngTit,
h3#endTit {
	width: 760px;
	height: 50px;
	text-indent: -9999px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
}

h3#youngTit {background: url(../img/young_tit.gif) no-repeat;}
h3#endTit {background: url(../img/end_tit.gif) no-repeat;}

ul#youngList,
ul#endList {
	width: 750px;
	list-style: none;
	padding: 0px 0px 0px 20px;
	display: inline-table;
}
ul#youngList:after,
ul#endList:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
/* Mac IE \*/ 
* html ul#youngList {height: 1%;} 
* html ul#endList {height: 1%;} 
ul#youngList {display: block;}
ul#endList {display: block;}
/* */

ul#youngList li,
ul#endList li {
	width: 230px;
	padding: 4px;
	float: left;
	margin: 0px 10px 10px 0px;
	border: 1px solid #eeeeee;
	display: inline-table;
}
ul#youngList li:after,
ul#endList li:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 

/* Mac IE \*/ 
* html ul#youngList li {height: 1%;}
* html ul#endList li {height: 1%;} 
ul#youngList li {display: block;}
ul#endList li {display: block;}
/* */

ul#youngList li.listHead {
	clear: both;
}

ul#youngList li img {
	width: 110px;
	float: left;
}

ul#youngList li h4,
ul#endList li h4 {
	width: 110px;
	padding: 1px 5px 3px 0px;
	font: bold small/1em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

ul#youngList li h4 { float:right;}
ul#endList li h4 { float:left;}

ul#youngList li p,
ul#endList li p {
	width: 110px;
	float: right;
	padding: 0px 5px 0px 0px;
	font: normal x-small/1.1em Verdana;
}

/* ページの先頭へ戻る
---------------------------------------------------- */
h4.endProg {
	width:180px !important;
}

/* ページの先頭へ戻る
---------------------------------------------------- */
#gotop {
	width: 760px;
	float: left;
	padding: 30px 0px 10px 10px;
	clear: both;
}

