@charset 'iso-2022-jp';
/*/////////////////////////////////////////////////////////////////////////
$B%G%U%)%k%H(BCSS
/////////////////////////////////////////////////////////////////////////*/
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", Osaka, 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 { font-size:100%;}
img { border:none;}
hr { display:none;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-999px;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*$B2hA|J]8nMQ(B*/
.cover { background:url(/img/cover.gif); display:block;}
/*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%U%)%s%H;XDj(B*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cOrg { color:#ee6500;}
.cBrn { color:#aa5800;}
.cGrn { color:#366a5c;}
.cRed, .err { color:#e32c35;}
/*font-size*/
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { font-size:85%;}

/*$B%j%s%/;XDj(B*/
a { text-decoration:none; color:#644500;}
a:hover { text-decoration:underline; color:#c1a632;}
/*padding/margin*/
.pdgB20 { padding-bottom:20px;}
.mgnT20 {margin-top:20px;}
/*footer*/
#footer {
	text-align:right;
	color:#fff;
	letter-spacing:0.08em;
	}
	#footer a { color:#fff; font-weight:bold;}

/*/////////////////////////////////////////////////////////////////////////
A-Studio$B!!6&DL(BCSS
/////////////////////////////////////////////////////////////////////////*/
body { color:#666; background:#fff url(../img/bg.gif);}
#bg { /*border-top:3px solid #e5e5e5;*/}
#container { width:970px; text-align:left; margin:0px auto; position:relative;}
#header { height:142px; background:url(../img/head_shelly.jpg) no-repeat -15px 0;}
	#header .cover { width:1000px; height:142px;}
	#header .progLogo { padding-left:25px;}
	#header .progLogo a { display:block; width:380px; height:142px;}

#unit { width:970px; position:relative;}

/*navi
/////////////////////////////////////////////////////////////////////////*/
#navi { width:260px; height:425px; position:absolute; top:-10px; right:2px; background:url(../img/main_shelly.jpg) no-repeat -2000px 0;}
	#navi li,
	#navi li a { display:block; width:260px; height:75px;}
	#navi li { position:absolute;}
	#navi li#menu01 { top:10px; left:0;}
	#navi li#menu02 { top:90px; left:0;}
	#navi li#menu03 { top:170px; left:0;}
	#navi li#menu04 { top:250px; left:0;}
	#navi li#menu05 { top:330px; left:0;}
	.bknm #navi li#menu01 a,
	#navi li#menu01 a:hover { background:url(../img/main_shelly.jpg) no-repeat -2260px -10px;}
	.kanran #navi li#menu02 a,
	#navi li#menu02 a:hover { background:url(../img/main_shelly.jpg) no-repeat -2260px -90px;}
	.present #navi li#menu03 a,
	#navi li#menu03 a:hover {background:url(../img/main_shelly.jpg) no-repeat -2260px -170px;}
	.shelly #navi li#menu04 a,
	#navi li#menu04 a:hover {background:url(../img/main_shelly.jpg) no-repeat -2260px -250px;}
	#navi li#menu05 a:hover {background:url(../img/main_shelly.jpg) no-repeat -2260px -330px;}

/*/////////////////////////////////////////////////////////////////////////
$B%3%s%F%s%D6&DL(B
/////////////////////////////////////////////////////////////////////////*/
.contents #unit { background:url(../img/main_shelly.jpg) repeat-y -1015px 0;}
.contents #unitIn { background:url(../img/bk_unit.jpg) no-repeat 0 0; padding-left:2px;/* position:relative;*/}
.contents #unitBottom { background:url(../img/main_shelly.jpg) no-repeat 0 0; width:970px; height:150px; position:relative;}
.contents h1 { width:450px; background:url(../img/main_piece.gif) no-repeat; position:absolute; top:0; left:52px;}
	.present h1 { height:290px; background-position:0 -270px;}
	.kanran h1 { height:185px; background-position:0 -100px;}
	.bknm h1 { height:100px; background-position:0 0;}

.contents #footer { position:absolute; bottom:20px; right:15px;}
.contents #main { width:675px; min-height:200px; height:auto !important; height:200px;}

/*SHELLY
/////////////////////////////////////////////////////////////////////////*/
.shelly #main { background:url(../img/bg_shelly.png) no-repeat; height:550px !important; position:relative; font-family:"Arial";}
	.shelly #main p#date { width:170px; font-size:160%; font-weight:bold; color:#64acdb; position:absolute; top:95px; left:380px;}
	.shelly #main p#guest { width:267px; font-size:140%; font-weight:bold; color:#64acdb; background:#f7fcfe; position:absolute; top:425px; left:260px; padding:3px;}
	.shelly #main #movie { width:430px; height:242px; position:absolute; top:136px; left:53px; z-index:999;}
		.shelly #main #movie #jsoff { width:480px; height:270px; background:url(/mi/mi5/syplayer/img/jsoff.png) no-repeat center top;}
		.shelly #main #movie #jsoff p { display:none;}
	.shelly #main ul { width:120px; height:280px; position:absolute; top:125px; left:550px; overflow:auto; padding:10px 6px;}
	.shelly #main ul li { font-size:120%; color:#f1a0c6; background:url(../img/ico_shelly.png) no-repeat 0 3px; border-bottom:2px dotted #ade1f5; padding:0 0 3px 12px; margin-bottom:3px;}
	.shelly #main ul li .date { color:#03afdd; font-weight:bold;}
	.shelly #main ul li a { color:#555;}
	.shelly #main ul li a:hover { color:#03afdd;}
	/*btn*/
	.shelly #main #btnList { width:115px; height:55px; position:absolute; top:427px; left:560px;}
	.shelly #main #btnList a { display:block; width:115px; height:55px;}
	.shelly #main #btnList a:hover { background:#fff; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15;}

/*bknm*/
.shellybknm h1 { width:320px; height:120px; position:absolute; top:20px; left:60px; z-index:999; background:none;}
	.shellybknm h1 a { display:block; width:320px; height:120px;}
	.shellybknm h1 a:hover { background:#fff; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15;}
.shellybknm #main { background:url(../img/bg_shelly_bknm.png) no-repeat; min-height:550px; height:auto !important; height:550px; padding-bottom:30px;}
	.shellybknm #main ul { width:650px; height:auto; position:relative; top:0; left:0; overflow:visible; padding:160px 0 0 55px;}
	.shellybknm #main ul li { width:190px; line-height:1.4; float:left; padding:0 0 10px 12px; margin:0 10px 10px 0; min-height:55px; height:auto !important; height:60px;}
	.shellybknm #main ul li .date { font-size:120%;}



.top #leftareaIn #movie { background:url(../img/bg_movie_20170331.jpg) no-repeat;}
/* ===========================================
	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*/