@charset "utf-8";

/* ======================================================
(C)フジテレビ CSS Document
	 とれふじ fujitv.css
====================================================== */

/* =============================================
 FUJITV LEFT EREA
============================================= */

/* タイトル部分 */
body.fujitv #mainLeft{ padding-top:20px!important;}
body.fujitv #mainLeft h1{ background:url("/fujitv/images/1104renew/tit_information.gif") no-repeat; width:327px; height:26px; text-indent:-999em; float:left;}

/* とれふじ内検索 */
body.fujitv #mainLeft div.searchform{ background: url("/fujitv/images/1104renew/bgr_info_input.gif") no-repeat; width:185px; height:20px; overflow:hidden; float:right;}
body.fujitv #mainLeft div.searchform input.input{ float:left; border:0; width:140px; color:#333; height:15px; position:relative; top:2px; left:2px;}
body.fujitv #mainLeft div.searchform input.btn{
	display:block; width:35px; height:16px; border:2px solid #000; float:left; position:relative; left:2px;
	border-radius:0 2px 2px 0; -webkit-border-radius:0 2px 2px 0; -moz-border-radius:0 2px 2px 0;
}
body.fujitv #mainLeft #read{ clear:both; float:none; background:url("/fujitv/images/1104renew/fujitv_title.gif") no-repeat; width:550px; height:128px;}
body.fujitv #mainLeft #read dl{ display:none;}

/* イチオシ番組 */
body.fujitv #mainLeft #ichioshi { background-color:/* COLOR設定[水色] */ #ff9899;}
	/* IE6 hack */ *html #mainLeft #pgminfo { background:/* COLOR設定[水色] */ #ff9899;}

	body.fujitv #mainLeft #ichioshi .title{ background:url("/fujitv/images/1104renew/ichioshi_title.png") no-repeat; width:550px; height:30px; padding:12px 0 0 0; margin:0;}
	#mainLeft #ichioshi .title h2{ width:125px; height:16px; float:left; text-indent:-999em; margin:7px 0 0 10px;/* png */behavior:expression(IEPNGFIX.fix(this));}
	/* RSS */
	#mainLeft #ichioshi .title .rss{ padding:6px 0 0 0; width:55px; float:left;}
	#mainLeft #ichioshi .title .rss a{ display:block; width:55px; height:18px; background:url(/images/1104renew/icon_rss.png) no-repeat; text-indent:-999em;/* png */behavior:expression(IEPNGFIX.fix(this));}

	#mainLeft #ichioshi .main{ padding-top:20px;}
	#mainLeft #ichioshi .main h3{ padding:0 0 15px 20px; width:185px; float:left;}
	#mainLeft #ichioshi .main dl{ width:305px; overflow:hidden; float:right; padding:0 20px 15px 0;}
	#mainLeft #ichioshi .main dl dt{}
	#mainLeft #ichioshi .main dl dt a{ font-size:15px;}
	#mainLeft #ichioshi .main dl dt span{ text-decoration: none;}
	#mainLeft #ichioshi .main dl dd{ padding:5px 0 0 0; text-align: justify;text-justify: inter-ideograph;}

/* -------------------------------
番組・イベントなど */
body.fujitv #mainLeft #pgmEvent {}
body.fujitv #mainLeft #pgmEvent .title{ background:url("/fujitv/images/1104renew/pgm_event_title.png") no-repeat /* COLOR設定[水色] */ #ff9899; width:550px; height:30px; padding:12px 0 0 0; margin:0;}

	#mainLeft #pgmEvent .title h2{ width:260px; height:16px; float:left; text-indent:-999em; margin:7px 0 0 10px;/* png */behavior:expression(IEPNGFIX.fix(this));}
	/* RSS */
	#mainLeft #pgmEvent .title .rss{ padding:6px 0 0 0; width:55px; float:left;}
	#mainLeft #pgmEvent .title .rss a{ display:block; width:55px; height:18px; background:url(/images/1104renew/icon_rss.png) no-repeat; text-indent:-999em;/* png */behavior:expression(IEPNGFIX.fix(this));}


/* main contents */
	#mainLeft #pgmEvent .main{ padding:10px 0 0 0;}
	#mainLeft #pgmEvent .main h3{ padding:0; width:116px; float:left; padding:0 0 10px 0;}
	#mainLeft #pgmEvent .main dl{ width:424px; overflow:hidden; float:right; padding:0 0 10px 0;}
	#mainLeft #pgmEvent .main .after{ width:530px; overflow:hidden; float:left; padding:0 10px;}
	#mainLeft #pgmEvent .main dl dt{}
	#mainLeft #pgmEvent .main dl dt a{ font-size:14px;}
	#mainLeft #pgmEvent .main dl dd{ padding:5px 0; text-align: justify;text-justify: inter-ideograph;}

	/* hr */
	#mainLeft #pgmEvent .main hr{ background:url("/images/1104renew/icon_bar5.gif") repeat-x left top; border:0; height:12px; clear:both; float:none; width:100%; margin:0 auto;}
	/* IE6 */ *html #mainLeft #pgmEvent .main hr{ display :list-item; width:0; margin-left:-10px; background:url("/images/1104renew/icon_bar5.gif") repeat-x inside; clear:both; float:none; width:100%; margin:0 auto; height:12px;}



/* =============================================
RIGHT EREA
============================================= */

/* 広報のお仕事&ブログ */
#mainRight #kohoWork{ width:350px; }
/* 広報バナー */
#mainRight #kohoBnr{ width:350px; padding-bottom:10px;}
#mainRight #kohoBnr .floatleft{float: left;}
#mainRight #kohoBnr .floatright{float: right;}
#mainRight #kohoBnr .clear{ clear: both; float:inherit; height: 100%; line-height: normal;}

/* レコメンドパーツはcommon */


/* =============================================
COMMON ITEM
============================================= */
/*  縦の仕切り縦棒 | */
.title span{ display:block; width:22px; height:2.2em; background:url("/images/1104renew/icon_bar.png") no-repeat 10px 0.6em; float:left; text-indent:-999em;/* png */behavior:expression(IEPNGFIX.fix(this));}
	/* ie6 hack */ *html .title span{ display:block; width:2px; height:16px; background:url(/images/1104renew/icon_bar.png) no-repeat; margin:7px 10px 0 10px; float:left; text-indent:-999em; /* png */*behavior:expression(IEPNGFIX.fix(this));}
	/* ie7 hack */ *+html .title span{ display:block; width:2px; height:16px; background:url(/images/1104renew/icon_bar.png) no-repeat; margin:7px 10px 0 10px; float:left; text-indent:-999em; /* png */*behavior:expression(IEPNGFIX.fix(this));}


/* pager 123456789… */
ul.pager { padding:0 0 10px 0; overflow:hidden;}
	ul.pager li{ width:auto; float:left; line-height:2em; padding:0 1px;}
	ul.pager li.focus{padding:0 0.5em; color:#de3a57;}
	ul.pager li a{ background:#e3f6fb; padding:0 0.5em; color:#0066cc;}
	ul.pager li a:hover{ background:#de3a57; color:#FFF; text-decoration:none;}


/*============ banner =============*/
#mainRight div.banner {
width: 350px;
}

#mainRight div.banner ul{
padding: 4px 0 0 0;
}

#mainRight div.banner li{
padding: 0 0 3px 0;
}

#mainRight div.banner .clear {
clear:both;
}

/* 右エリアメニュー */
.navi {
	display:block;
	padding:6px 0px;
	background: #eee;
    list-style-image:none;
    padding: 5px;
    border-bottom: 1px #ccc solid;
    border-top: 1px #fff solid;
    list-style: inside square;
    margin:0;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* webkit */
    background: -moz-linear-gradient(top,  #fff,  #eee);/* ff */
    -pie-background:linear-gradient(top,  #fff,  #eee);/* ie */
    behavior: url(images/PIE.htc);  /* ie */
    }

.navimenu {
	display:block;
	color: #333;
	font-weight:bold;
	line-height: 180%;
	margin:0;
	padding-left: 18px;
	background-image: url("/fujitv/img/navi_parts01.png");
	background-repeat: no-repeat;
	background-position: 0 4px;
}

.navimenu a{ color: #333; font-style:normal; text-decoration:none;}
.navimenu a:link { color: #333; font-style:normal; text-decoration:none;}
.navimenu a:visited { color: #333; text-decoration:none;}
.navimenu a:hover { color: #ff6666; font-style:normal; text-decoration:underline;}
.navimenu a:active { text-decoration:none;}

/* =============================================
SMARTPHONE VIEW
============================================= */
body.cx_smartphoneview{
	font-size:21px; line-height:1.4;
	font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
	-webkit-text-size-adjust:none;
}
body.cx_smartphoneview #wrap #mainLeft{
	width:566px; padding:20px 0px 0px!important;
}
body.cx_smartphoneview #wrap #mainLeft h1{
	color:#333; font-size:24px;
	padding:0 0 15px; background:none; font-weight:bold;
  width: 560px; display: block; overflow: hidden;;
  text-indent: 15px;
}
body.cx_smartphoneview #mainLeft div.searchform{
	background:none; padding:5px 10px 0 0; margin:0 auto;
	width:500px; height:52px; float:none; clear:both;
}
body.cx_smartphoneview #mainLeft div.searchform form{
	display:block; width:494px; height:46px; border:3px solid #000;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) inset;
	border-radius:4px; -webkit-border-radius:4px;
	overflow:hidden;
}
body.cx_smartphoneview #mainLeft div.searchform input.input{
	width:385px; height:46px;
	position:static; font-size:28px; font-weight:normal;
	border-right:none; text-indent:0.2em; background-color:transparent;
}
body.cx_smartphoneview #mainLeft div.searchform input.btn{
	display:block; width:100px; height:46px; border:none; border-left:3px solid #000; float:right; border-radius:0;
}
body.cx_smartphoneview #mainLeft #read{ width:546px; height:auto; margin:0 auto 10px; overflow:hidden; }
body.cx_smartphoneview #mainLeft #read dl{ width:430px; min-height:auto; float:right; display:block; }
body.cx_smartphoneview #mainLeft #read dl dt{ text-indent:-999em; width:430px; height:55px; }
body.cx_smartphoneview #mainLeft #read dl dd{
	width:420px; padding:5px;
	background:#fff; color:#F60; font-weight:bold;
	font-size:20px; line-height:1.3;
}
body.cx_smartphoneview #mainLeft #read dl dd:nth-child(3){
	width:420px; padding:0 5px 5px 5px;
	background:#fff; color:#666; font-weight:normal;
	font-size:18px; line-height:1.3;
}
body.cx_smartphoneview #mainLeft #ichioshi,
body.cx_smartphoneview #mainLeft #pgmEvent{ width:100%; padding:0; margin:0; background:none; }
body.cx_smartphoneview #mainLeft #ichioshi .title,
body.cx_smartphoneview #mainLeft #pgmEvent .title{
	width:100%; height:45px; background:#FF9899; color:#fff;
	padding:0; margin:0;
}
body.cx_smartphoneview #mainLeft #ichioshi .title h2,
body.cx_smartphoneview #mainLeft #pgmEvent .title h2{
	height:45px; line-height:45px; width:auto; text-indent:0.5em;
	font-size:26px; font-weight:bold; color:#fff;
	padding:0; margin:0;
}
body.cx_smartphoneview #mainLeft #ichioshi .title span,
body.cx_smartphoneview #mainLeft #pgmEvent .title span{ display:none; }
body.cx_smartphoneview #mainLeft #ichioshi .title .rss,
body.cx_smartphoneview #mainLeft #pgmEvent .title .rss{ zoom:1.8; padding:3px 10px; float:right; }
body.cx_smartphoneview #mainLeft #ichioshi .main,
body.cx_smartphoneview #mainLeft #pgmEvent .main{ width:541px; padding:20px 10px 20px 15px; }
body.cx_smartphoneview #mainLeft #ichioshi .main h3,
body.cx_smartphoneview #mainLeft #pgmEvent .main h3{ clear:both; padding:0 15px 10px 0; overflow:hidden; }
body.cx_smartphoneview #mainLeft #ichioshi .main h3{ zoom:1.1;}
body.cx_smartphoneview #mainLeft #pgmEvent .main h3{ zoom:1.3;}
body.cx_smartphoneview #mainLeft #ichioshi .main dl,
body.cx_smartphoneview #mainLeft #pgmEvent .main dl{ width:auto; display:block; float:none; padding:0; }
body.cx_smartphoneview #mainLeft #ichioshi .main dl dt span img,
body.cx_smartphoneview #mainLeft #pgmEvent .main dl dt span img{ zoom:1.6; }
body.cx_smartphoneview #mainLeft #ichioshi .main dl dt a,
body.cx_smartphoneview #mainLeft #pgmEvent .main dl dt a{ font-size:23px; font-weight:bold; line-height:1.3; text-decoration:none;}
body.cx_smartphoneview #mainLeft #ichioshi .main dl dd,
body.cx_smartphoneview #mainLeft #pgmEvent .main dl dd{ font-size:18px; font-weight:normal; line-height:1.3; }
body.cx_smartphoneview #mainLeft #ichioshi .main .clear,
body.cx_smartphoneview #mainLeft #pgmEvent .main hr{ border-bottom:2px solid #ccc; height:0; margin:15px 0; }
body.cx_smartphoneview #mainLeft #ichioshi .main .clear:last-child,
body.cx_smartphoneview #mainLeft #pgmEvent .main .hr:last-child{ border:none; margin-bottom:0; }

/* torefuji common */
body.cx_smartphoneview .pageTop{ display:block; margin:0 0 30px 0; }
body.cx_smartphoneview .pageTop a{
	display:block;
	width:65%; height:46px; margin:0 auto; float:none; line-height:46px;
	font-size:20px; font-weight:bold; text-align:center; color:#fff; text-decoration:none;
	background-image:none; background:#333; text-indent:0;
	border-radius:25px; -webkit-border-radius:25px;
}
body.cx_smartphoneview #copyRight1,
body.cx_smartphoneview #copyRight2{
	font-size:75%;
	line-height:1.3;
}
body.cx_smartphoneview #copyRight2{ width:566px; }
.cx_smartphoneview #wrap #mainRight{ width:536px; padding-bottom:20px;}
.cx_smartphoneview #mainRight > *{ zoom: 1.53;}
.cx_smartphoneview #switch_indication *{ font-size:20px!important; }
.cx_smartphoneview .photo_480 { margin:0px auto;}
.cx_smartphoneview #officiallink2{zoom: 1.5;}

/* cx_smartphoneview recommend parts */
.cx_smartphoneview #timeTable #nowOA{font-size: 19px;}
.cx_smartphoneview #timeTable #nowOA .oaAirTag {font-size: 14px;}
.cx_smartphoneview #timeTable #nowOA .oaAirText {font-size: 16px;}
.cx_smartphoneview #timeTable .titlebar h2, #main .titlebarW h2 {font-size:22px;}
.cx_smartphoneview #mainRight .colorFrame .title h3{ font-size: 22px; font-weight:bold;}
.cx_smartphoneview #mainRight .colorFrame .main dl{overflow:hidden;padding-bottom:5px!important;}
.cx_smartphoneview #mainRight #recommendNext .main dl dd a,
.cx_smartphoneview #mainRight #zoomRank .main dl dd a{ font-size: 18px;}
.cx_smartphoneview #mainRight #zoomRank .main dl dd span.oaDate,
.cx_smartphoneview #mainRight #recommendNext .main dl dd span.oaDate{ font-size:16px;}
.cx_smartphoneview #mainRight #watching .main dl dd,
.cx_smartphoneview #mainRight #recommendPgm .main dl dd{ font-size: 20px; line-height:1.3;}