@charset 'iso-2022-jp';
/*/////////////////////////////////////////////////////////////////////////
$B%G%U%)%k%H(BCSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:75%;font-family: Verdana, Arial, 'Helvetica Neue', Helvetica, '$B%R%i%.%N3Q%4(B ProN W3', 'Hiragino Kaku Gothic ProN', '$B%a%$%j%*(B', Meiryo, sans-serif; letter-spacing:0.05em;}
/*IE6*/
* html body {font-family:verdana, "$B#M#S(B $B#P%4%7%C%/(B","MS PGothic";}
/*IE7*/
*:first-child+html body {font-family:verdana, "$B#M#S(B $B#P%4%7%C%/(B","MS PGothic";}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
img { border:none;}
hr { display:none;}
.alt{ position:absolute; top:-5000px; left:-999px;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}

/*$B2hA|J]8nMQ(B*/
.cover { width:100%; height:100%;}

/*float$B@_Dj(B*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;/*(J\(B*//*/	height: auto;	overflow: hidden;	/**/}

/*////////////////////////////////////////////////////////////////
$B%3%s%F%s%DMQ(BCSS$B!?%*%j%8%J%k@_Dj(B
/////////////////////////////////////////////////////////////////////////*/
body {background:#fa437f;}
#wrapper{ background:url(../img/bg.jpg); }
#bg{background:url(../img/bg_header.jpg) top center repeat-x;}
#container{ width:980px; margin:0 auto;position:relative;}
.top #container h1{ display:block;height:350px; background:url(../img/header.jpg) no-repeat; margin-left:5px;}
.ouboPage #container p#header{height:350px; background:url(../img/header.jpg) no-repeat; margin-left:5px;}
.ouboPage #container p#header a{ display:block; width:242px; height:350px;}
#unit{ padding:15px 0 30px;/*padding:5px 0 30px;*/ }	
#rectangle{ width:300px; height:250px; position:absolute; top:82px; right:25px;}
#social{ width:300px; height:20px; position:absolute; top:20px; right:0;}



#next{ background:url(../img/next_parts.png) center repeat-y; margin-bottom:20px;}
#next .inner{ background:url(../img/next_parts.png) left top no-repeat; padding-top:80px;}
#next .inner_btm{ background:url(../img/next_parts.png) right bottom no-repeat; padding:0 60px 35px; text-align:left;}
#next #Img{ background:url(../img/noimage.jpg) no-repeat; width:480px; height:270px;float:left; margin-right:20px;}
#next h3{ font-size:18px;color:#9bc202;text-align:left;}
#next .text1{ font-size:16px;color:#f70f8f; font-weight:bold;text-align:left;line-height:180%;}
#next .text2{ font-size:12px;text-align:left; line-height:160%;}
#next .btn a{ display:block; width:178px; height:36px; background:url(../img/btn_parts.png) no-repeat; margin-top:20px; margin-left:500px;}
#next .btn a:hover{ background:url(../img/btn_parts.png) -190px 0 no-repeat; }
#next #playerBox{ float:left;margin-right:20px;}

#news{ width:930px; margin:0 auto 20px; background:url(../img/news_parts.png) center repeat-y;}
#news .inner{ background:url(../img/news_parts.png) right bottom no-repeat; padding-bottom:10px;}
#news dl{  padding:50px 30px 0 220px; text-align:left; background:url(../img/news_parts.png) left top no-repeat;min-height:125px; height: auto !important;height:125px; }
#news dt{ color:#a3cc01; font-size:12px;padding-bottom:10px; float:left; width:120px;}
#news dd{background:url(../img/line.png) bottom repeat-x; padding-bottom:8px; margin-bottom:8px; line-height:160%;font-size:12px;}

#box{ width:930px; margin:0 auto;}

#oa{ width:606px; float:left; background:url(../img/oa_parts.png?) right bottom no-repeat; padding-bottom:50px; margin-right:24px;}
#oa .inner{ background:url(../img/oa_parts.png) center repeat-y; text-align:left;min-height:550px; height: auto !important; height:550px;}
#oa h2{ height:70px; background:url(../img/oa_parts.png) left no-repeat; margin-bottom:20px;}
#oa p{ font-size:12px; margin-bottom:20px;padding:0 45px; line-height:180%;}
#oa span.pink{ line-height:200%;}
#oa #data{ background:#e7f6fc; width:510px; margin:0 auto; padding:20px 0 10px;}
#oa #data h3{ color:#029bd9; font-size:16px;padding:0 20px;}
#oa #data p{ padding:0 20px !important;}

#twBox{ float:left; width:300px; margin-top:26px; background:#fff;}
#fbBox{ float:left; width:300px; margin-top:13px; background:#fff;}


.ouboPage #box{ padding-top:10px;}
.ouboPage #playerBox{ width:480px; height:305px;  margin:0 auto 30px;}
#oubo{ width:610px; float:left; background:url(../img/oubo_parts.png) right bottom no-repeat; padding-bottom:50px; margin-right:20px; float:left;}
#oubo .inner{ background:url(../img/oubo_parts.png) center repeat-y; text-align:left; }
#oubo h1{ height:70px; background:url(../img/oubo_parts.png) left no-repeat; margin-bottom:20px;}
#oubo h2{font-size:18px;color:#f70f8f; font-weight:bold;text-align:left;line-height:180%;padding:0 45px;}
#oubo h3.midashi{ display:block; width:540px; margin:0 auto; background:#f4f2f3; margin-bottom:20px;}
#oubo h3.midashi span{ display:block; padding:8px 10px 5px; color:#f4467f; font-size:14px; line-height:180%;}
#oubo h4{color:#3e3e3e; font-size:14px; padding:0 45px;text-align:left;line-height:180%;}

#oubo p{ font-size:12px; margin-bottom:20px;padding:0 45px; line-height:180%;}
#oubo #data{ background:#e7f6fc; width:510px; margin:0 auto 30px; padding:20px 0 10px;}
#oubo #data h3{ color:#029bd9; font-size:16px;padding:0 20px;}
#oubo #data p{ padding:0 20px !important;}
#oubo .btn a{ display:block; width:190px; height:46px; background:url(../img/btn_parts.png) 0 -36px no-repeat; margin:30px auto;}
#oubo .btn a:hover{ background:url(../img/btn_parts.png) -190px -36px no-repeat; }

#oubo video{background:#333;}

#profBox{ width:480px; margin:0 auto 20px; padding-left:20px;}
#profBox ul{ list-style:none;}
#profBox li{ width:140px; background:url(../img/bg_photo.png) no-repeat; float:left; text-align:center; margin-right:20px; margin-bottom:1.0em; line-height:160%;}
#profBox li p.photo{ width:130px; height:150px; margin:5px auto 10px; padding:0;}

#news2{ width:610px; float:left; background:url(../img/news2_parts.png) right bottom no-repeat; padding-bottom:50px; margin-right:20px; float:left;}
#news2 .inner{ background:url(../img/news2_parts.png) center repeat-y; text-align:left;min-height:750px; height: auto !important;height:750px;}
#news2 h1{ height:70px; background:url(../img/news2_parts.png) left no-repeat; margin-bottom:20px;}
#news2 h2{font-size:18px;color:#f70f8f; font-weight:bold;text-align:left;line-height:140%;padding:0 45px; margin-bottom:10px;}
#news2 h3.midashi{ display:block; width:540px; margin:0 auto; background:#f4f2f3; margin-bottom:20px;}
#news2 h3.midashi span{ display:block; padding:8px 10px 5px; color:#f4467f; font-size:14px; line-height:180%;}
#news2 p{ font-size:12px; margin-bottom:20px;padding:0 45px; line-height:180%;}


/*//////////////////NAVI//////////////////*/
#Navi{ width:350px; height:37px;  position:absolute; top:14px; left:260px;}
#Navi ul{ list-style:none; text-align:left; position:relative;}
#Navi li{ padding:0px; float:left;}
#Navi a{display:block;overflow:hidden; height:37px;}

#Navi ul li#m01 a{ width:69px; margin-right:60px;background:url(../img/menu.png) 0 0 no-repeat;}
#Navi ul li#m02 a{ width:91px; margin-right:60px;background:url(../img/menu.png?) -69px 0 no-repeat;}
#Navi ul li#m03 a{ width:70px; background:url(../img/menu.png) -160px 0 no-repeat;}

#Navi ul li#m01 a:hover{background:url(../img//menu.png) 0 -37px no-repeat;}
#Navi ul li#m02 a:hover{background:url(../img//menu.png) -69px -37px no-repeat;}
#Navi ul li#m03 a:hover{background:url(../img//menu.png) -160px -37px no-repeat;}

/*//////////////////FOOTER//////////////////*/
#footer{ font-size:11px;text-align: center;	line-height: 160%; padding:15px 0; color:#fff;}
#footer a{color:#fff;text-decoration:none; font-weight:bold;}
#footer a:hover{ text-decoration:underline; }

#pagetop{position: fixed;bottom:75px;right:25px;}
#pagetop a{ display:block; width:101px; height:120px; background:url(../img/pagetop.png) no-repeat; }
#pagetop a:hover{background:url(../img/pagetop.png) -101px 0 no-repeat;}

/*/MARGIN/*/
.mgBtm15{ margin-bottom:15px;}
.mgBtm25{ margin-bottom:25px;}
.mgBtm35{ margin-bottom:35px;}

/*/LINE-HEIGHT/*/
.lineHt{ line-height:150% !important;}

/*/COLOR/*/
.pink{ color:#f70f8f;}
.blue{ color:#16b3fb;}
.orange{ color:#fe9c34;}
.green{ color:#a3cc01;}
.red{ color:#e00202; }
.yellow{color:#fbc949;}
.gray{color:#858585;}

/*/FONT-SIZE/*/
.f80{ font-size:80% !important;}
.f90{ font-size:90% !important;}
.f100{ font-size:100% !important;}
.f120{ font-size:120% !important;}
.f140{ font-size:140% !important;}
.f160{ font-size:160% !important;}
.f180{ font-size:180% !important;}

/*/FONT-SIZE/*/
.tCenter{ text-align:center;}
.tLeft{ text-align:left;}
.tRight{ text-align:right;}

/*////////$B%j%s%/;XDj(B////////*/
a { color:#fa427e; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}

/* ===========================================
	TBS global header Legacy
=========================================== */

/*	reset
============================== */

html,body {
	padding:0;
	margin:0;
}

/*	common
============================== */

/*	GH common
============================== */

div.global-header {
	position:relative;
	background-repeat:repeat-x;
	border-bottom:2px solid #c2c2c2 !important;
	background-color:#eaeaea;
}
div.global-header h1 {
	display:none;
}
div.global-header nav,
div.global-header ul,
div.global-header li,
div.global-header p {
	margin: 0;
	padding: 0;
	line-height:1;
	letter-spacing:0;
}
div.global-header ul {
	list-style-type: none;
}

/* causion */
div.gh-caution p {
	line-height:1.5;
	text-align:center;
	background-color:#ffe000;
	padding: 12px 0;
	margin-bottom:12px;
}
div.gh-caution p b, div.gh-caution p strong {
	font-style:normal;
	font-weight:bold;
	color:#c00;
}
div.gh-caution p.gh-caution-tls {
	line-height:1.5;
	text-align:center;
	background-color:#ffe000;
	padding: 12px;
	margin-bottom:12px;
}
div.gh-caution p.gh-caution-tls b, div.gh-caution p.gh-caution-tls strong,
div.gh-caution p.gh-caution-tls a {
	color:#005eac !important;
}
div.gh-caution p.gh-caution-tls a {
	font-weight:normal;
	text-decoration:underline !important;
}

/* banner */
div.global-header div.gh-super {
	display:block;
	text-align:left;
	margin:0 auto;
}

/* tbs tv side */
div.global-header div.gh-tbs ul li {
	display:block;
	position:absolute;
}
div.global-header div.gh-tbs ul li a {
	display:block;
	background-repeat:no-repeat;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}




/* catari widget */

.catari-widget, .catari-widget iframe {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.catari-widget {
	text-align:left;
	border:1px solid #d6d6d6;
	background-color:#fff;
	padding:4px;
}
.catari-widget-inner {
	
	height:315px;
	-webkit-overflow-scrolling:touch;
}
.catari-widget iframe {
	width:100%;
	height:100%;
	border:none;
	padding:0 !important;
	margin:0 !important;
	background-color:#fff !important;
}
.catari-widget p {
	color:#2d2d2d;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif !important;
	line-height:1;
	margin:0 !important;
}
.catari-widget p:after {
	content:"";clear:both;display:block;
}
.catari-widget p:first-child {
	font-size:14px !important;
	font-weight:bold !important;
	padding-bottom:4px;
}
.catari-widget p span {
	display:block;
}
.catari-widget p:first-child span {
/*	padding-left:44px; */
	padding-left:20px;
	padding-top:12px;
}
.catari-widget p:last-child span {
	padding-right:74px;
	padding-top:6px;
}
.catari-widget p:last-child {
	padding-top:4px;
	text-align:right !important;
	font-size:12px !important;
}
/*
.catari-widget p:first-child:before {
	content:"";
	display:block;
	background-image:url(/um/v7/img/catari_fromtbs.svg);
	width:40px;
	height:40px;
	float:left;
}
*/
.catari-widget p:last-child a {
	display:block;
	/* background-image:url(/um/v7/img/catari_logo.svg); */
	width:72px;
	height:24px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
	float:right;
}
/*	GH PC header
============================== */

div.global-header,
div.global-header ul li,
div.global-header p.gh-search-btn {
	font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	font-size:16px !important;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}

/* causion */
div.gh-caution p {
	font-size:87.5%;
}

div.global-header {
	text-align:left;
	background-image:url(/um/v7/img/gh_bg_pc.svg?0);
	background-size:320px 240px;
}

/* banner */
div.global-header div.gh-super {
	padding-bottom:12px;
}
div.global-header div.gh-super img {
	display:inline;
}
div.global-header div.gh-super span {
	display:inline;
}

/* tbs tv side */
div.global-header div.gh-tbs {
	position:absolute;
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:320px 240px;
	width:150px;
	height:75px;
}
div.global-header div.gh-tbs ul {
	display:block;
	background-image:url(/um/v7/img/gh_boobo.png?0);
	background-repeat:no-repeat;
	background-size:150px;
	background-position:0 36px;
	width:150px;
	height:75px;
}
div.global-header div.gh-tbs ul li.gh-home {
	left:30px;
	top:8px;
}
div.global-header div.gh-tbs ul li.gh-program {
	left:32px;
	top:40px;
}
div.global-header div.gh-tbs ul li.gh-home a {
	background-position:-170px 0;
	width: 90px;
	height: 26px;
}
div.global-header div.gh-tbs ul li.gh-program a {
	background-image: none;
	width: 86px;
	height: 25px;
}
div.global-header div.gh-tbs ul li.gh-side {
	display:none;
}

/* di2 only PC */
div.global-header div.gh-navi {
	height:76px;
	margin:0 auto;
}

/* di2 */
div.global-header div.gh-menu {
	position:relative;
	margin-left:150px;
}
div.global-header div.gh-menu ul.gh-main, div.global-header div.gh-menu ul.gh-sub {
	display:table;
	border-collapse: collapse;
	/* border-spacing: 0; */
}
div.global-header div.gh-menu ul.gh-main {
	width:100%;
}
div.global-header div.gh-menu ul.gh-sub {
	width:59%;
	margin-left:41%;
}
div.global-header div.gh-menu ul li {
	display:table-cell;
	vertical-align:middle;
	white-space:nowrap;
	}
div.global-header div.gh-menu ul.gh-main li {
	border-bottom:1px solid transparent;
}
div.global-header div.gh-menu ul li a {
	display:block;
	text-align:center;
	color:#222;
	text-decoration:none;
	}
div.global-header div.gh-menu ul li a:hover {
	/*font-weight:bold;*/
	color:#000;
}
div.global-header div.gh-menu ul.gh-main li a span {
	font-weight:bold;
	line-height:40px;
}
div.global-header div.gh-menu ul.gh-sub li a span {
	color:#fff;
	line-height:18px;
}
div.global-header div.gh-menu ul.gh-main li a:hover {
	background-color:#bfdcf3;
}
div.global-header div.gh-menu ul.gh-sub li a:hover,
div.global-header div.gh-menu p.gh-search-btn a:hover {
	background-color:#00569b;
}
div.global-header div.gh-menu ul.gh-main li a:before,
div.global-header div.gh-menu ul.gh-sub li a:before {
	content: "";
	display:block;
	float:left;
	margin-left: -1px;
	}
div.global-header div.gh-menu ul.gh-main li a:before {
	height:20px;
	margin-top:10px;
	border-left: 2px solid #80b9e7;
	}
div.global-header div.gh-menu ul.gh-sub li a:before {
	height:14px;
	margin-top:2px;
	border-left: 2px solid #80b9e7;
}
div.global-header div.gh-menu ul.gh-main li:first-child a:before,
div.global-header div.gh-menu ul.gh-sub li:first-child a:before {
	border-left:none;
}
div.global-header div.gh-menu ul.gh-main li a span,
div.global-header div.gh-menu ul.gh-sub li a span {
	display:inline-block;
}

/* search button */
div.global-header div.gh-menu p.gh-search-btn {
	position:absolute;
	left:0;
	top:41px;
}
div.global-header div.gh-menu p.gh-search-btn a {
	display:block;
	color:#fff;
	font-size:83%;
	text-decoration:none;
	line-height:18px;
	line-height:19px;	/* for IE9 */
	letter-spacing:0.75em;
	padding:0 15px;
}
div.global-header div.gh-menu p.gh-search-btn a:before {
	content: "";
	display:block;
	float:left;
	width:18px;
	height:18px;
	margin-right:10px;
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-position:0 -90px;
	background-repeat:no-repeat;
	background-size:320px 240px;
}

/* tbs tv side */
div.global-header div.gh-tbs ul li.gh-home a {
	background-image:url(/um/v7/img/gh_parts.svg?0);
	background-size:320px 240px;
}

/*	GH 980px
============================== */

div.global-header {
	letter-spacing:0;
	min-width: 980px;
}
div.global-header div.gh-super {
	width:980px;
}
div.global-header div.gh-super:before {
	content: "";
	display:block;
	float:left;
	width:126px;
	height:1px;
}
div.global-header div.gh-navi {
	width:980px;
}
div.global-header div.gh-menu ul.gh-main li a span {
	font-size:87.5%;
	padding:0 12px;
}
div.global-header div.gh-menu ul.gh-sub li a span {
	font-size:83%;
	padding:0 12px;
}



/*jumpSmp*/
#jumpSmp {
	display:block;
	color:#fff;
	background: -moz-linear-gradient(center top, #9dce5f 50%,#7cbe2a 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #9dce5f),color-stop(0.5, #7cbe2a));
	text-align:center;
	font-size:52px;
	font-weight:bold;
	line-height:1.35;
	border-top:5px solid #ddd;
	border-bottom:5px solid #eee;
	padding:52px;
}
#jumpSmp a { display:block; color:#fff;}
/*eof*/

p#tbsfree a {
	display:block;
	width:928px;
	height:225px; 
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
p#tbsfree a:hover {
	background-color:#0073cf;
	opacity:0.3;
}

p#tbsfree {
	width:928px;
	background-image:url(../img/btn_tbsfree.jpg);
	background-repeat:no-repeat;
	background-position:0 20px;
	/* background: url(../img/btn_tbsfree.png) no-repeat 0 20px;*/
	margin:0 auto;
	padding:20px 0;
}