@charset "euc-jp";
/* CSS Document */
@import "/common/css/special_recommend2.css";
.caution{color:#FF0000;}
.sz8{font-size:8px;}
.sz10{font-size:10px;}
.break{clear:both;}
#tbsOd{
	background:none;
	color:#4D4D4D;
	margin:0 0;
	padding:0 0;
}
#tbsOd #wrapper{
	width:970px;
	background-color:#FFFFFF;
	margin:0 auto;
	overflow: hidden;
}
/* header area */
#tbsOd #wrapper #contentsHeader{
	background:url(/etc/tv/tbs/img/common/header.jpg) no-repeat 0 0;
	width:970px;
	height:165px;
	position:relative;
}
/*system menu style*/
#tbsOd #wrapper #contentsHeader #menu{
	margin-left:0px;
	padding-left:540px;
	padding-top:37px;
}
#tbsOd #wrapper #contentsHeader #menu:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#tbsOd #wrapper #contentsHeader #menu li{
	float:left;
	list-style-type:none;
	margin-left: 2px;
}
#tbsOd #wrapper #contentsHeader #menu li a{
	display:block;
	height:29px;
	width:79px;
	margin: 0 0 0 0;
	background: url(/misc/header/service_menu.gif) no-repeat 0 0;
	overflow:hidden;
}

#tbsOd #wrapper #contentsHeader #menu .logout a{background-position: -79px top;}
#tbsOd #wrapper #contentsHeader #menu .member a{background-position: -237px top;}
#tbsOd #wrapper #contentsHeader #menu .login a{background-position: left top;}
#tbsOd #wrapper #contentsHeader #menu .join a{background-position: -158px top;}
#tbsOd #wrapper #contentsHeader #menu .favo a{background-position: -316px top;}
#tbsOd #wrapper #contentsHeader #menu .help a{background-position: -395px top;}

#tbsOd #wrapper #contentsHeader #menu .logout a:hover{background-position: -79px -29px;}
#tbsOd #wrapper #contentsHeader #menu .member a:hover{background-position: -237px -29px;}
#tbsOd #wrapper #contentsHeader #menu .login a:hover{background-position: left -29px;}
#tbsOd #wrapper #contentsHeader #menu .join a:hover{background-position: -158px -29px;}
#tbsOd #wrapper #contentsHeader #menu .favo a:hover{background-position: -316px -29px;}
#tbsOd #wrapper #contentsHeader #menu .help a:hover{background-position: -395px -29px;}

#tbsOd #wrapper #contentsHeader #toTop a{
	width:75px;
	height: 0 !important;
	padding:31px 0px 0px 0px;
	line-height:31px;
	overflow:hidden;
	background:url(/etc/tv/tbs/img/common/logo.gif) no-repeat left top;
	position:absolute;
	top:34px;
	left:873px;
}
/* genre menu */
#tbsOd #wrapper #contentsHeader #globalnavi{
	width:950px;
	margin:25px auto 0px auto; 
}
#tbsOd #wrapper #contentsHeader #globalnavi li{
	float:left;
	list-style-type:none;
}
#tbsOd #wrapper #contentsHeader #globalnavi li a{
	display:block;
	height:65px;
	width:105px;
	margin: 0 0 0 0;
	background: url(/etc/tv/tbs/img/common/genre.gif) no-repeat 0 0;
	overflow:hidden;
}

#tbsOd #wrapper #contentsHeader #globalnavi .top a{background-position: left top; width:107px;}
#tbsOd #wrapper #contentsHeader #globalnavi .dram a{background-position: -107px top;}
#tbsOd #wrapper #contentsHeader #globalnavi .movi a{background-position: -212px top;}
#tbsOd #wrapper #contentsHeader #globalnavi .asia a{background-position: -317px top;}
#tbsOd #wrapper #contentsHeader #globalnavi .musi a{background-position: -422px top;}
#tbsOd #wrapper #contentsHeader #globalnavi .vari a{background-position: -527px top;}
#tbsOd #wrapper #contentsHeader #globalnavi .anim a{background-position: -632px top;}
#tbsOd #wrapper #contentsHeader #globalnavi .docm a{background-position: -737px top;}
#tbsOd #wrapper #contentsHeader #globalnavi .spor a{background-position: -842px top; width:108px;}

/* left */
/* 1.info
========================================== */
#tbsOd #wrapper #left{
	float: none;
	display: none;
	width: 220px;
	margin: 8px 0 0 10px;
}
#tbsOd #wrapper #left div.section{
	overflow:hidden;
	width:218px;/*IE6.7*/
	border:1px solid #fb8d1a;
	margin:0 0 10px 0;
}
#tbsOd #wrapper #left div.section div.unit{
	width:198px;
	margin:-1px 10px 10px;
	padding:10px 0 0;
	border-top:1px solid #d2d2d2;
	text-align:left;
}
#tbsOd #wrapper #left div.section div.unit:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
/*#tbsOd #wrapper #left div.section div.first{
	border-top:none;
	padding:0;
}*/
#tbsOd #wrapper #left div.section div.unit div.img{
	float:left;
	display:inline;
	width:75px;
	margin:0 5px 0 0;
}
#tbsOd #wrapper #left div.section div.unit div.txt{
}
#tbsOd #wrapper #left div.section div.unit div.txt p{
	margin-left:5px;
}
#tbsOd #wrapper #left div.section div.unit strong{
}
#tbsOd #wrapper #left div.section div.unit p{
}
/* 4.coming
========================================== */
#tbsOd #wrapper #left h2#coming{
	font-weight:bold;
	height:17px;
	background:url(/r_img/base/parts.gif) no-repeat;
	background-position:0 -115px;
	padding:10px 0 0 40px;
}
#tbsOd #wrapper #left div.coming{
}
#tbsOd #wrapper #left div.coming dl{
	width:198px;
	margin:10px 10px 0;
	text-align:left;
}
#tbsOd #wrapper #left div.coming dl dt{
}
#tbsOd #wrapper #left div.coming dl dd{
	background:url(/r_img/base/bg_arrow.gif) no-repeat;
	background-position:0 5px;
	padding:0 0 5px 8px;
}
/* next
========================================== */
#tbsOd #wrapper #left h2#next{
	font-weight:bold;
	height:17px;
	background:url(/r_img/base/parts.gif) no-repeat;
	background-position:-880px -115px;
	padding:10px 0 0 40px;
}
/* present
========================================== */
#tbsOd #wrapper #left h2#present{
	font-weight:bold;
	height:17px;
	background:url(/r_img/base/parts.gif) no-repeat;
	background-position:-1320px -115px;
	padding:10px 0 0 35px;
}

/* right */
/* base mainImg and title
========================================== */
#tbsOd #wrapper #contents{
	float: right;
	display: inline;
	width:715px;
	margin: 8px 10px 0 15px;
	text-align:left;
}
/* main image */
#tbsOd #wrapper #contents #mainImg{
	width:715px;
	height:auto;
	margin-bottom:15px;
	text-align:center;
	background-color:#fff;
}
#tbsOd #wrapper #contents #mainImg img.sstmain{
	width:533px;
	height:300px;
}
#tbsOd #wrapper #contents #mainImg h1{
	color:#009fe6;
	font-size:100%;
	line-height:110%;
	margin-left:5px;
	vertical-align:text-bottom;
	text-align:left;
}

/* line up */
#tbsOd #wrapper #contents h2{
	font-weight:bold;
	height:20px;
	line-height:22px;
	padding-left:14px;
	background:url(/etc/tv/tbs/img/common/title_bg.gif) no-repeat;
	background-color:#56b7be;
	color:#56b7be;
	position:relative;
}
#tbsOd #wrapper #contents h2 span{
	background:url(/etc/tv/tbs/img/common/span_bg.gif) repeat-x scroll 0 0 transparent;
	height:17px;
	line-height:17px;
	color:#56b7be;
	font-size:10px;
	font-weight:normal;
	padding:0px 10px;
	position:absolute;
	right:4px;
	top:3px;
}
#tbsOd #wrapper #contents h2 span a{
	color:#ffffff;
}
/* attention */

#tbsOd #wrapper #contents #attention{
	font-size:90%;
	color:#ff0000;
}
#tbsOd #wrapper #contents div.unit p{
	font-size: 77%;
	line-height: 1.335;
}
/* ll size.sectionA
========================================== */
/*.genre #contents div.wrapper div.sectionA{
	margin-left:-19px;
}
.genre #contents div.wrapper div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:10px 0 15px 19px;
}
*/
#tbsOd #wrapper #contents div.sectionA{
	clear:both;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px -14.75px 10px 0px;
	width:715px;
}
#tbsOd #wrapper #contents div.sectionA:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#tbsOd #wrapper #contents div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin: 0px 14.75px 10px 0px;
}
/*for IE6*/
*html #tbsOd #wrapper #contents div.sectionA{
	clear:both;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px 0 20px;
	width:715px;
	/*padding-bottom:20px;*/
}
*html #tbsOd #wrapper #contents div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:0 7px 15px;
}
/*for IE7*/
*:first-child+html #tbsOd #wrapper #contents div.sectionA{
	clear:both;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px 0 20px;
	width:715px;
	/*padding-bottom:20px;*/
}
*:first-child+html #tbsOd #wrapper #contents div.sectionA div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:0 7px 15px;
}
#tbsOd #wrapper #contents div.sectionA div.unit div.img{
	display:inline;
	float:left;
	margin-bottom:2px;
	width:164px;
}
#tbsOd #wrapper #contents div.sectionA div.unit div.img a{
	background: white;
	border: 1px solid #CDCDCD;
	display: inline;
	float: left;
	padding: 1px;
	width: 160px;
}
#tbsOd #wrapper #contents div.sectionA div.unit h3{
	font-weight:bold;
	margin:4px 0;
}
#tbsOd #wrapper #contents div.sectionA div.unit h3 img{
	display: inline;
	float: left;
	margin: 3px 4px 1px 0px;
}
#tbsOd #wrapper #contents div.sectionA div.unit p{
}
/* sectionB
========================================== */
#tbsOd #wrapper #contents div.sectionB{
	clear:both;
	width:715px;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px -14.75px 10px 0;
}
#tbsOd #wrapper #contents div.sectionB:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#tbsOd #wrapper #contents div.sectionB div.unit{
	float:left;
	display:inline;
	width:164px;
	margin:0 14.75px 10px 0;
}
#tbsOd #wrapper #contents div.sectionB div.unit div.img{
	float:left;
	display:inline;
	width:97px;
	margin:0 4px 0 0;
}
#tbsOd #wrapper #contents div.sectionB div.unit div.img a{
	float:left;
	display:inline;
	width:93px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#tbsOd #wrapper #contents div.sectionB div.unit div.img a:hover{
float:left;
	display:inline;
	width:93px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#tbsOd #wrapper #contents div.sectionB div.unit h3{
	float:left;
	display:inline;
	width:63px;
}
#tbsOd #wrapper #contents div.sectionB div.unit h3 img{
	display:block;
	margin:0 3px 3px 0;
}

/* sectionC
========================================== */
#tbsOd #wrapper #contents div.sectionC{
	clear:both;
	width:715px;
	margin:10px -10.3px 10px 0;
}
#tbsOd #wrapper #contents div.sectionC div.unit{
	float:left;
	display:inline;
	width:228px;
	margin:0 10.3px 10px 0;
}
#tbsOd #wrapper #contents div.sectionC div.unit div.img{
	float:left;
	display:inline;
	width:79px;
	margin-right:4px;
}
#tbsOd #wrapper #contents div.sectionC div.unit div.img a{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#tbsOd #wrapper #contents div.sectionC div.unit div.img a:hover{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #464646;
	padding:1px;
}
#tbsOd #wrapper #contents div.sectionC div.unit div.txt{
	float:left;
	display:inline;
	width:140px;
	padding:0 0 0 5px;
}
#tbsOd #wrapper #contents div.sectionC div.unit h3{
	line-height:1.2;
}
#tbsOd #wrapper #contents div.sectionC div.unit h3 img{
	float:left;
	display:inline;
	margin:1px 4px 1px 0;
}
/* msize .sectionD
========================================== */
#tbsOd #wrapper #contents div.sectionD{
	clear:both;
	margin:10px 0 20px;
}
#tbsOd #wrapper #contents div.sectionD:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
/*for IE6*/
*html #contents div.wrapper div.sectionD{
	clear:both;
	border-bottom:1px solid #d2d2d2;
	margin:10px 0 20px;
	width:715px;
	padding-bottom:20px;
}
/*for IE7*/
*:first-child+html #contents div.wrapper div.sectionD{
	clear:both;
	border-bottom:1px solid #d2d2d2;
	margin:10px 0 20px;
	width:715px;
	padding-bottom:20px;
}
#tbsOd #wrapper #contents div.sectionD div.unit{
	float:left;
	display:inline;
	width:90px;
	margin:0px 12px 10px 0px;
}
#tbsOd #wrapper #contents div.sectionD div.unit div.img{
	float:left;
	display:inline;
	width:75px;
	background:#FFF;
	border:1px solid #cdcdcd;
	padding:1px;
}
#tbsOd #wrapper #contents div.sectionD div.unit div.img:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#tbsOd #wrapper #contents div.sectionD div.unit h3{
	clear:both;
	width:79px;
	margin:4px 0px;
}
#tbsOd #wrapper #contents div.sectionD div.unit h3 img{
	display: block;
	margin: 0px 3px 3px 0px;
}

/* 9.ul.sectionE
========================================== */
#tbsOd #wrapper #contents ul.sectionE{
	clear:both;
	/*border-bottom:1px solid #d2d2d2;*/
	margin:10px 0;
}
#tbsOd #wrapper #contents ul.sectionE:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility:	hidden;
	font-size: 0;
}
#tbsOd #wrapper #contents ul.sectionE li{
	float:left;
	display:inline;
	width:218px;
	margin:0 10px 10px 0;
	background:url(/r_img/base/bg_arrow.gif) no-repeat;
	background-position:0 5px;
	padding:0 0 0 8px;
}
#tbsOd #wrapper #contents ul.sectionE li.clear{
	clear:both;
}
#tbsOd #wrapper #contents ul.sectionE li img{
	float:left;
	display:inline;
	margin:1px 4px 1px 0;
}

/* series top page */
/* pack tab and buttons */
#tbsOd #wrapper #contents #pack_tab{
	background:url(/etc/tv/tbs/img/common/packtab_bg.gif) no-repeat;
	width:714px;
	min-height:49px;
	/height:auto;
}
#tbsOd #wrapper #contents #pack_tab .packBtn{
	background:url(/etc/tv/tbs/img/common/packbtn.gif) no-repeat;
	width:87px;
	height:32px;
	margin:7px 0px 0px 6px;
	padding:8px 12px 0px 12px;
	float:left;
	color:#bbb;
}
#tbsOd #wrapper #contents #pack_tab .packBtn2{
	background:url(/etc/tv/tbs/img/common/packbtn.gif) no-repeat;
	width:91px;
	height:37px;
	margin:7px 0px 0px 6px;
	padding:3px 8px 0px 12px;
	float:left;
	color:#bbb;
}
#tbsOd #wrapper #contents #pack_tab .Btn2nd{	/* pack btn line 2nd*/
	margin-top:0px;
}
#tbsOd #wrapper #contents #pack_tab .packBtn a{
	color:#146091;
	font-size:12px;
	line-height:14px;
}
#tbsOd #wrapper #contents #pack_tab .packBtn2 a{
	color:#146091;
	font-size:10px;
	letter-spacing:-0.1em;
}
#tbsOd #wrapper #contents #pack_buy{
}
#tbsOd #wrapper #contents #package_purchase{
	border: solid #ddd 2px;
	background: #f3f3f3;
	margin:10px auto 8px auto;
	padding:10px;
	width:80%;
}
#tbsOd #wrapper #contents #package_purchase h4 {
	float:left;
}
#tbsOd #wrapper #contents #package_purchase h5 {
	font-size: 14px;
	line-height:18px;
	color: #333;
	font-weight: bold;
	margin-left: 10px;
	float:left;
}
#tbsOd #wrapper #contents #package_purchase p.pack_price_term {
	font-size: 14px;
	color: #146091;
	margin-bottom: .8em;
	margin-left: 10px;
}
#tbsOd #wrapper #contents #package_purchase .pack_attention {
	clear:both;
	margin-left: 10px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 1.4em;
	/*background-image: url(/etc/tv/fujitv/images/contents/chuui.gif);
	background-repeat: no-repeat;*/
}

/* for groupPack or long series set anchor link
========================================== */
#tbsOd #wrapper #contents #seriesLink{
	width:715px;
	margin:10px 0px 10px -15px;
}
#tbsOd #wrapper #contents #seriesLink li{
	background:url(/etc/tv/fujitv_od/img/series.gif) no-repeat left center;
	float:left;
	padding-left:5px;
	margin-left:20px;
	display:inline;
}
#tbsOd #wrapper #contents #seriesLink li a{
	font-weight:bold;
	font-size:12px;
}
#tbsOd #wrapper #contents #cmsList{
	margin-top:8px;
}
#tbsOd #wrapper #contents #cmsList .srTarget{
	font-weight:bold;
	color:#00a0ee;
	margin:20px 0px 10px 10px;
	border-bottom:1px dotted #00a0ee;
}



/* attract the free episode in list */
#tbsOd #wrapper #contents #cmsList .free{
	background-color:#99ccff;
}
/* copyright */
#tbsOd #wrapper #contents #copyright{
	margin:20px auto;
	border-top:1px solid #d2d2d2;
	padding-top:5px;
	font-size:80%;
}
/* footer */
#tbsOd #wrapper #footer{
	clear:both;
	/*text-align:right;
	margin:8px 0px 15px 0px;*/
	background:url(/r_img/base/footer_bg_pagetop.gif) no-repeat scroll 0 5px transparent;
	display:inline;
	float:right;
	margin:10px 0px;
	padding-left:10px;
	width:120px;
}

/*======================================

     CMS List OverRide

=======================================*/
#cmsList .listBox{
	width: 711px;
}
* html #cmsList .listBox{
	width: 707px;
}
#cmsList div.listBox .lower .imgBox{
	margin: 10px;
	/* for IE Double Margin Bug */
	display: inline;
}
#cmsList div.listBox .lower .txtBox{
	width: 602px;
	margin: 10px 10px 5px 0;
	/* for IE Double Margin Bug */
	display: inline;
}
#cmsList div.listBox .lower .txtBox h3{
	padding-bottom: 3px;
}
#cmsList div.listBox .lower .txtBox p{
	padding-bottom: 3px;
}
/* For Member Free */
#cmsList div.listBox.memberFree{
	border:2px solid #adc86b;
	background: #eaf1da;
}

#cmsList div.listBox.memberFree ul.upper{
	background-color: #adc86b;
}
#cmsList div.listBox.memberFree ul.upper li{
	color: #fff;
}
/* For Member Free */
#cmsList div.listBox.Free{
	border:2px solid #5ea0d2;
	background: #d8ebfa;
}

#cmsList div.listBox.Free ul.upper{
	background-color: #5ea0d2;
}
#cmsList div.listBox.Free ul.upper li{
	color: #fff;
}

/* links to other series
========================================== */
#tbsOd #wrapper #contents #seriesBox{
	background-color:#ddd;
	padding:8px 15px;
	width:683px;
	margin-bottom:8px;
	border:1px dotted #bbb;
	border-top-width:0px;
}
#tbsOd #wrapper #contents #seriesImg{
	padding:0 0 0 123px;
	position:relative;
	font-size:90%;
	min-height:68px;
}
#tbsOd #wrapper #contents #seriesImg a{
	font-weight:bold;
	text-decoration:underline;
}
#tbsOd #wrapper #contents #seriesImg img{
	left:0;
	top:0;
	position:absolute;
}

/* for minogashi */

/* story and cast */
#tbsOd #wrapper #contents #mainImg #mainStory,
#tbsOd #wrapper #contents #mainImg #mainCast{
	width:350px;
	float:left;
	font-size:90%;
	margin-top:10px;
	margin-bottom:10px;
	height:auto;
}
#tbsOd #wrapper #contents #mainImg #mainStory strong,
#tbsOd #wrapper #contents #mainImg #mainCast strong{
	font-weight:bold;
	color:#009fe6;
}
#tbsOd #wrapper #contents #mainImg #mainCast{
	margin-left:15px;
}

/* update schedule */
#tbsOd #wrapper #contents #mainImg ul{
	margin:15px auto 8px auto;
	width:675px;
	background-color:#eee;
	padding:5px 10px;
	font-size:12px;
}
#tbsOd #wrapper #contents #mainImg ul li#skdl{
	font-weight:bold;
	color:#009fe6;
}
/* last episode */
#tbsOd #wrapper #contents #mainImg #lastEp{
	background-color:#e6e6e6;
	width:715px;
	padding-bottom:6px;
	margin-top:10px;
}
#tbsOd #wrapper #contents #mainImg #lastEp h4{
	background-color:#666666;
	height:26px;
	color:white;
	text-align:center;
	line-height:26px;
	font-weight:bold;
	letter-spacing:0.1em;
}
#tbsOd #wrapper #contents #mainImg #lastEp p{
	color:#FFFFFF;
	font-size:80%;
}
#tbsOd #wrapper #contents #mainImg #lastEp #lastBox{
	background-color:#e6e6e6;
	width:685px;
	padding:10px 15px;
	border-width:0px;
	height:auto;
}
#tbsOd #wrapper #contents #mainImg #lastEp #lastBox #lastImg{
	padding:0 0 0 113px;
	position:relative;
	font-size:90%;
	line-height:140%;
	min-height:68px;
}
#tbsOd #wrapper #contents #mainImg #lastEp #lastBox #lastImg a{
	font-weight:bold;
	text-decoration:underline;
}
#tbsOd #wrapper #contents #mainImg #lastEp #lastBox #lastImg img{
	left:0;
	position:absolute;
	top:0;
}
#tbsOd #wrapper #contents #mainImg #lastEp #lastBox #buttons{
	text-align:right;
	color:#cc5e5a;
	font-size:80%;
	height:15px;
	margin-top:5px;
}
#tbsOd #wrapper #contents #mainImg #lastEp #lastBox #buttons img{
	margin-left:5px;
	vertical-align:text-top;
}
/* for list */
#tbsOd #wrapper #contents #cmsList .listBox .lower .txtBox h3{
	line-height:140%;
}

.tvNoLeft#tbsOd #wrapper #left{
	float: none;
	display: none;
}
.tvNoLeft#tbsOd #wrapper #contents {
    float: none;
    display: block;
    width: 715px;
    margin: 8px auto 0;
    text-align: left;
    
}
#tbsOd #wrapper{
	background-color: #02a0e9;
}
#tbsOd #wrapper #contents{
	float: none;
	display: block;
	width:755px;
	margin: 3px auto 0;
	text-align:left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #FFFFFF;
	padding: 20px;
}