@charset "utf-8";

/* ======================================================
(C)フジテレビ CSS Document 
	 ドラマトップ
====================================================== */

/* mainLeft */
#mainLeft h1{ background: url("/drama/images/tit_drama.gif") no-repeat;}
/* 現在放送中 */
ul#dramaM li#btnNow,
ul#dramaM li#btnNow a{ width:90px;}
ul#dramaM li#btnNow a{ background: url("/drama/images/1104renew/btn_drama_now.gif") no-repeat;}
ul#dramaM li#btnNow a:hover{ background: url("/drama/images/1104renew/btn_drama_now_o.gif") no-repeat;}
/* まだまだあるドラマ */
ul#dramaM li#btnMadamada,
ul#dramaM li#btnMadamada a{ width:120px;}
ul#dramaM li#btnMadamada a{ background: url("/drama/images/1104renew/btn_drama_madamada.gif") no-repeat;}
ul#dramaM li#btnMadamada a:hover{ background: url("/drama/images/1104renew/btn_drama_madamada_o.gif") no-repeat;}
/* これから放送予定 */
ul#dramaM li#btnNex,
ul#dramaM li#btnNex a{ width:129px;}
ul#dramaM li#btnNex a{ background: url("/drama/images/1104renew/btn_drama_nex.gif") no-repeat;}
ul#dramaM li#btnNex a:hover{ background: url("/drama/images/1104renew/btn_drama_nex_o.gif") no-repeat;}
/* 前クール */
ul#dramaM li#btnBef,
ul#dramaM li#btnBef a{ width:70px;}
ul#dramaM li#btnBef a{ background: url("/drama/images/1104renew/btn_drama_bef.gif") no-repeat;}
ul#dramaM li#btnBef a:hover{ background: url("/drama/images/1104renew/btn_drama_bef_o.gif") no-repeat;}
/* 再放送 */
ul#dramaM li#btnRet,
ul#dramaM li#btnRet a{ width:70px;}
ul#dramaM li#btnRet a{ background: url("/drama/images/1104renew/btn_drama_ret.gif") no-repeat;}
ul#dramaM li#btnRet a:hover{ background: url("/drama/images/1104renew/btn_drama_ret_o.gif") no-repeat;}
/* 放送終了 */
ul#dramaM li#btnFin,
ul#dramaM li#btnFin a{ width:71px;}
ul#dramaM li#btnFin a{ background: url("/drama/images/1104renew/btn_drama_fin.gif") no-repeat;}
ul#dramaM li#btnFin a:hover{ background: url("/drama/images/1104renew/btn_drama_fin_o.gif") no-repeat;}
/* 番組リスト  */
.cateGenre .main ul dl dt{background-color:#FF6DC6;}/*COLOR設定*/
.cateGenre .main ul dl dd.pgmPhoto img{border:1px solid #FF6DC6;}/*COLOR設定*/
.cateGenre .main ul dl dd.pgmPhoto a{background-color:#FF6DC6;}/*COLOR設定*/
/* 番組詳細 */
.cateGenre .pgmMore .arrow{background: url("/drama/images/arrow.jpg") left bottom no-repeat;	}
#mainLeft .cateGenre .pgmMore dl{background-color:#FF6DC6;}/*COLOR設定*/

.spVbnr { width: 350px; margin: 5px auto 10px; }
table.eshopBnr { width: 350px; margin:10px auto; border-collapse:collapse; font-size: 10px; }

/* --------------------
	smartphoneview
-------------------- */
.cx_smartphoneview #mainLeft h1{ background:none;}
/* 番組リスト ジャンルカラー drama  */
.cx_smartphoneview .cateGenre .main ul dl dt{
	text-shadow: 0 1px 1px #ac2569;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #e550a6), color-stop(0.90, #ff6dc6), color-stop(0.30, #ff6dc6), color-stop(0.00, #ff8ad1));
	background: -webkit-linear-gradient(top, #ff8ad1 0%, #ff6dc6 30%, #ff6dc6 90%, #e550a6 100%);
	background: linear-gradient(to bottom, #ff8ad1 0%, #ff6dc6 30%, #ff6dc6 90%, #e550a6 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 #mainRight .iframe { width: 350px; margin: 0 auto 10px auto; }

.cx_smartphoneview table.eshopBnr { zoom: 0.915; }
.cx_smartphoneview .spVbnr { zoom: 0.915; }