@charset "utf-8";

/* ============================
	TBS reset
============================ */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
body{font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}

img {border:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
/*img cover*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left; display: inline;}
.floatR { float:right; display: inline;}
.clear_flo { clear:both; }
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cRed, .err { color:#cb2202;}
.cGrn { color:#13dabb;}
.cPnk { color:#fe6fe5;}
.cBlu { color:#17cce8;}
.cBro { color:#734229;}
.cOrg { color:#ffa500}
.cYel { color:#fff832;}

/*font-size*/
.f180 { font-size:180%;}
.f150 { font-size:150%;}
.f140 { font-size:140%;}
.f130 { font-size:130%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f70{ font-size:70%;}
.f85  { line-height:normal; font-size:11px !important}
.f_mini { font-size:9px  !important;}
/*margin*/
.mgBtm10{ margin-bottom:10px !important;}
.mgBtm20{ margin-bottom:20px !important;}
.mgBtm30{ margin-bottom:30px !important;}
.mgBtm50{ margin-bottom:50px !important;}
.mgTop10{ margin-top:10px !important;}
.mgTop20{ margin-top:20px !important;}
.mgTop30{ margin-top:30px !important;}
.mgTop50{ margin-top:50px !important;}
.pdTop20{ padding-top:20px !important;}
.pdTop30{ padding-top:30px !important;}
/*link*/
a { text-decoration:underline; color:#513e25;}
a:hover { text-decoration:underline; color:#ccc;}
/*/////////////////////////////////////////////////////////////////////////*/
body { margin:0; background: url(../img/sunflower/bg.png) center top; color:#513e25; -webkit-text-size-adjust: 100%;}
body {font-family:"Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; }
p{background: url(/img/cover.gif);letter-spacing:0.04em;}
li{background: url(/img/cover.gif);letter-spacing:0.04em;}

#container{width:980px;height:100%;margin:0 auto;}
.contArea{width:940px;margin:20px auto}
.contArea .inner{width:930px;background:#fff7c2;border:solid 5px #f4e9a7;overflow:hidden;}
.leftBox{width:255px;min-height:830px;}
.leftBox nav{ height:830px;margin:0; background: url(../img/sunflower/menu.png) center top no-repeat;}
 .leftBox ul li{position:relative;list-style:none;text-indent: -9999px;padding:0px;}
 .leftBox ul a{display: block;width:255px; }
 .leftBox ul a:hover{filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;text-decoration:none; background: #fff7c2}
    #m01 a{ height:210px; }
    #m02 a{ height:110px; }
    #m03 a{ height:110px; }
    #m04 a{ height:110px; }
    #m05 a{ height:110px; }

 .leftBox ul li .new{display: block;position:absolute;top:20px; left:30px;width:50px; height:20px;background: url(../img/sunflower/new.gif) no-repeat;}
 .leftBox ul li .new2{display: block;position:absolute;top:20px; left:78px;width:50px; height:20px;background: url(../img/sunflower/new.gif) no-repeat;}

.rightBox{width:675px;min-height:840px;background:#fffef2;}
.rightBox h2{margin-bottom:40px;}
.rightBox p{clear:both; width:575px; margin:0 auto;line-height:200%;font-size:125%;}

.top h2{width:675px;height:350px;background: url(../img/sunflower/title.png) center top no-repeat;text-indent: -9999px;}
.menu h2{width:675px;height:130px;background: url(../img/sunflower/title_menu.png) center top no-repeat;text-indent: -9999px;}
.shop h2{width:675px;height:130px;background: url(../img/sunflower/title_shop.png) center top no-repeat;text-indent: -9999px;}
.master h2{width:675px;height:130px;background: url(../img/sunflower/title_master.png) center top no-repeat;text-indent: -9999px;}
.staff h2{width:675px;height:130px;background: url(../img/sunflower/title_staff.png) center top no-repeat;text-indent: -9999px;}
.shop .Box{ position:relative;}
.shop .Box a{display: block;width:59px;height:45px;background: url(../img/sunflower/shop_icon.png)  no-repeat;}
.shop .Box a:hover{text-decoration: none; filter:alpha(opacity=30); -moz-opacity:0.30; opacity:0.30;}

.shop h3{display: block; width:575px;height:60px;margin:0px auto 20px;background: url(../img/sunflower/shop_ph.jpg) center -600px no-repeat;text-indent: -9999px;}
.shop .ph1{display: block; width:575px;height:600px;margin-bottom:30px;background: url(../img/sunflower/shop_ph.jpg) center top no-repeat;}
.shop .bt1{ position:absolute;top:200px; left:300px;}
.shop .bt2{ position:absolute;top:260px; left:230px;}
.shop .bt3{ position:absolute;top:330px; left:330px;}
.shop .bt4{ position:absolute;top:80px; left:480px;}
.shop .bt5{ position:absolute;top:240px; left:400px;}
.shop .bt6{ position:absolute;top:190px; left:200px;}
.shop .bt7{ position:absolute;top:310px; left:440px;}

/*/lightBox/*/
#shopBox {position:relative;}
#shopBox h1{position:absolute;top:400px;left:40px; width:620px;padding-bottom:10px; border-bottom:dashed 1px #513e25; font-size:150%; line-height:100%;color:#a86309;}
#shopBox p{position:absolute;top:440px;left:40px;width:620px; height:130px; text-align:left; overflow: auto; font-size:130%; line-height:180%;}
#shopBox li{ line-height:0;}
#shopBox .close a{position:absolute;top:610px;left:315px;display: block; width: 70px;height: 70px;background: url(../img/sunflower/shop_close.png) no-repeat;}
#shopBox #shop1 {width:700px; height:600px;background: url(../img/sunflower/shop_a1.jpg) no-repeat;}
#shopBox #shop2 {width:700px; height:600px;background: url(../img/sunflower/shop_a2.jpg) no-repeat;}
#shopBox #shop3 {width:700px; height:600px;background: url(../img/sunflower/shop_a3.jpg) no-repeat;}
#shopBox #shop4 {width:700px; height:600px;background: url(../img/sunflower/shop_a4.jpg) no-repeat;}
#shopBox #shop5 {width:700px; height:600px;background: url(../img/sunflower/shop_a5.jpg) no-repeat;}
#shopBox #shop6 {width:700px; height:600px;background: url(../img/sunflower/shop_a6.jpg) no-repeat;}
#shopBox #shop7 {width:700px; height:600px;background: url(../img/sunflower/shop_a7.jpg) no-repeat;}

.top .ph1{display: block; width:575px;height:370px; margin:30px auto;background: url(../img/sunflower/top_ph.jpg) center top no-repeat;}
.menu .ph1{display: block; width:575px;height:290px;margin-bottom:30px;background: url(../img/sunflower/menu_ph.jpg) center top no-repeat;}
.menu .ph2{display: block; width:575px;height:213px;margin-bottom:10px;background: url(../img/sunflower/menu_ph.jpg) center -290px no-repeat;}
.menu .ph3{display: block; width:575px;height:213px;margin-bottom:10px;background: url(../img/sunflower/menu_ph.jpg) center -503px no-repeat;}
.menu .ph4{display: block; width:265px;height:213px;margin-right:10px;background: url(../img/sunflower/menu_ph.jpg) 0px -716px no-repeat;}
.menu .ph5{display: block; width:575px;height:213px;margin-bottom:10px;background: url(../img/sunflower/menu_ph.jpg) center -930px no-repeat;}
.menu .ph6{display: block; width:575px;height:213px;margin-bottom:10px;background: url(../img/sunflower/menu_ph.jpg) center -1143px no-repeat;}


.master .ph1{display: block; width:575px;height:400px;margin-bottom:30px;background: url(../img/sunflower/master_ph.jpg) center top no-repeat;}
.staff .ph1{display: block; width:575px;height:290px;margin:30px 0;background: url(../img/sunflower/staff_ph.jpg) center top no-repeat;}
.staff .ph2{display: block; width:300px;height:470px;margin:0 0 50px 10px;background: url(../img/sunflower/staff_ph.jpg) 0 -290px no-repeat;}

/*footer*/
footer{min-width:980px}
#footerArea {clear:both; width:940px;margin:0 auto;overflow:hidden;}
#footerArea .banner{width:620px;height:250px;background: url(../img/sunflower/banner.png) center top no-repeat;}
#footerArea .banner a{display: block; width:620px;height:250px;}
#footerArea p{clear:both; font-size:90%;margin:0px auto 20px;padding-top:20px;text-align:center}
#footerArea p a { text-decoration:none; color:#513e25;}
#footerArea p a:hover { text-decoration:none;  color:#ccc;}

/* ===========================================
	TBS global header 980fix
=========================================== */

/*	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;
}
/*	GH PC search box
============================== */

div.gh-searchbox {
	display:none;
	position: absolute;
	left: 6px;
	bottom: 0;
}
div.gh-searchbox form {
	display: block;
	float: left;
	width: 290px;
	height: 42px;
	background-color: #fff;
	background-image: url(/um/v7/img/gh_parts.svg?0);
	background-size:320px 240px;
	background-position: 8px -200px;
	background-repeat: no-repeat;
	border: solid 2px #0073cf;
	padding:5px 5px 5px 35px;
	border-radius: 22px;
	-webkit-box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	-ms-box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	-o-box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}
div.gh-searchbox form input {
	vertical-align: middle;
	box-shadow: none;
	border: none;
	font-size: 87.5%;
	line-height:28px;
	width: 170px;
	height: 28px;
	display: inline-block;
	/* */
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	/* */
	margin: 0;
	padding: 0;
}
div.gh-searchbox form input:focus {
	outline: 0;
}
div.gh-searchbox form button {
	display: block;
	float:right;
	color:#181818;
	background-color: #ffe000;
	font-size: 100%;
	/* letter-spacing:0.2em; */
	line-height: 1;
	text-align: center;
	font-weight: bold;
	width: 60px;
	height: 28px;
	border: none;
	border-radius: 16px;
	cursor: pointer;
	margin:0;
	padding:0;
}
div.gh-searchbox a.gh-search-close {
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	background-color: #fff;
	border: solid 2px #0073cf;
	margin-left: 1px;
	background-image: url(/um/v7/img/gh_parts.svg?0);
	background-size:320px 240px;
	background-position: -71px -81px;
	background-repeat: no-repeat;
	border-radius: 22px;
	-webkit-box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	-moz-box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	-ms-box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	-o-box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	box-shadow: rgba(0,0,0,0.7) 0px 0px 5px 1px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-o-box-sizing: content-box;
	-ms-box-sizing: content-box;
	box-sizing: content-box;
}




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