@charset "utf-8";

/* ======================================================
(C)フジテレビ CSS Document 
	 バラエティトップ variety.css
====================================================== */

@import "/css/1104renew/common_genre.css?20110526";

/* mainLeft */
#mainLeft h1{ background: url("../../images/tit_variety.gif") no-repeat;}
/* バラエティメニュー */
ul#varietyM{
	margin:10px 0 0 0;
	width:550px;
	overflow:hidden;
}
ul#varietyM li{
	margin:0 10px 0 0;
	display:block;
	float:left;
	height:11px;
	overflow:hidden;
}
ul#varietyM li a{
	display:block;
	height:11px;
	text-indent:-999em;
	overflow:hidden;
}
/* バラエティ番組一覧 */
ul#varietyM li#btnVarietyIchiran,
ul#varietyM li#btnVarietyIchiran a{ width:110px;}
ul#varietyM li#btnVarietyIchiran a{ background: url("../../images/btn_variety_varietyichiran.gif") no-repeat;}
ul#varietyM li#btnVarietyIchiran a:hover{ background: url("../../images/btn_variety_varietyichiran_o.gif") no-repeat;}
/* 音楽番組一覧 */
ul#varietyM li#btnMusicIchiran,
ul#varietyM li#btnMusicIchiran a{ width:78px;}
ul#varietyM li#btnMusicIchiran a{ background: url("../../images/btn_variety_ongaku.gif") no-repeat;}
ul#varietyM li#btnMusicIchiran a:hover{ background: url("../../images/btn_variety_ongaku_o.gif") no-repeat;}
/* 放送が終了した番組 */
ul#varietyM li#btnEnd,
ul#varietyM li#btnEnd a{ width:110px;}
ul#varietyM li#btnEnd a{ background: url("../../images/btn_program_shuryou.gif") no-repeat;}
ul#varietyM li#btnEnd a:hover{ background: url("../../images/btn_program_shuryou_o.gif") no-repeat;}
/* 再放送 */
ul#varietyM li#btnSaihoso,
ul#varietyM li#btnSaihoso a{ width:47px;}
ul#varietyM li#btnSaihoso a{ background: url("../../images/btn_variety_saihoso.gif") no-repeat;}
ul#varietyM li#btnSaihoso a:hover{ background: url("../../images/btn_variety_saihoso_o.gif") no-repeat;}
/* メニューエリア(各曜日) */
ul#varietyW li#btnMon,
ul#varietyW li#btnMon a{ width:77px;}
ul#varietyW li#btnMon a{ background: url("../../images/btn_variety_mon.gif") no-repeat;}
ul#varietyW li#btnMon a:hover{ background: url("../../images/btn_variety_mon_o.gif") no-repeat;}
ul#varietyW li#btnMon.active{background: url("../../images/btn_variety_mon_o.gif") no-repeat;}
ul#varietyW li#btnTue,
ul#varietyW li#btnTue a{ width:77px;}
ul#varietyW li#btnTue a{ background: url("../../images/btn_variety_tue.gif") no-repeat;}
ul#varietyW li#btnTue a:hover{ background: url("../../images/btn_variety_tue_o.gif") no-repeat;}
ul#varietyW li#btnTue.active{background: url("../../images/btn_variety_tue_o.gif") no-repeat;}
ul#varietyW li#btnWed,
ul#varietyW li#btnWed a{ width:77px;}
ul#varietyW li#btnWed a{ background: url("../../images/btn_variety_wed.gif") no-repeat;}
ul#varietyW li#btnWed a:hover{ background: url("../../images/btn_variety_wed_o.gif") no-repeat;}
ul#varietyW li#btnWed.active{background: url("../../images/btn_variety_wed_o.gif") no-repeat;}
ul#varietyW li#btnThu,
ul#varietyW li#btnThu a{ width:77px;}
ul#varietyW li#btnThu a{ background: url("../../images/btn_variety_thu.gif") no-repeat;}
ul#varietyW li#btnThu a:hover{ background: url("../../images/btn_variety_thu_o.gif") no-repeat;}
ul#varietyW li#btnThu.active{background: url("../../images/btn_variety_thu_o.gif") no-repeat;}
ul#varietyW li#btnFri,
ul#varietyW li#btnFri a{ width:77px;}
ul#varietyW li#btnFri a{ background: url("../../images/btn_variety_fri.gif") no-repeat;}
ul#varietyW li#btnFri a:hover{ background: url("../../images/btn_variety_fri_o.gif") no-repeat;}
ul#varietyW li#btnFri.active{background: url("../../images/btn_variety_fri_o.gif") no-repeat;}
ul#varietyW li#btnSat,
ul#varietyW li#btnSat a{ width:77px;}
ul#varietyW li#btnSat a{ background: url("../../images/btn_variety_sat.gif") no-repeat;}
ul#varietyW li#btnSat a:hover{ background: url("../../images/btn_variety_sat_o.gif") no-repeat;}
ul#varietyW li#btnSat.active{background: url("../../images/btn_variety_sat_o.gif") no-repeat;}
ul#varietyW li#btnSun,
ul#varietyW li#btnSun a{ width:77px;}
ul#varietyW li#btnSun a{ background: url("../../images/btn_variety_sun.gif") no-repeat;}
ul#varietyW li#btnSun a:hover{ background: url("../../images/btn_variety_sun_o.gif") no-repeat;}
ul#varietyW li#btnSun.active{background: url("../../images/btn_variety_sun_o.gif") no-repeat;}
/* メニューエリア(朝～深夜の番組) */
ul#varietyMT{ margin:10px 0 0 0; width:550px; text-align: center; overflow:hidden;}
ul#varietyMT li { display: inline-block; *display: inline; *zoom: 1; padding:0; height:29px; overflow:hidden;}
ul#varietyMT li a{ display:block; float:left; height:29px; overflow:hidden; text-indent:-999em;}
ul#varietyMT li#btnAsa,
ul#varietyMT li#btnAsa a{ width:104px;}
ul#varietyMT li#btnAsa a{ background: url("../../images/btn_variety_asa.gif") no-repeat;}
ul#varietyMT li#btnAsa a:hover{ background: url("../../images/btn_variety_asa_o.gif") no-repeat;}
ul#varietyMT li#btnHiru,
ul#varietyMT li#btnHiru a{ width:105px;}
ul#varietyMT li#btnHiru a{ background: url("../../images/btn_variety_hiru.gif") no-repeat;}
ul#varietyMT li#btnHiru a:hover{ background: url("../../images/btn_variety_hiru_o.gif") no-repeat;}
ul#varietyMT li#btnYoru,
ul#varietyMT li#btnYoru a{ width:104px;}
ul#varietyMT li#btnYoru a{ background: url("../../images/btn_variety_yoru.gif") no-repeat;}
ul#varietyMT li#btnYoru a:hover{ background: url("../../images/btn_variety_yoru_o.gif") no-repeat;}
ul#varietyMT li#btnShinya,
ul#varietyMT li#btnShinya a{ width:104px;}
ul#varietyMT li#btnShinya a{ background: url("../../images/btn_variety_shinya.gif") no-repeat;}
ul#varietyMT li#btnShinya a:hover{ background: url("../../images/btn_variety_shinya_o.gif") no-repeat;}
/* 番組リスト  */
.cateGenre .main ul dl dt{background-color:#A973CB;}/*COLOR設定*/
.cateGenre .main ul dl dd.pgmPhoto img{border:1px solid #A973CB;}/*COLOR設定*/
.cateGenre .main ul dl dd.pgmPhoto a{background-color:#A973CB;}/*COLOR設定*/

/* 番組詳細 */
.cateGenre .pgmMore .arrow{background: url("../../images/arrow.jpg") left bottom no-repeat;	}
#mainLeft .cateGenre .pgmMore dl{background-color:#A973CB;}/*COLOR設定*/
/* バラエティ一覧 */
div.listaiueo{margin-left:5px;}
*div.listaiueo {margin-left:0px;}/* IE6 hack */
div.listaiueo li{
	background: url("/images/bgr_arrow01.gif") 0 50% no-repeat;
	padding:0 0 0 13px; margin:3px 10px 0 0;
	float:left;
	word-break:keep-all;
}
div.listaiueo dl{
	padding:12px 0 0 0; margin:10px 0 0 0;
	background: url("/images/bgr_common_line.gif") 0 0 repeat-x;
}
div.listaiueo dl.first{
	padding:0 0 0 0; margin:5px 0;
	background:none;
}
div.listaiueo:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
div.listaiueo{ display:inline-block; }
/*\*/
* html div.listaiueo { height:1%; }
div.listaiueo { display:block; }
/**/
div.listaiueo dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.listaiueo dl { display:inline-block; }
/*\*/
* html div.listaiueo dl { height:1%; }
div.listaiueo dl { display:block; }
/**/
div.listaiueo dt{
	float:left;
	width:34px;
	text-align:center;line-height:0;
	margin:5px 0 0 5px;
}
div.listaiueo dd{
	width:425px;
	float:right;
}
div.listaiueo dd ul.listfloatarrow{margin:0 0 0 0;}
/* 音楽一覧 */
div.listnomal{margin-left:15px;}
div.listnomal li {
	background: url("/images/bgr_arrow01.gif") no-repeat scroll 0 50% transparent;
	float: left;
	margin: 3px 10px 0 0; padding: 0 0 0 13px;
}
/* banner */
#mainRight .variety_bnr{
	width: 345px;
	padding:10px 0 5px 0;
	overflow:hidden;
}
#mainRight ul li.floatright{float:right;}
#mainRight ul li.floatleft{float:left;}
#mainRight .margintop10px{margin: 10px 0 0;}
