@charset "iso-2022-jp";

/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:62.5%; font-family:"$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*/
/*$B!!(B2016/2/12$B!!:o=|(B*/


/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1px; line-height: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;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*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; }
/*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}
.f62 { font-size:62.5%;}
/*link*/
a { text-decoration:underline; color:#d00;}
a:hover { text-decoration:underline; color:#c90;}
/*footer*/
#footer { clear:both; padding:20px; background:#777;}

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

body {
	background:#fc0;
	color:#333;
	}

div#header-box {
	background:url(../img/header_bg.gif) repeat-x center top;
	width:100%;
	height:250px;
	}
div#header {
	background:url(../img/header.gif) no-repeat center top;
	width:920px;
	height:250px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}
div#header2 {
	background:url(../img/header2.gif) no-repeat center top;
	width:920px;
	height:250px;
	margin:0 auto;
	text-align:left;
	position:relative;
	}

p#to-top-btn {
	position:absolute;
	top:180px;
	left:594px;
	}
p#to-top-btn a {
	background:url(../img/btn.gif) no-repeat left top;
	background-position:0 -120px;
	display:block;
	width:98px;
	height:18px;
	}
p#to-top-btn a:hover {
	filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
	}

p#faq-btn {
	position:absolute;
	top:180px;
	left:730px;
	}
p#faq-btn a {
	background:url(../img/btn.gif) no-repeat left top;
	display:block;
	width:170px;
	height:18px;
	}
p#faq-btn a:hover {
	filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
	}

div#contents-box {
	background:#fff url(../img/contents_bottom.gif) repeat-x center bottom;
	width:100%;
	padding-bottom:35px;
	}

div#contents {
	width:920px;
	margin:0 auto;
	text-align:left;
	}

div#left {
	float:left;
	width:608px;
	}

div#ichioshi-box {
	height:250px;
	margin-bottom:30px;
	}
.noplugin {
	display:none;
	}

#present a {
	background:url(../img/ichioshi_present.jpg) no-repeat left top;
	display:block;
	width:590px;
	height:250px;
	}

div#program-thumb-box {
	}

ul#program-thumb-list {
	font-size:120%;
	line-height:140%;
	}
ul#program-thumb-list li {
	float:left;
	padding:0 18px 18px 0;
	}

ul#program-thumb-list li a {
	display:block;
	padding:5px;
	background:#fc0;
	color:#333;
	text-decoration:none;
	}
ul#program-thumb-list li a:hover {
	background:#ccc;
	}
.thumb-list-in {
	display:block;
	background:#fff;
	padding:10px;
	}
.thumb-list-inin {
	display:block;
	width:256px;
	height:202px;
	}
.program-thumb {
	display:block;
	background:no-repeat left top;
	width:256px;
	padding-top:150px;
	}

div#right {
	float:right;
	width:300px;
	}

div#bnr-box {
	margin-bottom:30px;
	}

div#program-list-box {
	margin-bottom:30px;
	}

h3#program-list-t {
	background:url(../img/btn.gif) no-repeat left top;
	background-position:0 -20px;
	width:300px;
	height:36px;
	text-indent:-9999px;
	}

ul#program-list {
	font-size:120%;
	line-height:100%;
	}
ul#program-list li {
	background:#fff5cc url(../img/list_icon.gif) no-repeat left top;
	padding:12px 10px 12px 32px;
	border-bottom:1px solid #fc0;
	}
ul#program-list li a {
	color:#333;
	text-decoration:none;
	}
ul#program-list li a:hover {
	text-decoration:underline;
	}

div#chideji-box a {
	background:url(../img/btn.gif) no-repeat left top;
	background-position:0 -60px;
	display:block;
	width:300px;
	height:58px;
	}
div#chideji-box a:hover {
	filter: alpha(opacity=50);-moz-opacity:0.50;opacity:0.50;
	}

/*----------------------------------------------------------------------------------------------footer--*/
#footer-box {
	width:920px;
	text-align:center;
	margin:0 auto;
	}
p#copyright {
	color:#333;
	font-size:100%;
	padding:16px 0;
	}
p#copyright a {
	color:#333;
	}
p#copyright a:hover {
	color:#666;
	}

/*//////////////////////////////////////////////////////////////////////////////////////////////////////////program*/

div#program-block {
	background:url(../program/img/program_line.gif) no-repeat left top;
	}

div#program-t-box {
	background:url(../program/img/program_line.gif) no-repeat left bottom;
	padding:20px 30px 20px 20px;
	}
h1#program-t {
	color:#d00;
	font-size:140%;
	margin-bottom:8px;
	}
h2#program-time {
	font-size:120%;
	line-height:100%;
	}

div#program-txt {
	background:url(../program/img/program_line.gif) no-repeat left bottom;
	padding:20px 30px 20px 20px;
	margin-bottom:20px;
	}

div#program-img {
	background:no-repeat left top;
	width:550px;
	height:310px;
	text-indent:-9999px;
	margin-bottom:10px;
	}
div#program-img span {
	display:block;
	background:url(/img/cover.gif);
	}

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////////faq*/

#faq-t {
	background:url(../faq/img/faq_t.gif) no-repeat left top;
	width:590px;
	height:72px;
	text-indent:-9999px;
	}

.faq-block {
	background:url(../faq/img/faq_line.gif) no-repeat left bottom;
	padding:20px 30px 25px 20px;
	}
.faq-q {
	color:#d00;
	font-weight:bolder;
	}


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

p {
	font-size:120%;
	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-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;}

/*--------------------- color ---------------------*/
.tbsdata-yellow {color:#fc0;}
.tbsdata-red {color:#d00;}

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