@charset "utf-8";

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

/* mainLeft */
#mainLeft h1{ background: url("/variety/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("/variety/images/btn_variety_varietyichiran.gif") no-repeat;}
ul#varietyM li#btnVarietyIchiran a:hover{ background: url("/variety/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("/variety/images/btn_variety_ongaku.gif") no-repeat;}
ul#varietyM li#btnMusicIchiran a:hover{ background: url("/variety/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("/variety/images/btn_program_shuryou.gif") no-repeat;}
ul#varietyM li#btnEnd a:hover{ background: url("/variety/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("/variety/images/btn_variety_saihoso.gif") no-repeat;}
ul#varietyM li#btnSaihoso a:hover{ background: url("/variety/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("/variety/images/btn_variety_mon.gif") no-repeat;}
ul#varietyW li#btnMon a:hover{ background: url("/variety/images/btn_variety_mon_o.gif") no-repeat;}
ul#varietyW li#btnMon.active{background: url("/variety/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("/variety/images/btn_variety_tue.gif") no-repeat;}
ul#varietyW li#btnTue a:hover{ background: url("/variety/images/btn_variety_tue_o.gif") no-repeat;}
ul#varietyW li#btnTue.active{background: url("/variety/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("/variety/images/btn_variety_wed.gif") no-repeat;}
ul#varietyW li#btnWed a:hover{ background: url("/variety/images/btn_variety_wed_o.gif") no-repeat;}
ul#varietyW li#btnWed.active{background: url("/variety/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("/variety/images/btn_variety_thu.gif") no-repeat;}
ul#varietyW li#btnThu a:hover{ background: url("/variety/images/btn_variety_thu_o.gif") no-repeat;}
ul#varietyW li#btnThu.active{background: url("/variety/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("/variety/images/btn_variety_fri.gif") no-repeat;}
ul#varietyW li#btnFri a:hover{ background: url("/variety/images/btn_variety_fri_o.gif") no-repeat;}
ul#varietyW li#btnFri.active{background: url("/variety/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("/variety/images/btn_variety_sat.gif") no-repeat;}
ul#varietyW li#btnSat a:hover{ background: url("/variety/images/btn_variety_sat_o.gif") no-repeat;}
ul#varietyW li#btnSat.active{background: url("/variety/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("/variety/images/btn_variety_sun.gif") no-repeat;}
ul#varietyW li#btnSun a:hover{ background: url("/variety/images/btn_variety_sun_o.gif") no-repeat;}
ul#varietyW li#btnSun.active{background: url("/variety/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("/variety/images/btn_variety_asa.gif") no-repeat;}
ul#varietyMT li#btnAsa a:hover{ background: url("/variety/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("/variety/images/btn_variety_hiru.gif") no-repeat;}
ul#varietyMT li#btnHiru a:hover{ background: url("/variety/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("/variety/images/btn_variety_yoru.gif") no-repeat;}
ul#varietyMT li#btnYoru a:hover{ background: url("/variety/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("/variety/images/btn_variety_shinya.gif") no-repeat;}
ul#varietyMT li#btnShinya a:hover{ background: url("/variety/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("/variety/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;}

/* --------------------
	smartphoneview
-------------------- */
.cx_smartphoneview #mainLeft h1{ background:none;}
.cx_smartphoneview select { margin-left:10px;}

/* 番組リスト ジャンルカラー variety  */
.cx_smartphoneview .cateGenre .main ul dl dt{
	text-shadow: 0 1px 1px #522679;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #8354a6), color-stop(0.90, #a973cb), color-stop(0.30, #a973cb), color-stop(0.00, #ba92d3));
	background: -webkit-linear-gradient(top, #ba92d3 0%, #a973cb 30%, #a973cb 90%, #8354a6 100%);
	background: linear-gradient(to bottom, #ba92d3 0%, #a973cb 30%, #a973cb 90%, #8354a6 100%);
}
.cx_smartphoneview .cateGenre .main ul dl dd.pgmPhoto a  { display: block; background-color: #ffffff; height: 60px; width: 86px; }
.cx_smartphoneview .cateGenre .main ul dl dd.pgmPhoto a img { width:84px; height:58px; border:1px solid #aaaaaa;}
.cx_smartphoneview #mainLeft .cateGenre .pgmMore dl { background:none; }

/* メニューエリア(各曜日)  ul#varietyW li#btnMon li#btnMon.active */
.cx_smartphoneview ul#varietyW { width: 100%; margin: 0; padding: 0; border-bottom: 1px solid #909090;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cccccc), color-stop(0.00, #eeeeee));
background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
-webkit-box-shadow: inset 0 1px 2px #999;
box-shadow: inset 0 1px 2px #999;
}
.cx_smartphoneview ul#varietyW li { margin:0; padding:0; line-height:44px; height:40px; text-indent:0; 
	-webkit-box-shadow: 0 -1px 1px #ccc;
	box-shadow: 0 -1px 1px #ccc; }
.cx_smartphoneview ul#varietyW li a { display: block; height: auto; } /* reset */

.cx_smartphoneview ul#varietyW li#btnMon,
.cx_smartphoneview ul#varietyW li#btnMon .active { margin-left:2%; }
.cx_smartphoneview ul#varietyW li#btnSun{ border-right:none; }

.cx_smartphoneview ul#varietyW li#btnMon,
.cx_smartphoneview ul#varietyW li#btnMon a,
.cx_smartphoneview ul#varietyW li#btnMon a:hover,
.cx_smartphoneview ul#varietyW li#btnMon.active,
.cx_smartphoneview ul#varietyW li#btnTue,
.cx_smartphoneview ul#varietyW li#btnTue a,
.cx_smartphoneview ul#varietyW li#btnTue a:hover,
.cx_smartphoneview ul#varietyW li#btnTue.active,
.cx_smartphoneview ul#varietyW li#btnWed,
.cx_smartphoneview ul#varietyW li#btnWed a,
.cx_smartphoneview ul#varietyW li#btnWed a:hover,
.cx_smartphoneview ul#varietyW li#btnWed.active,
.cx_smartphoneview ul#varietyW li#btnThu,
.cx_smartphoneview ul#varietyW li#btnThu a,
.cx_smartphoneview ul#varietyW li#btnThu a:hover,
.cx_smartphoneview ul#varietyW li#btnThu.active,
.cx_smartphoneview ul#varietyW li#btnFri,
.cx_smartphoneview ul#varietyW li#btnFri a,
.cx_smartphoneview ul#varietyW li#btnFri a:hover,
.cx_smartphoneview ul#varietyW li#btnFri.active,
.cx_smartphoneview ul#varietyW li#btnSat,
.cx_smartphoneview ul#varietyW li#btnSat a,
.cx_smartphoneview ul#varietyW li#btnSat a:hover,
.cx_smartphoneview ul#varietyW li#btnSat.active,
.cx_smartphoneview ul#varietyW li#btnSun,
.cx_smartphoneview ul#varietyW li#btnSun a,
.cx_smartphoneview ul#varietyW li#btnSun a:hover,
.cx_smartphoneview ul#varietyW li#btnSun.active { background-image:none; display: table-cell; vertical-align:middle; text-align:center; width:13.8%; }

.cx_smartphoneview ul#varietyW li#btnMon.active,
.cx_smartphoneview ul#varietyW li#btnTue.active,
.cx_smartphoneview ul#varietyW li#btnWed.active,
.cx_smartphoneview ul#varietyW li#btnThu.active,
.cx_smartphoneview ul#varietyW li#btnFri.active,
.cx_smartphoneview ul#varietyW li#btnSat.active,
.cx_smartphoneview ul#varietyW li#btnSun.active { background-color: #fff; margin-bottom: 3px; font-weight:bolder; font-size: 117%;
	-webkit-box-shadow:  0 2px 2px #999;	
	box-shadow: 0 2px 2px #999;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;  
	border-radius: 0 0 6px 6px;  } 

.cx_smartphoneview ul#varietyW li#btnMon a,
.cx_smartphoneview ul#varietyW li#btnMon a:hover,
.cx_smartphoneview ul#varietyW li#btnTue a,
.cx_smartphoneview ul#varietyW li#btnTue a:hover,
.cx_smartphoneview ul#varietyW li#btnWed a,
.cx_smartphoneview ul#varietyW li#btnWed a:hover,
.cx_smartphoneview ul#varietyW li#btnThu a,
.cx_smartphoneview ul#varietyW li#btnThu a:hover,
.cx_smartphoneview ul#varietyW li#btnFri a,
.cx_smartphoneview ul#varietyW li#btnFri a:hover,
.cx_smartphoneview ul#varietyW li#btnSat a,
.cx_smartphoneview ul#varietyW li#btnSat a:hover,
.cx_smartphoneview ul#varietyW li#btnSun a,
.cx_smartphoneview ul#varietyW li#btnSun a:hover { display: block; width: 100%; color: #444; font-weight: bolder; text-shadow: 0 1px 1px #ffffff; font-size: 110%; text-decoration: none; }

/* バラエティ一覧 */
.cx_smartphoneview div.listaiueo { display: block; margin: 0; padding: 0; width: 100%; background-color: #fff; }

.cx_smartphoneview div.listaiueo dl { border-top: 1px solid #999; background:none; margin:0; padding:0;}
.cx_smartphoneview div.listaiueo dt { background-color:#fff; width:10%; margin:0; padding:10px 0 0 0;}
.cx_smartphoneview div.listaiueo dt img { zoom:80%; }
.cx_smartphoneview div.listaiueo dl dd { width:90%; /*background-color: #EEE;*/ padding-bottom: 5px;}

.cx_smartphoneview div.listaiueo li { background:none; margin:0; padding:0;}
.cx_smartphoneview ul.listfloatarrow { clear: both; padding: 0.5em 0 0.5em 1.5%;  margin:0; }
.cx_smartphoneview ul.listfloatarrow li { float: left; height: 36px; background-color: #fff; border-bottom: 1px solid #999; border-right: 1px solid #CCC; width: 49%; margin: 0 2px 2px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.9, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 90%, #eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 90%, #eeeeee 100%);
	-webkit-border-radius:6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 1px 3px #ccc;
	box-shadow: 0 1px 3px #ccc;}
.cx_smartphoneview ul.listfloatarrow li a { display: block; color: #333; font-weight: bolder; width: 90%; line-height: 34px; padding-left: 4%; padding-right: 4%; overflow: hidden; word-break: normal; text-overflow: ellipsis; background: url("/images/gtop_sp_arrow.png") no-repeat 100% 50%; white-space: nowrap;
	 -webkit-background-size:8px 14px;
	 background-size: 8px 14px; }


/* 音楽一覧 */
.cx_smartphoneview div.listnomal { margin:0 0 10px 0; padding:0;}
.cx_smartphoneview div.listnomal ul.listfloatarrow { margin:0; /*background-color:#eee;*/}
.cx_smartphoneview div.listnomal ul.listfloatarrow:after { content:''; display:block; clear:both;}
.cx_smartphoneview div.listnomal li { margin: 0 2px 2px 0; padding:0; background:none; background-color:#fff; white-space:nowrap;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eeeeee), color-stop(0.9, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 90%, #eeeeee 100%);
	background: linear-gradient(to bottom, #ffffff 90%, #eeeeee 100%);}
	
/* Depends on the device size */
@media screen and (max-width: 1920px){
.cx_smartphoneview ul.listfloatarrow li { width: 32%; } 
}
@media screen and (max-width: 614px) {
.cx_smartphoneview ul.listfloatarrow li { width: 32%; } 
}
@media screen and (max-width: 512px) {
.cx_smartphoneview ul.listfloatarrow li { width: 49%; } 
}

/* right area */
.cx_smartphoneview #mainRight .spVbnr {width:320px; margin:0 auto;}
.cx_smartphoneview #mainRight .spVbnr a img { width:320px!important; height:73px!important; }
.cx_smartphoneview #mainRight .spVmbnr img { width:320px!important; height:90px!important; }

.cx_smartphoneview table.font10 { zoom: 0.915; }

table.eshopBnr { width: 350px; margin:10px auto; border-collapse:collapse; font-size: 10px; }
.cx_smartphoneview table.eshopBnr { zoom: 0.915; }