@charset "iso-2022-jp";

/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:62.5%; font-family:Arial, "$B%R%i%.%N3Q%4(B Pro W3", "Hiragino Kaku Gothic Pro", "$B#M#S(B $B#P%4%7%C%/(B", Meiryo, sans-serif;}
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;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { font-size:100%;}
img { border:none;}
hr { display:none;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*$B2hA|J]8nMQ(B*/
.cover { background:url(/img/cover.gif); display:block;}
/*$B%9!<%Q!<%P%J!<OH(B*/
#bnSuper { width:100%; height:110px; background:#fff; border-bottom:1px solid #c0c0c0;}
#bnIn { padding-top:10px;}
/*float*/
.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;
	/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cRed, .err { color:#a50005;}
.cYel { color:#fd0;}
.cGrn { color:#305c00;}
.cBlu { color:#0060aa;}
.cOrg { color:#e96e00;}
/*font-size*/
.f180 { font-size:180%;}
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:none; color:#df0102;}
a:hover { text-decoration:underline; color:#666;}
/*footer*/
#footer { clear:both; padding:20px; background:#777;}

/*/////////////////////////////////////////////////////////////////////////
$B%3%s%F%s%DMQ(BCSS$B!?%*%j%8%J%k@_Dj(B
/////////////////////////////////////////////////////////////////////////*/

body {
	background:url(../img/bg_00_normal.gif);
	background-position:center top;
	color:#000;
	}

#bnr01 {
	width:100%;
	padding:10px 0;
	background:#fff;
	border-bottom:1px solid #c0c0c0;
	}

div#container {
	background:#fffcf3;
	background-position:center;
	background:url(../img/bg_01_normal.png) repeat-y;
	width:980px;
	margin:0 auto;
	text-align:left;
	}

div#top-title {
	background:url(../img/top_title_normal.png?20180112) no-repeat center top;
	width:980px;
	height:327px;
	}

div#top-main {
	padding:0 145px 20px;
	}

div#top-left {
	float:left;
	width:690px;
	}

div.movie-left {
	float:left;
	width:85px;
	}
div.movie-right {
	float:right;
	width:560px;
	}

span.icon {
	display:block;
	width:80px;
	height:121px;
	text-indent:-9999px;
	font-size:1px;
	border:1px solid #e3e3e3;
	}

#icon-01-01 {
	background-position:0 0;
	}
#icon-01-02 {
	background-position:-85px 0;
	}
#icon-01-03 {
	background-position:-170px 0;
	}
#icon-01-04 {
	background-position:-255px 0;
	}
#icon-01-05 {
	background-position:-340px 0;
	}
#icon-01-06 {
	background-position:-425px 0;
	}
#icon-01-07 {
	background-position:-510px 0;
	}
#icon-01-08 {
	background-position:-595px 0;
	}
#icon-01-09 {
	background-position:-680px 0;
	}


div.line {
	background:url(../img/line_dot.gif) repeat-x left top;
	width:688px;
	height:4px;
	font-size:1px;
	line-height:100%;
	margin:20px 0;
	}

.title-m {
	font-size:140%;
	color:#df0102;
	font-weight:bolder;
	margin:0;
	}

div#top-right {
	float:right;
	width:250px;
	}

div.right-top {

	width:250px;
	height:10px;
	font-size:1px;
	line-height:100%;	
	}
div.right-bottom {

	background-position:0 -10px;
	width:250px;
	height:10px;
	font-size:1px;
	line-height:100%;	
	margin:0 0 15px 0;

	}

div.right-main {
	background:#e2e2e2;
	}
div.right-main p {
	line-height:160%;
	margin:0;
	padding:0 15px;
	}

.right-block {
	padding-bottom:10px;
	}

.midashi {

	width:250px;
	height:23px;
	text-indent:-9999px;
	font-size:1px;
	line-height:100%;	
	margin-bottom:5px;
	}
h3#midashi-01 {
	background-position:0 0;
	}
h3#midashi-02 {
	background-position:0 -30px;
	}
	
.k_pickup {

	background-position:0 -30px;
	width:250px;
	height:23px;
	text-indent:-9999px;
	font-size:1px;
	line-height:100%;	
	margin-bottom:5px;
	}	

#next-oa {
	font-size:140%;
	color:#df0102;
	font-weight:bolder;
	}

.date {
	font-size:80%;
	color:#c00;
	font-weight:bolder;
	}

a#koura-oubo {
	display:block;
	background:url(../img/oubo_btn.gif) no-repeat left top;
	width:67px;
	height:23px;
	margin:5px 0 5px 76px;
	}
a#koura-oubo:hover {
	background-position:0 -30px;
	}

div#footer-box {
	text-align:center;
	}

p#copyright {
	margin:0;
	}
	
.bottom-block{ width: 690px; background: #e3e3e3; margin:0 0 20px 0; $B!!!!(B
/*$B3Q4](B*/
border-radius: 8px; /* CSS3$BAp0F(B */ 
-webkit-border-radius: 8px; /* Safari,Google Chrome$BMQ(B */ 
-moz-border-radius: 8px; /* Firefox$BMQ(B */}
.bottom-block_text{ padding: 20px 30px;}
	
/*//////////////////////////////////////$B%Z!<%8%H%C%W%\%?%s(B//////////////////////////////////////////////////*/	
	
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #090909;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}	
	

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

p {
	font-size:120%;
	line-height:150%;
	}
html>body p {
	line-height:180%;
	}

.hidden-txt {
	position:absolute;
	top:-9999px;
	left:-9999px;
	font-size:1px;
	line-height:0.5em;
	}

/*--------------------- margin ---------------------*/
.mg-0 {margin:0;}
.mgt-150 {margin-top:150px;}
.mgt-130 {margin-top:130px;}
.mgt-100 {margin-top:100px;}
.mgt-50 {margin-top:50px;}
.mgt-30 {margin-top:30px;}
.mgt-25 {margin-top:25px;}
.mgt-20 {margin-top:20px;}
.mgt-15 {margin-top:15px;}
.mgt-10 {margin-top:10px;}
.mgt-5 {margin-top:5px;}
.mgl-40 {margin-left:40px;}
.mgl-30 {margin-left:30px;}
.mgl-26 {margin-left:26px;}
.mgl-20 {margin-left:20px;}
.mgl-15 {margin-left:15px;}
.mgl-10 {margin-left:10px;}
.mgl-5 {margin-left:5px;}
.mgr-20 {margin-right:20px;}
.mgr-15 {margin-right:15px;}
.mgr-10 {margin-right:10px;}
.mgr-5 {margin-right:5px;}
.mgb-200 {margin-bottom:200px;}
.mgb-150 {margin-bottom:150px;}
.mgb-100 {margin-bottom:100px;}
.mgb-90 {margin-bottom:90px;}
.mgb-80 {margin-bottom:80px;}
.mgb-70 {margin-bottom:70px;}
.mgb-60 {margin-bottom:60px;}
.mgb-50 {margin-bottom:50px;}
.mgb-40 {margin-bottom:40px;}
.mgb-30 {margin-bottom:30px;}
.mgb-25 {margin-bottom:25px;}
.mgb-20 {margin-bottom:20px;}
.mgb-15 {margin-bottom:15px;}
.mgb-10 {margin-bottom:10px;}
.mgb-5 {margin-bottom:5px;}

/*--------------------- font-color ---------------------*/
.yellow {
	color:#fc0;
	}
.blue {
	color:#0cf;
	}
.green {
	color:#390;
	}
.white {
	color:#fff;
	}
.red {
	color:#f00;
	}
.gray {
	color:#666;
	}
.orange {
	color:#f60;
	}
.pink {
	color:#f09;
	}
.purple {
	color:#60c;
	}
.minnano-red {
	color:#df0102;
	}

/* ===========================================
	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*/
