@charset "UTF-8";
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%;}
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;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/* -----------------------------------------------------------
   COMMON
------------------------------------------------------------*/
body { text-align:center; font-size:64%; font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; letter-spacing:0.04em;}
/*IE6*/
* html body {font-family:verdana, "ＭＳ Ｐゴシック","MS PGothic";}
/*IE7*/
*:first-child+html body {font-family:verdana, "ＭＳ Ｐゴシック","MS PGothic";}

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:-9999px;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}

/*COVER*/
.cover { width:100%; height:100%;}

/*SUPER-BANNER*/
#bnSuper { width:100%; height:110px; background:#fff; border-bottom:1px solid #c0c0c0;}
#bnIn { padding-top:10px;}

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

/*/MARGIN/*/
.mgBtm15{ margin-bottom:15px !important;}
.mgBtm25{ margin-bottom:25px !important;}
.mgBtm35{ margin-bottom:35px !important;}
.mgBtm45{ margin-bottom:45px !important;}
.mgBtm55{ margin-bottom:55px !important;}

/*/FONT/*/
.blue{ color:#0bc1f5 !important;}
.green{ color:#24e32d !important;}
.yellow{ color:#fff200 !important;}
.orange{ color:#fc7c0b !important;}
.pink{ color:#f6076c !important;}
.red{ color:#fc0b0b !important;}
.purple{ color:#b544fd !important;}

.f80{ font-size:80% !important;}
.f90{ font-size:90% !important;}
.f100{ font-size:100% !important;}
.f120{ font-size:120% !important;}
.f140{ font-size:140% !important;}
.f160{ font-size:160% !important;}

.tCenter{ text-align:center !important;}
.tLeft{ text-align:left !important;}
.tRight{ text-align:right !important;}

.bderRed{ border:#d70400 solid 1px; padding:10px;}

/*/LINK/*/
a { color:#fffc20; text-decoration:none;}
a:hover { text-decoration:underline;}

.fixed{  position: fixed; top: 0px; left: 0px; z-index: 9999 !important;}



/* -----------------------------------------------------------
   BASE
------------------------------------------------------------*/
body{ background:#000; }
header{ background:000; }
main{ background:#ec008c; padding:30px 0;}
#container{width:960px; margin:0 auto; }
#leftBox{ width:635px; float:left; margin-right:25px; }
#rightBox{ width:300px; float:left;}
#social{width:300px;  text-align:left; }

/* -----------------------------------------------------------
   GLOBAL NAVIGATION
------------------------------------------------------------*/
nav{ height:100px; background:#ec008c; border-bottom:1px solid #000;}
nav ul{ width:960px; list-style:none; text-align:left; margin:0 auto; }
nav li{ padding:0px; margin:0; float:left; text-indent:-9999px;}
nav a{ display:block; overflow:hidden; height:100px;}

nav ul li#m01 a{ width:131px; background:url(../img/menu.png) 0 0 no-repeat;}
nav ul li#m02 a{ width:140px; background:url(../img/menu.png) -131px 0 no-repeat;}
nav ul li#m03 a{ width:140px; background:url(../img/menu.png) -271px 0 no-repeat;}
nav ul li#m04 a{ width:150px; background:url(../img/menu.png) -411px 0 no-repeat;}
nav ul li#m05 a{ width:200px; background:url(../img/menu.png) -561px 0 no-repeat;}
nav ul li#m06 a{ width:199px; background:url(../img/menu.png) -761px 0 no-repeat;}

nav ul li#m01 a:hover,.Intro nav ul li#m01 a{background:url(../img/menu.png) 0 -100px no-repeat;}
nav ul li#m02 a:hover,.Story nav ul li#m02 a{background:url(../img/menu.png) -131px -100px no-repeat;}
nav ul li#m03 a:hover,.Topics nav ul li#m03 a{background:url(../img/menu.png) -271px -100px no-repeat;}
nav ul li#m04 a:hover,.Onair nav ul li#m04 a{background:url(../img/menu.png) -411px -100px no-repeat;}
nav ul li#m05 a:hover,.CastStaff nav ul li#m05 a{background:url(../img/menu.png) -561px -100px no-repeat;}
nav ul li#m06 a:hover,.Msg nav ul li#m06 a{background:url(../img/menu.png) -761px -100px no-repeat;}


/* -----------------------------------------------------------
   TOP PAGE
------------------------------------------------------------*/
.Top header h1{ display:block; width:960px; height:630px;  margin:0 auto;position:relative;}
.Top header img{position:absolute;}
@media print { .Top header h1{ display:none;}}

/*.Top #spot1{ width:635px; background:#000; padding-bottom:24px; margin-bottom:15px;}
.Top #spot1 h2{ display:block; height:55px; background:url(../img/top_ti.png) 0 -46px no-repeat; margin-bottom:14px;}
.Top #spot2{ width:635px; background:#000; padding-bottom:24px; margin-bottom:15px;}
.Top #spot2 h2{ display:block; height:55px; background:url(../img/top_ti.png) 0 -170px no-repeat; margin-bottom:14px;}
.Top #spot3{ width:635px; background:#000; padding-bottom:24px; margin-bottom:15px;}
.Top #spot3 h2{ display:block; height:55px; background:url(../img/top_ti.png) 0 -230px no-repeat; margin-bottom:14px;}*/

.Top #twitTL{ width:300px !important; padding:15px 0 10px; background:#000; margin-bottom:5px;}
.Top #twitTL div{ width:266px !important;  margin:0 17px; background:#000; color:#fff; padding:160px 0; font-size:14px;}
.Top #twitTL h2{display:block; width:266px; height:70px;background:url(../img/top_ti.png) 0 -100px no-repeat; margin:0 auto;}


#slide {margin: 0 auto;width:960px;height:630px;text-align: left;position: relative;overflow: hidden;}
#slide ul{ list-style:none;}
#slide img{ position:absolute; top:0; left:0; display:none;}

#pstBtn a{ display:block; height:100px; background:url(../img/present_btn.png) no-repeat; margin-bottom:20px;}

/* -----------------------------------------------------------
   UPDATE
------------------------------------------------------------*/
#Update{  width:635px;height:210px; background:#fff200; position:relative; margin-bottom:20px;}
#Update h2{background:url(../img/top_ti.png) no-repeat; display:block; width:650px; height:46px; position:absolute; top:0; left:-15px; text-indent:-9999px;}

#ContentsMask { width:635px; height:150px; overflow:hidden; position:absolute; top:58px; left:0;} /* スクロールするコンテンツの外枠 */
#ContentsMask dl#Contents { padding:0; margin:0; position:absolute; top:0px; left:0px; text-align:left;width:605px;} /* コンテンツの中身 */
#ContentsMask dl#Contents dt{float:left; clear:both; font-size:12px;  padding:0 0 0 20px; margin:0 6px 5px 0; font-weight:bold; position:relative;line-height:140%;}
#ContentsMask dl#Contents dt:before{display: block;content: "";position: absolute;top:3px;left:8px;width: 0;height: 0;border: 5px solid transparent;border-left: 5px solid #000;}
#ContentsMask dl#Contents dd{ font-size:12px; letter-spacing: 0.05em !important; border-bottom:1px #000 solid;  padding:0 0 5px 85px; margin:0 0 5px;line-height:140%;}
/*dl#Contents dt{font-size:120%\9; letter-spacing: 0.1em\9;}*/
*:first-child+html dl#Contents dt{font-size:100%;}
* html dl#Contents dt{font-size:100%;}
#ContentsMask dl#Contents dd a{text-decoration:none; color:#000;}
#ContentsMask dl#Contents dd a:hover{color:#f6076c;}


#scbarBar { width:30px; height:150px; position:absolute; top:50px; right:0; background:#000;padding:0;margin:0;}
#drugArea { width:30px; height:150px;  position:absolute;  left:0px; margin:0px; cursor:pointer;background:url(/img/cover.gif); padding:0;}
#tsumami { width:30px; height:15px; background:#505050;  position:absolute; left:0px; margin:0;filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.80;}

/* -----------------------------------------------------------
   BTN
------------------------------------------------------------*/
#btnBox_left{width:635px; position:relative;}
#btnBox{ width:960px; margin:0 auto;}

#btnBox_left ul.btnList{ width:650px; margin:0 -15px 0 0; overflow:hidden; _zoom:1;}
#btnBox ul.btnList{ width:975px; margin:0 -15px 0 0; overflow:hidden; _zoom:1;}

ul.btnList li{ width:310px; float:left;list-style:none; margin-right:15px; margin-bottom:20px; background:#000;}
ul.btnList li a{ display:block; width:310px;height:250px;}
ul.btnList li a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

ul.btnList li#rectangle{ width:300px !important; background:none;}
ul.btnList li.out a{ height:150px !important;}

ul.btnList li#btn1 a{ background:url(../img/btn_parts.jpg) no-repeat;}
ul.btnList li#btn3 a{ background:url(../img/btn_parts.jpg) -310px 0 no-repeat;}
ul.btnList li#btn4 a{ background:url(../img/btn_parts.jpg) -620px 0 no-repeat;}

ul.btnList li#btn5{ background:url(../img/outbtn_parts.png) 0 0 no-repeat; width:310px;height:150px}
ul.btnList li#btn6{ background:url(../img/outbtn_parts.png) -310px 0 no-repeat; width:310px;height:150px}
ul.btnList li#btn7 a{ background:url(../img/outbtn_parts.png) -620px 0 no-repeat;}

.btnList li#dvd a{ background:url(../img/top_dvd.jpg) no-repeat;}
.btnList li#gl a{ background:url(../img/gallery10.jpg) no-repeat;}
.btnList li#tbsfree{ background:url(../img/minogashi10.jpg) no-repeat; height:250px;}
.btnList li#btn2 a{ background:url(../img/story10.jpg) no-repeat;}


/* -----------------------------------------------------------
   2ND PAGE
------------------------------------------------------------*/
.Second header{ background:url(../img/header.png); width:960px; height:130px; margin:0 auto;}
.Second header a{ display:block; width:480px;height:130px; text-indent:-9999px;}
.Second #container{ background:#000; padding:30px 0;}
.Second #container p{ font-size:14px; line-height:180%; text-align:left; color:#fff;}
.Second #btnBox{ margin-top:30px;}

.Second #bkBox{ width:960px; margin:0 auto; background:#222; padding:30px 0;}
.Second #bkBox h2{ background:url(../img/common_parts.png) no-repeat; width:270px; height:44px; margin:0 auto 30px;}

/* -----------------------------------------------------------
   INTRO
------------------------------------------------------------*/
.Intro h1{ width:960px; margin:0 auto ; height:56px; background:url(../img/intro_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Intro .Img{ height:430px; background:url(../img/intro_img.jpg) no-repeat; margin-bottom:60px;}
.Intro #topText{ width:620px; height:294px; background:url(../img/intro_parts.png) no-repeat; margin:0 auto 50px;}
.Intro article .mgBtm25{ padding:0 70px;}


/* -----------------------------------------------------------
   STORY
------------------------------------------------------------*/
.Story h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/story_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Story #container article{ width:840px; margin:0 auto; }
.Story #vol{ width:440px; height:48px; margin-bottom:30px; float:left;}
.Story .Img{ width:840px; height:520px; margin:0 auto 40px;}
.Story #oaBtn{ float:right;}
.Story #oaBtn a{ display:block; width:176px; height:48px; background:url(../img/story_parts.png) no-repeat; }
.Story #oaBtn a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80}
.Story #spotBtn a{ display:block; width:580px; height:335px; margin:40px auto 0;}
.Story #spotBtn a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

.Story .Img_s1{ width:380px; height:250px; float:right; margin:0 0 25px 15px;}
.Story .Img_s2{ width:380px; height:250px; float:left; margin:0 15px 25px 0;}

.Story #bkList { width:840px; margin:0 auto; padding-bottom:30px;}
.Story #bkList ul{ width:860px;list-style:none;margin:0 -20px 0 0;overflow:hidden;_zoom:1;}
.Story #bkList li{ width:195px; height:156px; float:left; margin-right:20px; margin-bottom:20px;}
.Story #bkList a{ display:block; height:156px;background:url(../story/img/bknum.jpg) no-repeat;}
.Story #bkList a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}

.Story #bkList li.bn1 a{ background-position:0 0;}
.Story #bkList li.bn2 a{ background-position:-195px 0;}
.Story #bkList li.bn3 a{ background-position:-390px 0;}
.Story #bkList li.bn4 a{ background-position:-585px 0;}
.Story #bkList li.bn5 a{ background-position:-780px 0;}
.Story #bkList li.bn6 a{ background-position:-975px 0;}
.Story #bkList li.bn7 a{ background-position:-1170px 0;}
.Story #bkList li.bn8 a{ background-position:-1365px 0;}
.Story #bkList li.bn9 a{ background-position:-1560px 0;}
.Story #bkList li.bn10 a{ background-position:-1755px 0;}

.Story #movie{ display:none;}
.Story #spotPlayer{ width:560px; height:315px; text-align:center;}

/* -----------------------------------------------------------
   TOPICS
------------------------------------------------------------*/
.Topics h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/topics_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Topics article{ padding:0 60px; margin-bottom:40px;}
.Topics article h2{ display:block; width:840px; margin:0 auto 30px;  height:56px; background:url(../img/topics_parts.png) no-repeat;text-align:center}
.Topics article h2 span{ display:block;color:#000; font-size:16px; line-height:180%; padding:15px 0 0 0;  }
.Topics article .box{ margin-bottom:40px;}
.Topics article .update{ text-align:right !important; color:#fff200 !important;}
.Topics article .ImgR{ float:right; margin:0 0 10px 10px;}
.Topics article .ImgL{ float:left; margin:0 10px 10px 0;}
.Topics article .ImgC{ margin:0 auto 40px;}

.Topics article .yt{ margin:50px 0 0;}

.Topics .oa_date{ color:#7a9a35;}
.Topics .program{ color:#bd840c;}
.Topics #cau{ font-size:12px !important;}
.Topics #bansen p{ line-height:180% !important;}
.Topics #bansen a{ color:#bd840c;}
.Topics #bansen a:hover{ text-decoration:underline;}

.Topics ul.bnset{ width:840px; margin:0 auto 60px; list-style:none;}
.Topics ul.bnset a{display:block; width:190px; height:80px;}
.Topics ul.bnset a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;}
.Topics ul.bnset .next a{background:url(../img/msg_parts.png) -190px -100px no-repeat; float:right;}
.Topics ul.bnset .back a{background:url(../img/msg_parts.png) 0 -100px no-repeat; float:left;}

.Topics #Bknum{width:840px; margin:0 auto 50px; }
.Topics #Bknum h3{ display:block; background:url(../img/topics_bknum.png) no-repeat;  height:80px;}
.Topics #Bknum ul{ list-style:none;}
.Topics #Bknum li{  background:#222;height:70px; }
.Topics #Bknum li a{ padding:25px 0 0 40px;display:block; background:url(../img/topics_bknum.png) 0 -80px no-repeat; font-size:16px; text-align:left; line-height:160%;}
.Topics #Bknum li a:hover{ color:#ec008c; text-decoration:none;}

/* -----------------------------------------------------------
   Onair
------------------------------------------------------------*/
.Onair h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/onair_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Onair article table{ width:800px; font-size:14px; margin:0 auto 8px;text-align:center; letter-spacing:0.06em;line-height:180%;}
.Onair article th{ width:30%; background:#fff200; vertical-align:middle;color:#000;height:24px;  padding:10px 10px 7px 10px;}
.Onair article td{ border-bottom:1px #000 solid; background:#363636; color:#fff;  padding:10px 10px 7px 10px;  layout-grid-line:26px; }
.Onair article #cau{ width:800px; text-align:left; font-size:12px !important; margin:0 auto 20px;}


/* -----------------------------------------------------------
   CAST-STAFF
------------------------------------------------------------*/
#Cast .Img{ width:840px; height:520px; margin:0 auto 40px; background:url(../img/caststaff_img.jpg) no-repeat;}
#Cast h2{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/caststaff_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
#Staff h2{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/caststaff_ti.png) -960px 0 no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
#Cast #name{ background:url(../img/caststaff_parts.png) no-repeat; width:780px; height:800px; margin:0 auto 100px;position:relative;}
#Staff #name{ background:url(../img/caststaff_parts.png) -780px 0 no-repeat; width:780px; height:346px; margin:0 auto 30px;}

#Cast #name a{ display:block; width:150px; height:36px;}
#Cast #name a:hover{ filter: alpha(opacity=10);-moz-opacity:0.10;opacity:0.10; background:#000;}
#Cast #name dt{ position:absolute;}

#Cast #name #no1{ top:0; left:193px; background-position:-193px -126px;}
#Cast #name #no2{ top:50px; left:193px; background-position:-50px -307px;}
#Cast #name #no3{ top:100px; left:193px; background-position:-100px -307px;}
#Cast #name #no4{ top:194px; left:193px; background-position:-194px -29px;}
#Cast #name #no5{ top:290px; left:193px; background-position:-290px -634px;}
#Cast #name #no6{ top:340px; left:193px; background-position:-340px -842px;}
#Cast #name #no7{ top:582px; left:193px; background-position:-582px -847px;}
#Cast #name #no8{ top:630px; left:193px; background-position:-630px -637px;}
#Cast #name #no9{ top:680px; left:193px; background-position:-680px -637px;}
#Cast #name #no10{ top:776px; left:193px; background-position:-776px 0;}
#Cast #name #no11{ top:486px; left:193px; background-position:-486px 0;}

/* -----------------------------------------------------------
   COMMENT
------------------------------------------------------------*/
.Comment h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/comment_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Comment #container article{ margin-bottom:40px; padding:0 70px;}
.Comment #container h2{ width:380px; height:55px; background:url(../img/comment_parts.png) no-repeat;}
.Comment #com1 h2{ background-position:0 0;}
.Comment #com2 h2{ background-position:0 -55px;}
.Comment #com3 h2{ background-position:0 -110px;}
.Comment #com4 h2{ background-position:0 -165px;}


/* -----------------------------------------------------------
   CHART
------------------------------------------------------------*/
.Chart h1{ width:960px; margin:0 auto 40px; height:90px; background:url(../img/chart_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Chart #flowChart{ width:860px; height:1090px; background:url(../img/chart_img.jpg) no-repeat; position:relative; margin:0 auto 30px;}
@media print { .Chart #flowChart{ display:none;}}

.Chart #flowChart ul{ list-style:none;}
.Chart #flowChart li{background:url(../img/chart_img.jpg) no-repeat; position:absolute;}

.Chart #flowChart .ver1 a{ display:block; width:220px; height:266px;}
.Chart #flowChart .ver2 a{ display:block; width:180px; height:226px;}
.Chart #flowChart .ver3 a{ display:block; width:140px; height:184px;}
.Chart #flowChart .ver4 a{ display:block; width:270px; height:245px;}
.Chart #flowChart .ver5 a{ display:block; width:150px; height:190px;}
.Chart #flowChart a:hover{ filter: alpha(opacity=10);-moz-opacity:0.10;opacity:0.10; background:#000;}

.Chart #flowChart ul li#no1{ top:126px; left:320px; background-position:-320px -126px;}
.Chart #flowChart ul li#no2{ top:307px; left:105px; background-position:-105px -307px;}
.Chart #flowChart ul li#no3{ top:307px; left:575px; background-position:-575px -307px;}
.Chart #flowChart ul li#no4{ top:29px; left:65px; background-position:-65px -29px;}
.Chart #flowChart ul li#no5{ top:842px; left:534px; background-position:-534px -842px;}
.Chart #flowChart ul li#no6{ top:842px; left:692px; background-position:-692px -842px;}
.Chart #flowChart ul li#no7{ top:847px; left:108px; background-position:-108px -847px;}
.Chart #flowChart ul li#no8{ top:637px; left:108px; background-position:-108px -637px;}
.Chart #flowChart ul li#no9{ top:637px; left:315px; background-position:-315px -637px;}
.Chart #flowChart ul li#no10{ top:0; right:0; background-position:-590px 0;}
.Chart #flowChart ul li#no11{ top:627px; left:596px; background-position:-596px -627px;}


/* -----------------------------------------------------------
   CHARACTER
------------------------------------------------------------*/
.Chara h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/chara_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Chara .cBox{ width:840px; height:380px; margin:0 auto 30px;  position:relative;}
.Chara .cBox p{ width:440px; height:210px; position:absolute; top:150px; left:40px; z-index:9999;}

.Chara #chara1{ background:0 0 no-repeat;}
.Chara #chara2{ background-position:0 -380px;}
.Chara #chara3{ background-position:0 -760px;}
.Chara #chara4{ background-position:0 -1140px;}
.Chara #chara5{ background-position:0 -1520px;}
.Chara #chara6{ background-position:0 -1900px;}
.Chara #chara7{ background-position:0 -2280px;}
.Chara #chara8{ background-position:0 -2660px;}
.Chara #chara9{ background-position:0 -3040px;}
.Chara #chara10{ background-position:0 -3420px;height:280px !important;}
.Chara #chara11{ background-position:0 -3800px;}

/* -----------------------------------------------------------
   FAN-MESSAGE
------------------------------------------------------------*/
.Msg h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/msg_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}

.Msg #writeBtn a{ display:block; width:320px; height:100px; background:url(../img/msg_parts.png) no-repeat; margin:0 auto 30px;}
.Msg #writeBtn a:hover{background:url(../img/msg_parts.png) -320px 0 no-repeat;}

.Msg .cau{ width:840px; margin:0 auto 30px;}

.Msg .pageBox{ width:860px; margin:0 auto 30px; text-align:left;}
.Msg .pageBox h2{ display:block; width:80px; height:20px; background:url(../img/msg_parts.png) 0 -260px no-repeat; margin-bottom:5px;}
.Msg .pageBox p{ line-height:160% !important;  padding:0 5px; color:#fff; font-size:14px;}

.Msg .loop{ width:840px; text-align:left; margin:0 auto 20px; background:#fff;}
.Msg .loop .inner{ padding:20px 30px;}
.Msg .loop h3{  color:#ec008c; font-size:14px; line-height:180%; padding:3px 3px 0;}
.Msg .loop p{ font-size:14px; color:#333 !important; line-height:150%;}
.Msg .loop .info{ color:#858484; font-size:12px;text-align:right; padding-top:10px;}

.Msg #prevnext{ width:840px; margin:40px auto; }
.Msg #prevnext ul{ list-style:none;}
.Msg #prevnext p{ display:none;}

.Msg #next,.Msg #prev{ text-indent:-9999px;}

.Msg #next{ float:right;}
.Msg #next a{ display:block; width:190px; height:80px; background:url(../img/msg_parts.png) -190px -100px no-repeat;}
.Msg #next a:hover{background:url(../img/msg_parts.png) -190px -180px no-repeat;}
.Msg #prev{ float:left;}
.Msg #prev a{ display:block; width:190px; height:80px; background:url(../img/msg_parts.png) 0 -100px no-repeat; }
.Msg #prev a:hover{background:url(../img/msg_parts.png) 0 -180px no-repeat;}



.Msg iframe#iframe {width:100%;border:none;}

/* -----------------------------------------------------------
   ORIGINAL
------------------------------------------------------------*/
.Original h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/original_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Original #container article{ margin-bottom:40px; padding:0 60px;}
.Original #container article h2{ width:960px;  height:40px; background:url(../img/original_ti.png) 0 -96px no-repeat; margin-bottom:40px;}
.Original #bookImg{ width:170px; height:260px; background:url(../img/original_img.jpg) no-repeat; float:right; margin:0 0 10px 20px;}
.Original .title{ font-size:16px !important; font-weight:bold;}
.Original #container aside{ background:url(../img/original_bg.png); padding:40px;}
.Original #container aside h3{ font-size:16px; line-height:150%; color:#fff; padding-bottom:2px; text-align:left; letter-spacing:0.06em; ;}
.Original #container aside #authorImg{ width:600px; height:400px; background:url(../img/original_img.jpg) -170px 0 no-repeat; margin:0 auto 35px;}


/* -----------------------------------------------------------
   MUSIC
------------------------------------------------------------*/
.Music h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/music_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Music #container article{ margin-bottom:40px; padding:0 60px;}
.Music #container article h2{ width:960px;  height:40px; background:url(../img/music_ti.png) 0 -96px no-repeat; margin-bottom:40px;}
.Music .Img{ width:840px; height:520px; margin:0 auto 40px; background:url(../img/music_img.jpg) no-repeat;}
.Music #container aside{ background:url(../img/original_bg.png); padding:40px;}
.Music #container aside .box{  padding-bottom:25px;}
.Music #container aside .mgBtm25{border-bottom:1px solid #454545;}
.Music #container aside h3{ font-size:16px; line-height:150%; color:#fff200; padding-bottom:2px; text-align:left; letter-spacing:0.06em; }
.Music #container aside #Img1{ width:380px; height:260px; background:url(../img/music_img.jpg) 0 -520px no-repeat; float:right; margin:0 0 20px 20px;}
.Music #container aside #Img2{ width:380px; height:260px; background:url(../img/music_img.jpg) -380px -520px no-repeat; float:left; margin:0 20px 20px 0;}
.Music .title{ font-size:16px !important; font-weight:bold; letter-spacing:0.06em;}
.Music .box2 { border:1px solid #616060; padding:30px;}
.Music .box2 .Img2{ width:300px; height:450px; float:right; margin:0 0 0 20px; background:url(../img/music_img.jpg) -760px -520px no-repeat;}


/* -----------------------------------------------------------
   GALLERY
------------------------------------------------------------*/
.Gallery h1{ width:960px; margin:0 auto 40px; height:56px; background:url(../img/gallery_ti.png) no-repeat; border-bottom:1px solid #464646; padding-bottom:30px;}
.Gallery #cau{ width:260px; height:20px;  background:url(../img/gallery_ti.png) 0 -86px no-repeat; margin:0 auto 30px;}

.Gallery article ul.thum{ list-style:none; position:relative; margin:0 auto 10px;}
.Gallery article ul.thum li{ position:absolute;}
.Gallery article ul.thum a{ display:block;}
.Gallery article ul.thum a:hover{filter: alpha(opacity=20);-moz-opacity:0.20;opacity:0.20; background:#000;}

.Gallery article ul.thum .ver1 a{ width:170px; height:100px;}
.Gallery article ul.thum .ver2 a{ width:220px; height:135px;}
.Gallery article ul.thum .ver3 a{ width:273px; height:160px;}
.Gallery article ul.thum .ver4 a{ width:300px; height:210px;}
.Gallery article ul.thum .ver5 a{ width:380px; height:280px;}

.gPhoto {width:620px; margin:0 auto; padding:10px 0; background:#000;}
.gPhoto #mainBox a{ display:block; width:600px; height:400px; margin:0 auto 1px;}

.gPhoto ul#btnBox{ width:600px; margin:0 auto; list-style:none;}
.gPhoto ul#btnBox a{ display:block; height:60px;}
.gPhoto ul#btnBox li{ float:left;}
	.gPhoto li#prevbt a{ width:300px; background:url(../img/gallery_parts.png) no-repeat; margin-right:1px;}
	.gPhoto li#prevbt a:hover{background:url(../img/gallery_parts.png) 0 -60px no-repeat;}
	.gPhoto li#nextbt a{ width:299px; background:url(../img/gallery_parts.png) -300px 0 no-repeat; }
	.gPhoto li#nextbt a:hover{background:url(../img/gallery_parts.png) -300px -60px no-repeat;}

.gPhoto #closebt{ position:absolute; top:-26px; right:-26px; }
	.gPhoto #closebt a{ width:60px; height:60px; display:block; background:url(../img/gallery_parts.png) 0 -120px no-repeat;}
	.gPhoto #closebt a:hover{ background:url(../img/gallery_parts.png) -60px -120px no-repeat;}

/* -----------------------------------------------------------
   POPUP-PAGE
------------------------------------------------------------*/
.Msg_form,.Present_form{ overflow-x:hidden ;background:#ec008c;}

#container2{ text-align:center; margin:0 auto; width:640px; background:#000;}
#container2 #header{ display:block; height:130px; background:url(../img/popup_parts.png) no-repeat; }
#container2 h1{ display:block; background:url(../img/popup_parts.png) 0 -130px no-repeat; height:60px; }
#container2 h2{ font-size:18px; margin-bottom:10px;  color:#fff;}

.Msg_form #container2 #unit{min-height:450px; height: auto !important; height:450px; padding:30px;}
#container2 #unit p{ font-size:14px; line-height:160%; text-align:left; color:#fff;}

#container2 #closeBtn{ background:#fff200; padding:10px 0;}
#container2 #closeBtn a{ display:block; width:70px; height:20px; margin:0 auto; background:url(../img/popup_parts.png) 0 -190px no-repeat;}
#container2 #closeBtn a:hover{filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80}

#container2 #formBox{ text-align:left;min-height:350px;height: auto !important; height:350px;}

#container2 ul#caution{ list-style:none outside disc; font-size:14px; padding:0 10px 0 30px; margin-bottom:30px;}
#container2 ul#caution li{line-height:140%; margin-bottom:10px; color:#fff;}

#container2 #formBox dl{ font-size:14px; text-align:left;}
#container2 #formBox dt{ margin-bottom:10px; font-weight:bold; line-height:160%; color:#fff; border-bottom:1px dotted #fff; padding-bottom:5px;}
#container2 #formBox dd{margin-bottom:15px; color:#fff; margin-bottom:20px; line-height:160%;}
#container2 #formBox .err { color:#ed0601; font-size:12px;}

#container2 #formBox table{width:580px; font-size:14px; margin:10px auto 0;  }
#container2 #formBox table th{text-align:center;padding:8px 3px 8px 5px; background:#ec008c; width:25%; color:#3f3403; line-height:140%;}
#container2 #formBox table td{ text-align:left; padding:8px 0 8px 10px; line-height:160%; }
#container2 #formBox table textarea{ width:80%;}

.Msg_form #writeBtn a{ display:block; width:320px; height:100px; background:url(../img/msg_parts.png) no-repeat; margin:0 auto 20px;}
.Msg_form #writeBtn a:hover{background:url(../img/msg_parts.png) -320px 0 no-repeat;}

#container2 #btnSet {text-align:center; margin:25px auto 0;}
#container2 #btnSet input,#container2 .sendBtn input{ cursor:pointer; color:#000; font-weight:bold; background:#fff200; border:1px solid #fff200; padding:3px 10px; float:left; margin-right:10px;}




/* -----------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
footer{ font-size:12px; color:#fff; text-align:center; line-height:150%; padding:30px 0;}
footer a{ color:#fff;}

#pagetop{position: fixed; bottom:120px; right:25px;}
#pagetop a{ display:block; width:110px; height:110px; background:url(../img/pagetop.png) no-repeat; }
#pagetop a:hover{background:url(../img/pagetop.png) -110px 0 no-repeat;}



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