@charset "utf-8";

/* ======================================================
(C)フジテレビ CSS Document
	 スポーツトップ sports.css
====================================================== */

/* mainLeft */
#wrap #mainLeft{padding-bottom:100px;}
#mainLeft h1{ background: url("../images/tit_sports.gif") no-repeat;}
.cateGenre{padding:10px 0 15px 0; display:none;}

ul#sportsM{
	width:550px;
	overflow:hidden;
}
ul#sportsM li{
	width:110px; height:28px; padding-bottom:5px;
	overflow:hidden; float:left;
}
ul#sportsM li a{
	display:block; text-indent:-999em;
	width:110px; height:28px;
	overflow:hidden;
}

ul#sportsM li#btn01 a{ background: url("../images/tab01.jpg") left top no-repeat;}
ul#sportsM li#btn02 a{ background: url("../images/tab02.jpg") left top no-repeat;}
ul#sportsM li#btn03 a{ background: url("../images/tab03.jpg") left top no-repeat;}
ul#sportsM li#btn04 a{ background: url("../images/tab04.jpg") left top no-repeat;}
ul#sportsM li#btn05 a{ background: url("../images/tab05.jpg") left top no-repeat;}
ul#sportsM li#btn06 a{ background: url("../images/tab06.jpg") left top no-repeat;}
ul#sportsM li#btn07 a{ background: url("../images/tab07.jpg") left top no-repeat;}
ul#sportsM li#btn08 a{ background: url("../images/tab08.jpg") left top no-repeat;}
ul#sportsM li#btn09 a{ background: url("../images/tab09.jpg") left top no-repeat;}
ul#sportsM li#btn10 a{ background: url("../images/tab10.jpg") left top no-repeat;}
ul#sportsM li#btn11 a{ background: url("../images/tab11.jpg") left top no-repeat;}
ul#sportsM li#btn12 a{ background: url("../images/tab12.jpg") left top no-repeat;}
ul#sportsM li#btn13 a{ background: url("../images/tab13.jpg") left top no-repeat;}
ul#sportsM li a:hover,
ul#sportsM li a.active{
	background-position:0px -28px!important;
}



/* 番組リスト  */
.cateGenre .main ul dl dt{background-color:#67d7f5;}/*COLOR設定*/
.cateGenre .main ul dl dd.pgmPhoto img{border:1px solid #67d7f5;}/*COLOR設定*/
.cateGenre .main ul dl dd.pgmPhoto a{background-color:#67d7f5;}/*COLOR設定*/
/* 番組詳細 */
.cateGenre .pgmMore .arrow{background: url("../images/arrow.jpg") left bottom no-repeat;	}
#mainLeft .cateGenre .pgmMore dl{background-color:#67d7f5;}/*COLOR設定*/


/* 仮 */
#sportsTopLeftMain{
	width:595px; margin:0 auto 20px; background:#fff;
	overflow:hidden;clear:both;
}
#sportsTopRightMain{
	width:350px; height:250px; margin:0 auto 20px; background:#ccc;
	overflow:hidden;
}

.fp-marginT20{ margin-top:5px;}

/* --------------------
	smartphoneview
-------------------- */
.cx_smartphoneview #mainLeft h1{ background:none;}
/* 番組リスト ジャンルカラー drama  */
.cx_smartphoneview .cateGenre .main ul dl dt{
	text-shadow: 0 1px 1px #094f68;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #1299cd), color-stop(0.90, #1fc4ef), color-stop(0.30, #1fc4ef), color-stop(0.00, #4cd0f2));
	background: -webkit-linear-gradient(top, #4cd0f2 0%, #1fc4ef 30%, #1fc4ef 90%, #1299cd 100%);
	background: linear-gradient(to bottom, #4cd0f2 0%, #1fc4ef 30%, #1fc4ef 90%, #1299cd 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; }

.cx_smartphoneview #sportsTopLeftMain { width: 550px; zoom: 0.582;}
.cx_smartphoneview #sportsTopLeftMain img a { width:300px;}
.cx_smartphoneview ul#sportsM { width: 100%;}
.cx_smartphoneview ul#sportsM li { width:33%; margin: 0 1px 10px 0; padding:0; text-indent: 0; background-color:#ccc; text-align:center; border-top:1px solid #cccccc; text-shadow: 0 1px 1px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.04, #dddddd), color-stop(0.01, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 1%, #dddddd 4%, #ffffff 100%);
	background: linear-gradient(to bottom, #ffffff 1%, #dddddd 4%, #ffffff 100%); }

.cx_smartphoneview ul#sportsM li#btn01 a,
.cx_smartphoneview ul#sportsM li#btn02 a,
.cx_smartphoneview ul#sportsM li#btn03 a,
.cx_smartphoneview ul#sportsM li#btn04 a,
.cx_smartphoneview ul#sportsM li#btn05 a,
.cx_smartphoneview ul#sportsM li#btn06 a,
.cx_smartphoneview ul#sportsM li#btn07 a,
.cx_smartphoneview ul#sportsM li#btn08 a,
.cx_smartphoneview ul#sportsM li#btn09 a,
.cx_smartphoneview ul#sportsM li#btn10 a,
.cx_smartphoneview ul#sportsM li#btn12 a,
.cx_smartphoneview ul#sportsM li#btn11 a,
.cx_smartphoneview ul#sportsM li#btn13 a{ background: none; }

.cx_smartphoneview ul#sportsM li a { text-indent: 0; color:#333; font-weight:bolder; line-height: 28px; width:100%; }
.cx_smartphoneview ul#sportsM li a:hover,
.cx_smartphoneview ul#sportsM li a:active { text-decoration:none; }

.cx_smartphoneview ul#sportsM li#btn01 a.active,
.cx_smartphoneview ul#sportsM li#btn02 a.active,
.cx_smartphoneview ul#sportsM li#btn03 a.active,
.cx_smartphoneview ul#sportsM li#btn04 a.active,
.cx_smartphoneview ul#sportsM li#btn05 a.active,
.cx_smartphoneview ul#sportsM li#btn06 a.active,
.cx_smartphoneview ul#sportsM li#btn07 a.active,
.cx_smartphoneview ul#sportsM li#btn08 a.active,
.cx_smartphoneview ul#sportsM li#btn09 a.active,
.cx_smartphoneview ul#sportsM li#btn10 a.active,
.cx_smartphoneview ul#sportsM li#btn12 a.active,
.cx_smartphoneview ul#sportsM li#btn11 a.active,
.cx_smartphoneview ul#sportsM li#btn13 a.active{ /*border-top:1px solid #cccccc;*/ color:#fff; text-shadow: 0 1px 1px #094f68;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(0.04, #1fc4ef), color-stop(0.01, #ffffff));
	background: -webkit-linear-gradient(top, #ffffff 1%, #1fc4ef 4%, #ffffff 100%);
	background: linear-gradient(to bottom, #ffffff 1%, #1fc4ef 4%, #ffffff 100%); }


/*右エリア（スポーツのみ）*/
.cx_smartphoneview #mainRight .fp-marginT20 { width:350px; margin:10px auto 0; zoom:0.915; }

.cx_smartphoneview #mainRight #sports_rectangle { display:none; }


.cx_smartphoneview #mainRight div.sp_update { width:300px; height:50px; overflow:hidden;  }
.cx_smartphoneview #mainRight div.sp_sprt { width:300px; height:50px; overflow:hidden;  }
.cx_smartphoneview #mainRight div.sp_plus { width:300px; height:50px; overflow:hidden;  }
.cx_smartphoneview #mainRight div.sp_tsubu{ width:300px; height:50px; overflow:hidden;  }