@charset "iso-2022-jp";

/* //////////////////////////////////////nandatv common.css/////////////////////////////////////// */

/*/////////////////////////////////////////////////////////////////////////
$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; background:url(../img/bg.png);}
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 { 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;}
.topcover { background:url(/img/cover.gif); display:block; width:165px; height:123px;}
/*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*/
.cPink { color:#c72847;}
.cPk { color:#d6319e;}
.cRed, .err { color:#b03e1f;}
/*font-size*/
.f140 { font-size:140%;}
.f130 { font-size:130%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%; line-height:180%;}
.f85 { font-size:85%;}
.f80 { font-size:80%;}
/*$B%j%s%/;XDj(B*/
a { text-decoration:underline; color:#be3b67;}
a:hover { text-decoration:none; color:#be3b67;}
/*padding/margin*/
.pdgT15{ padding-top:7px; display:block;}
.pdgB25 { padding-bottom:25px !important}
.pdgB10 { padding-bottom:10px;}
.mgnB0 { margin-bottom:0 !important}
.mgnB30 { margin-bottom:30px !important}
.mgnB20 { margin-bottom:20px !important}

/*footer*/
#footer { font-size:120%; width:980px; margin:0 auto; color:#402f1a; text-align:center; padding:35px 0;}
	#footer a { color:#402f1a;}	

#playerArea{ margin:0 0 20px 26px;}

/* ***********************************************************************
common
*********************************************************************** */

#container{ width:980px; margin:15px auto 0; text-align:left; line-height:180%; color:#444; background:#fefced; font-size:120%;}
#header{ width:980px; height:407px; background:url(../img/header.jpg);}
	#header .cover{ width:980px; height:407px;}

#main{ background:url(../img/main_bg.png) repeat-y;}
#main_btm{ background:url(../img/main_btm.png) no-repeat bottom; padding:40px 36px 36px;}

/*-----left-----*/
#left{ float:left; width:594px; padding:0 0 35px;}
#left p{ padding:0 30px 15px;}
#h2Box{ background:url(../img/cts_top.png); width:594px; height:78px;}
#h2Box h2{ font-size:130%; text-align:center; padding:40px 0 0;}
.top #txtBox{ background:url(../img/cts_bg.png) repeat-y; color:#1c1103; padding:20px 0 0;}
	.top #txtBox h3{ font-size:130%; border-bottom: dotted 1px; border-top: dotted 1px; padding:5px 0 5px; margin:10px 30px 15px;}
#mcBox{ background:url(../img/cts_btm.png) no-repeat center bottom; width:594px; padding:0 0 40px;}
#mcBox h4{ background:url(../img/mc.png) no-repeat 0 0; width:497px; height:19px; margin:20px auto;}
#mcBox ul{ width:480px; margin:0 auto;}
#mcBox ul li { float:left; margin:0 0 0 40px; text-align:center;}
#mcBox ul li p{ width:173px; height:164px; border:3px solid #e5d699; padding:0;}
#mcBox ul li .esumi{ background:url(../img/esumi.jpg) no-repeat 0 0;}
#mcBox ul li .arita{ background:url(../img/arita.jpg) no-repeat 0 0;}
#mcBox ul li h5 { margin:5px 0 0; height:35px;}
#mcBox ul li .mc1{ background:url(../img/mc1.png) no-repeat center center;}
#mcBox ul li .mc2{ background:url(../img/mc2.png) no-repeat center top;}

.midashi{-webkit-border-radius: 4px; -moz-border-radius: 4px;  background:url(../img/midashi_bg.jpg); color:#f4e18b; padding:7px 12px; font-weight:bold; font-size:130%; margin-bottom:15px;}
.ouboBtn{ margin:0 0 15px 100px;}
	.ouboBtn a{ width:260px; height:63px; background:url(../img/oubo_btn.gif); display:block;}
	.ouboBtn a:hover{ background-position:0 -63px;}
.hagaki{ font-size:110%;}

#boshuArea{ background:#fff7d5; padding:30px 30px 0px; border: solid 2px #e2cf7e; margin-bottom:15px;}

ul li.icon{ background:url(../img/icon.gif) no-repeat; padding:0 0 10px 28px;}

#boshuTxt{ width:285px; float:left;}
#izamPh{ width:164px; height:180px; background:url(../img/izam_ph.jpg); display:block; float:right;}
#matsumotoPh{ width:164px; height:180px; background:url(../img/matsumoto_ph.jpg); display:block; float:right; margin-bottom:20px;}

/*-----right-----*/
#right{ float:right; width:300px; height:250px;}
#rectangle{ margin-bottom:10px; width:300px; height:250px;}
#fbstyle{ background:#fff;}
#bn_1502sp { width:300px; height:228px; background:url(../img/bn_1502sp.jpg); }

/* ***********************************************************************
favorite
*********************************************************************** */

#backtop a{ width:300px; height:41px; background:url(../img/backtop.gif); display:block;}
#favoriteBnr a{ width:532px; height:125px; background:url(../img/favorite_bnr.gif); display:block;}

#favBox{ background:url(../img/favbox_head.gif); width:592px; height:202px;}
.favorite #txtBox{ background:url(../img/left_img_bg.jpg) repeat-y; color:#1c1103;}
	.favorite #txtBox #h3Box{ border-bottom: solid 1px #ca324d; border-top: solid 1px #ca324d; padding:1px; margin-bottom:15px;}
	.favorite #txtBox h3{ font-size:130%; padding:5px 8px; background:#ca324d; color:#fff5c5;}
	.favorite #txtBox p{ padding-bottom:15px;}

#txtBtm{ background:url(../img/box_bottom.gif) no-repeat bottom; padding:0 30px 10px;}

.item{ border-bottom: solid 1px #d3c078; margin-bottom:15px;}


#favPh01{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) 0 0;}
#favPh02{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -210px 0;}
#favPh03{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -420px 0;}
#favPh04{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -630px 0;}
#favPh05{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -840px 0;}
#favPh06{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) 0 -118px;}
#favPh07{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -210px -118px;}
#favPh08{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -420px -118px;}
#favPh09{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -630px -118px;}
#favPh10{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -840px -118px;}
#favPh11{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) 0 -236px;}
#favPh12{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -210px -236px;}
#favPh13{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -420px -236px;}
#favPh14{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -630px -236px;}
#favPh15{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -840px -236px;}
#favPh16{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) 0 -354px;}
#favPh17{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -210px -354px;}
#favPh18{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -420px -354px;}
#favPh19{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -630px -354px;}
#favPh20{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -840px -354px;}
#favPh21{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) 0 -472px;}
#favPh22{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -210px -472px;}
#favPh23{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -420px -472px;}
#favPh24{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -630px -472px;}
#favPh25{ width:210px; height:118px; float:right; background:url(../img/favorite_ph.jpg) -840px -472px;}

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