@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;}
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 { background:url(/img/cover.gif); display:block;}

/*$B%9!<%Q!<%P%J!<OH(B*/
/*20160204 $B:o=|(B*/

/*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;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*/////////////////////////////////////////////////////////////////////////
$B%3%s%F%s%DMQ(BCSS$B!?%*%j%8%J%k@_Dj(B
/////////////////////////////////////////////////////////////////////////*/
body { background:#302f2f; line-height:1.5;}
#bg{ background:url(../img/bg.gif);}
#container {
	text-align:center;
	background:url(../img/bg_top.gif) repeat-x;
	}
	#container #header{
		width:1038px;
		height:134px;
		background:url(../img/set_common.gif) -0px -0px;
		position:relative;
		margin:0px auto;
		}
	#container #header h1 {
		display:block;
		position:absolute;
		top:12px;
		left:58px;
	}
	#container #header h1 a{
		display:block;
		width:428px;
		height:102px;
		}
		#container #header #tvBtn{
			position:absolute;
			top:0;
			left:828px;
			}
			#container #header #tvBtn a{
				display:block;
				width:70px;
				height:20px;
				}
		#container #header #tbstopBtn{
			position:absolute;
			top:0;
			left:904px;
			}
			#container #header #tbstopBtn a{
				display:block;
				width:70px;
				height:20px;
				}
	#container #unit{
		width:920px;
		margin:0 auto;
		background:#fff;
		text-align:left;
		}
	#container #unitIn{padding:20px;}
		/*Left*/
		#mainLeft {
			width:562px;
			float:left;
			margin-right:12px;
		}
			#calendarBn a{
				display:block;
				width:880px;
				height:100px;
				margin:0 0 15px 0;
				background:url(../img/calendar.png) no-repeat;
				}
			#mainLeft h2{
				width:564px;
				height:36px;
				margin-bottom:15px;}
			#flaBox{
				width:562px;
				height:482px;
				background:#999;
				margin-bottom:20px;
				background:url(../img/top_bg.png) no-repeat;
				}
			.box{width:562px;}
				.box p{ font-size:120%;}
			.pagetopBtn a{
				display:block;
				background:url(../img/set_common.gif) -614px -174px;
				width:71px;
				height:11px;
				padding:5px;
				margin:5px;
				float:right;
				}
		/*Right*/
		#mainRight {
			width:304px;
			float:left;
			}
			
/*$B%H%C%W%Z!<%8(B*/
#tnewsBox{
	width:562px;
	font-size:120%;
	}
	#tnewsBox h2{ background:url(../img/news.gif) no-repeat; height:36px; margin-bottom:5px;}
	#tnewsBox dl{
		padding:0 0 5px 0;
		}
	#tnewsBox dt{
		width:120px;
		font-weight:bold;
		color:#8c8b8b;
		padding:5px 0 8px 0;
		float:left;
		line-height:150%;
		}
	#tnewsBox dd{
		background:url(../img/line.gif) no-repeat bottom;
		padding:5px 0 8px 0;
		line-height:150%;
	}
/*$B%F%l%S$r8+$J$,$i3Z$7$b$&(B*/
.contents h2{background:url(../img/set_contents.gif) no-repeat;}
.contents .phBox{
	width:134px;
	float:left;
	margin:0 2px 0 3px;
	background:url(../img/set_contents.gif) -0px -37px no-repeat;
	}
.contents .phBox p a:hover{text-decoration:underline; color:#fd73b0;}
	.contents .phBox p{ padding:5px 0px;line-height:140%; color:#10cbed;}
.contents #backBtn a,.weather #backBtn a{
	display:block;
	background:url(../img/set_contents.gif) -135px -37px no-repeat;
	width:78px;
	height:16px;
	float:right;
	margin-bottom:5px;
	}
.contents .box .textBox,.weather .box .textBox{
	width:384px;
	float:left;
	margin-right:10px;
	line-height:180%;
	}
	.contents .box .textBox p,.weather .box .textBox p{ padding:0 5px; margin-bottom:15px;}
.contents .box .textBox h3,.weather .box .textBox h3{ font-size:140%; color:#fd73b0; padding:0 5px; margin:2px 0 5px 0;}
.contents .imgBg,.weather .imgBg{
	background:url(../img/contents_bg.gif);
	width:168px;
	float:left;
	}
/*$B%K%e!<%9$dE75$(B*/
.weather h2{background:url(../img/weather.gif) no-repeat;}
/*$B%o%s%;%0$C$F(B*/
.what h2{background:url(../img/set_what.gif) no-repeat;}
.what h3{
	height:24px;
	margin-bottom:10px;
	}
	.what .box{ margin-bottom:25px;}
	.what p{ line-height:180%; padding:0 5px;}
	.what #w01{ background:url(../img/set_what.gif) -0px -37px;}
	.what #w02{ background:url(../img/set_what.gif) -0px -61px;}
	.what #w03{ background:url(../img/set_what.gif) -0px -85px;}
	.what #w04{ background:url(../img/set_what.gif) -0px -109px;}
	.what a{color:#fd72af; font-weight:bold;}
	.what a:hover{text-decoration:underline;}
	.what #img01{
		float:right;
		width:162px;
		height:132px;
		margin:5px 0 0 10px;
		background:url(../img/set_what.gif) -564px -0px;
		}
.what #cauBox{
	background:url(../img/bg_ten.gif);
	padding:6px;
	}
	.what #cauBox #cauBoxIn{
		background:#fff;
		padding:15px;
		}
		.what #cauBox #cauBoxIn h3{ background:url(../img/set_what.gif) -0px -133px; margin:0 0 5px 0; height:19px;}
		.what #cauBox #cauBoxIn p{
			display:block;
			background:url(../img/line.gif) no-repeat bottom;
			font-size:120%;
			margin:10px auto 0px auto;
			padding:0 0 10px 0;
			}
/*$B%G!<%?J|Aw$C$F(B*/
.data h2{background:url(../img/set_data.gif) no-repeat;}
.data h3{
	background:url(../img/set_data.gif) -0px -37px no-repeat;
	display:block;
	height:17px;
	margin:10px 0 10px 0;
	}
.data p{ line-height:180%; margin-bottom:20px; padding:0 5px;}
/*FAQ*/
.faq h2{background:url(../img/set_faq.gif) no-repeat;}
.faq .box{
	margin-bottom:20px;
	background:url(../img/line.gif) no-repeat bottom;
	padding-bottom:20px;
	}
.faq .box h3{
	background:url(../img/set_faq.gif) -0px -37px no-repeat;
	color:#fd72af;
	font-size:140%;
	padding-left:25px;
	margin-bottom:5px;
	}
.faq .box .aBox{
	background:url(../img/set_faq.gif) -564px -0px no-repeat;
	font-size:120%;
	padding-left:25px;
	line-height:180%;
	}
	.faq .box a{color:#fd72af; font-weight:bold;}
/*$B%]%C%W%"%C%W(B*/
#bg_popup{ background:#10cbed;}
#container2{
	width:470px;
	margin:0px auto;
	background:#fff;
	}
	#container2 h1{
		height:85px;
		background:url(../img/set_popup.gif) no-repeat;
		}
	#container2 h2{height:34px; margin-bottom:20px;}
		.form #container2 h2{ background:url(../img/popup_ti_form.gif) no-repeat;}
		.movie #container2 h2{ background:url(../img/popup_ti_movie.gif) no-repeat;}
		.tohyo #container2 h2{ background:url(../img/set_tohyo.gif) no-repeat;}
	#container2 #unit{ width:470px;}
	.form #container2 p,.movie #container2 p{ padding:0px 14px; font-size:120%; line-height:180%; text-align:left;}
	.movie #flvBox{ width:426px; margin:10px auto;}
	#container2 #btm{
		height:32px;
		background:url(../img/set_popup.gif) -470px -0px;
		position:relative;
		}
		#container2 #btm #closeBtn{
			position:absolute;
			top:12px;
			left:213px;
			}
		#container2 #btm #closeBtn a{
			width:70px;
			height:14px;
			display:block;
			}
	.form #unit{ padding-bottom:20px;}		
	.form table{
		width:440px;
		font-size:120%;
		margin:10px auto;
		text-align:left;
		}
	.form td{ background:#dbf7fc; padding:5px;}
	.form .note{ color:#f12e85;}
	.form .thanks{ height:300px;}
	.err{ color:#ef334d; font-weight:bold;}
	
	/*$BEj9FEjI<$K;22C(B*/
	#tohyo{
		width:262px;
		height:502px;
		background:url(../img/set_tohyo.gif) -0px -34px no-repeat;
		margin:10px auto;
		position:relative;
		font-size:120%;
		}
		#tohyo #title{
			width:234px;
			height:20px;
			position:absolute;
			top:46px;
			left:14px;
			text-align:center;
			color:#fff;
			font-weight:bold;
			}
		#tohyo #text{
			width:232px;
			height:58px;
			position:absolute;
			top:68px;
			left:14px;
			text-align:left;
			overflow:auto;
			}
		#tohyo #ruleBtn{
			top:124px;
			left:43px;
			position:absolute;
			}
		#tohyo #ruleBtn a{
			display:block;
			width:176px;
			height:20px;			
			background:#ffbabc;
			color:#ff0000;
			}
		#tohyo #tohyo_form{
			width:230px;
			height:260px;
			left:16px;
			top:152px;
			position:absolute;
			text-align:left;
			overflow:auto;
			}
		#tohyo #tohyo_form table{ padding:4px 3px; font-size:120%;}
	#tohyo #tohyo_rule{
		width:236px;
		height:320px;
		left:12px;
		top:92px;
		position:absolute;
		text-align:left;
		overflow:auto;
		font-size:110%;
		background:#dbdbdb;
		}
	#tohyo #back a{
		width:236px;
		height:26px;
		left:12px;
		top:66px;
		position:absolute;
		text-align:left;
		color:#ff0000;
		padding:3px;
		}
		.tohyo #container2 .toptext{ padding:0px 14px; font-size:120%; line-height:180%; text-align:left;}
		.tohyo #tohyo_rule p{ margin-bottom:10px; padding:2px;}
/*$B=D%J%S%2!<%7%g%s(B*/
#Navi{
width:304px;
height:324px;
margin:0;
padding:0;
}
#Navi ul{
list-style:none;
width:100%;
margin:0px;
position:relative;
}
#Navi li{
list-style:none;
padding:0px;
margin:0px;
}
#Navi a{
display:block;
overflow:hidden;
height:78px;
width:304px;
}
#Navi ul li#m01 a{background:url(../img/set_common.gif) -0px -169px; margin-bottom:4px;}
	#Navi ul li#m01 a:hover{background:url(../img/set_common.gif) -304px -169px;}
#Navi ul li#m02 a{background:url(../img/set_common.gif) -0px -247px; margin-bottom:4px;}
	#Navi ul li#m02 a:hover,.try #Navi ul li#m02 a{background:url(../img/set_common.gif) -304px -247px;}
#Navi ul li#m03 a{background:url(../img/set_common.gif) -0px -325px; margin-bottom:4px;}
	#Navi ul li#m03 a:hover,.contents #Navi ul li#m03 a{background:url(../img/set_common.gif) -304px -325px;}
#Navi ul li#m04 a{background:url(../img/set_common.gif) -0px -403px; margin-bottom:4px;}
	#Navi ul li#m04 a:hover,.weather #Navi ul li#m04 a{background:url(../img/set_common.gif) -304px -403px;}
	
#kizunaBn a{ display:block; width:304px; height:80px; background:url(../img/kizuna.png) no-repeat; margin-bottom:4px;}
	
/*$B2#%J%S%2!<%7%g%s(B*/
#subNavi{
width:442px;
height:29px;
position:absolute;
top:99px;
left:534px;
}
#subNavi ul{
list-style:none;
width:100%;
margin:0px;
position:relative;
}
#subNavi li{
list-style:none;
padding:0px;
margin:0px;
float:left;
}
#subNavi a{
display:block;
overflow:hidden;
height:29px;
}
#subNavi ul li#ym01 a{width:66px; margin-right:5px;}
	#subNavi ul li#ym01 a:hover,.top #subNavi ul li#ym01 a{background:url(../img/set_common.gif) -534px -134px;}
#subNavi ul li#ym02 a{width:108px; margin-right:5px;}
	#subNavi ul li#ym02 a:hover,.what #subNavi ul li#ym02 a{background:url(../img/set_common.gif) -605px -134px;}
#subNavi ul li#ym03 a{width:124px; margin-right:5px;}
	#subNavi ul li#ym03 a:hover,.data #subNavi ul li#ym03 a{background:url(../img/set_common.gif) -718px -134px;}
#subNavi ul li#ym04 a{width:58px; margin-right:5px;}
	#subNavi ul li#ym04 a:hover,.faq #subNavi ul li#ym04 a{background:url(../img/set_common.gif) -847px -134px;}
#subNavi ul li#ym05 a{width:66px;}
	#subNavi ul li#ym05 a:hover{background:url(../img/set_common.gif) -910px -134px;}

/*$B%U%)%s%H;XDj(B*/
.pink{ color:#fd73b0;}
.blue{ color:#02b2d2;}
/*$B%j%s%/;XDj(B*/
a { text-decoration:none; color:#fd73b0; font-weight:bold;}
a:hover { text-decoration:underline;color:#fd73b0; font-weight:bold;}
/*$B%U%C%?!<(B*/
#footer {
	background:#302f2f url(../img/bg_footer.gif) repeat-x;
	padding:20px 0px;
	color:#fff;
	clear:both;
}

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