@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; height:15px; color:#999999; position:relative; top:2px; left:2px;}
body.fujitv #mainLeft div.searchform input.btn{float:left; margin:0 0 0 3px;}
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;