@charset "utf-8";
/* ======================================================
(C)フジテレビ CSS Document 
	common.css
====================================================== */

#wrap{ width:100%;}
#wrap2{ width:1000px; overflow:hidden; background:#fff; margin:0 auto;}

/* =============================================
HEADER AREA
============================================= */
#wrap #header{ width:1000px; overflow:hidden; margin:0 auto;}

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

/* mainLeft */
#wrap #mainLeft { width:550px; padding:0 0 0 40px; float:left; overflow:hidden;}

/* LEFT COLOR FRAME (色は UNIQE.CSS で指定) */
#mainLeft .colorFrame { width:550px; background:url("/images/1104renew/cf/topfra_btmbg.png") no-repeat left bottom ; padding:0 0 8px 0; margin:0 0 10px 0; clear:both; float:none;}
	#mainLeft .colorFrame .title{ background:url("/images/1104renew/cf/topfra_titlebg.png") no-repeat; width:550px; height:29px;}
	#mainLeft .colorFrame .main{ background:url("/images/1104renew/cf/topfra_mainbg.png") top center repeat-y; padding:0px 5px; overflow:hidden; width:540px;}
	
	#mainLeft .colorFrame .main hr{ background:url("/images/1104renew/icon_bar2.gif") repeat-x left top; border:0; height:3px; clear:both; float:none; width:98%; margin:0 auto;}
	/* IE6 */ *html #mainLeft .colorFrame .main hr{ border:none;border-top:dashed 1px #CCCCCC;height:1px;color:#FFFFFF;width:98%; margin:0 0 0 10px;}
	/* IE7 */ *+html #mainLeft .colorFrame .main hr{ border:none;border-top:dashed 1px #CCCCCC;height:1px;color:#FFFFFF;width:98%; margin:0 0 0 10px;}
	
/* LEFT COLOR FRAME タイトル部分で50％透過される (色は UNIQE.CSS で指定) */
#mainLeft .colorFrame_50 { width:550px; background:url("/images/1104renew/cf/topfra_btmbg_50.png") no-repeat left bottom ; padding:0 0 8px 0; margin:0 0 10px 0; clear:both; float:none;}
	#mainLeft .colorFrame_50 .head{ background:url("/images/1104renew/cf/topfra_headbg_50.png") no-repeat; width:550px; padding-top: 10px;}
	#mainLeft .colorFrame_50 .title{ background:url("/images/1104renew/cf/topfra_titlebg_50.png") top center repeat-y; min-height: 30px; height: auto !important; height: 30px; padding:10px 0 10px 20px; width:530px;}
	#mainLeft .colorFrame_50 .main{ background: url("/images/1104renew/cf/topfra_mainbg_50.png") top center repeat-y; padding:0px 25px; overflow:hidden; width:500px;}
	#mainLeft .colorFrame_50 .main2{ background: url("/images/1104renew/cf/topfra_mainbg_50.png") top center repeat-y; padding:10px 25px; overflow:hidden; width:500px;}
	#mainLeft .colorFrame_50 .main3{ background: url("/images/1104renew/cf/topfra_mainbg_50.png") top center repeat-y; padding:10px 5px; overflow:hidden; width:540px;}
	
/* =============================================
RIGHT EREA　汎用
============================================= */
/* mainRight */
#wrap #mainRight { width:350px; padding-right:40px; float:right; overflow:hidden; text-align:center;}

/* nowOA */
#mainRight #nowOA{ width:350px; padding:0 0 10px 0;}

/* rectabgle */
#mainRight #rectabgle{ width:350px; padding:0 0 10px 0; text-align:center;}

/* dailyTimetable */
#mainRight #timeTable{ overflow: hidden; margin-top:5px; margin-bottom:10px;}

/* RIGHT COLOR FRAME (#色は個別IDに) */
#mainRight .colorFrame{ background:url("/images/1104renew/cf/topfra2_btmbg.png") no-repeat left bottom; padding:0 0 8px 0; margin:0 0 10px 0; width:350px; clear:both; float:none;}

	/* title */
	#mainRight .colorFrame .title{ background:url("/images/1104renew/cf/topfra2_titlebg.png") no-repeat; width:350px; height:29px; overflow:hidden;}
	#mainRight .colorFrame .titleL{ background:url("/images/1104renew/cf/topfra2_titlebg2.png") no-repeat; width:350px; height:44px; overflow:hidden;}
	/* 縦長Ver */
		#mainRight .colorFrame .title h3{height:29px; width:auto; float:left; line-height:29px; padding:0 0 0 8px; font-weight:bold; font-size:14px;}
		#mainRight .colorFrame .title h3 a{ color:#333;}
		/* title  more */
		#mainRight .colorFrame .title .more{ width:60px; height:10px; float:right; margin:9px 6px 0 0;}
		#mainRight .colorFrame .title .more a{ display:block; width:60px; height:10px; background:url("/images/1104renew/icon_more2.png") no-repeat; overflow:hidden; text-indent:-999em;　/* png */behavior:expression(IEPNGFIX.fix(this));}
		/* 期間等テキストの場合 */
		#mainRight .colorFrame .title .txtDate{ padding:9px 13px 0 0; float:right; width:auto; font-size:10px;}

	/* main */
	#mainRight .colorFrame .main{ background:url("/images/1104renew/cf/topfra2_mainbg.png") top center repeat-y; padding:10px 5px; overflow:hidden; width:340px;}
		/* hr */
		#mainRight .colorFrame .main hr{ background:url("/images/1104renew/icon_bar2.gif") repeat-x left top; border:0; height:5px; clear:both; float:none; width:98%; margin:0 auto;}
		/* IE6 */ *html #mainRight .colorFrame .main hr{ border:none;border-top:dashed 1px #CCCCCC;height:1px;color:#FFFFFF;width:98%; margin:0 0 0 10px;}
		/* IE7 */ *+html #mainRight .colorFrame .main hr{ border:none;border-top:dashed 1px #CCCCCC;height:1px;color:#FFFFFF;width:98%; margin:0 0 0 10px;}
		
		
		
/* =============================================
RIGHT EREA　個別
============================================= */

/* dailyTimeTable */
#mainRight .dailyTimeTable{ width:350px; overflow:hidden; margin:10px 0;}
		
/* RIGHT COLOR FRAME (#色は個別IDに) */		
		
/* 「このページを見た人は他にこちらのページも見ています」watching [colorFrame]併用 */
#mainRight #watching { background-color:/* COLOR設定 ※ie6hackも */ #333333;}
/* IE6 hack */ *html #mainRight .colorFrame { background:/* COLOR設定※ */ #333333;}
/* IE6 hack */ *html #mainRight #watching { background:/* COLOR設定 ※ */ #333333;}

	#mainRight #watching .titleL h3{ width:280px; height:44px; background:url("/images/1104renew/title_watching_ie6.png") no-repeat; overflow:hidden; margin:0 0 0 10px; text-indent:-999em;/* png */behavior:expression(IEPNGFIX.fix(this));}

	/* main contents */
	#mainRight #watching .main dl{ width:140px; overflow:hidden; float:left; padding:10px 0 0px 20px;}
	#mainRight #watching .main dl dt{ height:80px; overflow:hidden;}
	#mainRight #watching .main dl dt img{ display:block; margin:0 auto 0 auto; height:78px;/* ←画像の高さを固定 */}
	#mainRight #watching .main dl dd{ font-size:12px; line-height:14px; height:42px; overflow:hidden;}


/* 「あなたにおススメ番組」recommendPgm [colorFrame]併用 */
#mainRight #recommendPgm { background-color:/* COLOR設定 ※ie6hackも */ #333333;}
/* IE6 hack */ *html #mainRight .colorFrame { background:/* COLOR設定※ */ #333333;}
/* IE6 hack */ *html #mainLeft #recommendPgm { background:/* COLOR設定※ */ #333333;}

#mainRight #recommendPgm .title h3{ width:206px; height:29px; float:left; background:url("/images/1104renew/title_recommend_ie6.png") no-repeat; margin:0 0 0 10px; text-indent:-999em;/* png */behavior:expression(IEPNGFIX.fix(this));}

	/* main contents */
	#mainRight #recommendPgm .main dl{ width:140px; overflow:hidden; float:left; padding:10px 0 0px 20px;}
	#mainRight #recommendPgm .main dl dt{ height:80px; overflow:hidden;}
	#mainRight #recommendPgm .main dl dt img{ display:block; margin:0 auto 0 auto; height:78px;/* ←画像の高さを固定 */}
	#mainRight #recommendPgm .main dl dd strong { display:block; font-weight:normal;}
	#mainRight #recommendPgm .main dl dd{ font-size:12px; line-height:14px; height:55px; overflow:hidden;}
	#mainRight #recommendPgm .main dl dd img{ margin:2px 0 0 0;}


/* 「これからのおススメ番組」recommendNext [colorFrame]併用 */

#mainRight #recommendNext { background-color:/* COLOR設定 ※ie6hackも */ #c29f67;}
/* IE6 hack */ *html #mainLeft #recommendNext { background:/* COLOR設定※ */ #c29f67;}
/* title */
	#mainRight #recommendNext .title h3{ width:206px; color:#333;}
	/* title  more */
	#mainRight #recommendNext .title .pgmList{ width:50px; height:16px; float:right; margin:6px 6px 0 0;}
	#mainRight #recommendNext .title .pgmList a{ display:block; width:50px; height:16px; background:url("/fujitvscripts/daily_timetable/images/btn_list.png") no-repeat; overflow:hidden; text-indent:-999em;}
	#mainRight #recommendNext .title .pgmList a:hover{ display:block; width:50px; height:16px; background:url("/fujitvscripts/daily_timetable/images/btn_list_o.png") no-repeat; overflow:hidden; text-indent:-999em;}
	/* main contents */
	#mainRight #recommendNext .main dl{ padding:0 15px 10px 15px; float:none; clear:both; overflow:hidden;}
	#mainRight #recommendNext .main dl dt{  padding:0 0 0 0; width:66px; overflow:hidden; float:left;}
	#mainRight #recommendNext .main dl dd{ width:234px; float:right;}
	#mainRight #recommendNext .main dl dd a{ display:block; padding:0 0 5px 0;}
	/* ジャンル表示 */
	#mainRight #recommendNext .main dl dd span.genre{ display:block; width:auto; height:11px; padding:0 0 5px 0;}
	/* OA TIME */
	#mainRight #recommendNext .main dl dd span.oaDate{ display:block; width:auto; background:#fffabf; font-size:smaller;}

/* FOD＆eshop IFRAME */
#mainRight .iframe{ width:350px; overflow:hidden; margin:0 0 10px 0;}

/* 注目度急上昇の番組 zoomRank [colorFrame]併用 */

#mainRight #zoomRank { background-color:/* COLOR設定 ※ie6hackも */ #a1d43e;}
/* IE6 CSS hack*/ *html #mainRight #zoomRank { background:/* COLOR設定 ※ */ #a1d43e;}
	/* main contents */
	#mainRight #zoomRank .main dl{ padding:0 15px 0 15px;}
	#mainRight #zoomRank .main dl dt{  padding:0 0 0 40px; width:45px; overflow:hidden; float:left;}
		*#mainRight #zoomRank .main dl dt{  padding:0 0 0 40px; width:45px; overflow:hidden; float:left;}
	#mainRight #zoomRank .main dl dd{ width:215px; float:right;}
	#mainRight #zoomRank .main dl dd a{ display:block; padding:0 0 5px 0;}
	#mainRight #zoomRank .main dl dd span.genre{ display:block; width:65px; height:11px; float:left;}
	#mainRight #zoomRank .main dl dd span.oaDate{ display:block; width:auto; float:left; background:#fffabf; font-size:smaller; margin-left: 5px; width: 145px;}
	/* 1位 */ #mainRight #zoomRank .main dl.rank01 dt{ background:url("/images/1104renew/acsrank_1i.gif") no-repeat left 3px;}
	/* 2位 */ #mainRight #zoomRank .main dl.rank02 dt{ background:url("/images/1104renew/acsrank_2i.gif") no-repeat left 3px;}
	/* 3位 */ #mainRight #zoomRank .main dl.rank03 dt{ background:url("/images/1104renew/acsrank_3i.gif") no-repeat left 3px;}
	

/* =============================================
COMMON ITEM
============================================= */
	
/* この頁の先頭へ戻る */
div.pageTop{ width:100%; overflow:hidden; clear:both; float:none; margin:0 auto 20px auto;}
div.pageTop a{ display:block; width:93px; height:12px; overflow:hidden; background:url("/images/btn_common_pagetop.gif") no-repeat; float:right; text-indent:-999em;/* png */behavior:expression(IEPNGFIX.fix(this));}
div.pageTop a:hover{ background:url("/images/btn_common_pagetop_o.gif") no-repeat; float:right; text-indent:-999em;/* png */behavior:expression(IEPNGFIX.fix(this));}

.cfclear { clear: both; float: none; height: 0; line-height: 0; margin:0 0 0 0; }


/*  縦の仕切り縦棒 | */
.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;}
	/* 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));}