@charset "iso-2022-jp";
/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body { text-align:center; font-size:62.5%; font-family:Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Meiryo, sans-serif;}
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { 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;}
/*画像保護用*/
.cover { background:url(/img/cover.gif); display:block;}
/*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;
	/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-color*/
.cRed, .err { color:#a50005;}
.cYel { color:#fd0;}
.cGrn { color:#305c00;}
.cBlu { color:#0060aa;}
.cOrg { color:#e96e00;}
/*font-size*/
.f140 { font-size:140%;}
.f120 { font-size:120%;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
/*link*/
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline; color:#555;}

/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/

/* 外観
=======================================*/

body { color:#efefef; background-color:#181818; }

#container { background:url(../img/common_bg2.jpg) center bottom repeat-x; background-color:#000; }

#wrap { background:url(../img/common_parts1.jpg) center -316px repeat-x; }

#pagebody { width:960px; margin:0 auto; padding-bottom:20px; text-align:left; }


/* 汎用
=======================================*/

.cover { width:100%; height:100%;}

a { text-decoration:underline; color:#ea3625; }

a:hover { text-decoration:none; color:#ea3625; }

#pagebody a { color:#ea3625; outline:none; text-decoration:underline; -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }
 
#pagebody a:hover { color:#fff; text-decoration:none; text-shadow: -1px 1px 15px #ea3625, 1px -1px 15px #ea3625; }

.clb { color:#00c6d4; } 
.cllb { color:#a5f9ff; }
.clo { color:#cc7a00; }  
.cly { color:#e6db66; }  
.clr { color:#ea3625; }
.clr2 { color:#a6261a; }

.txts { font-size:80%; }

.tnew { color:#00c6d4; font-family:Arial, Helvetica, sans-serif; font-size:90%; } 

.column { border:3px solid #222; border:3px solid rgba(255,255,255,0.1); padding:10px 10px 0 10px; margin-bottom:1.8em; }


/* ヘッダー
=======================================*/

/* ----- header ----- */

#header { position:relative; width:980px; height:122px; margin:0 auto 12px auto; }

#logo { position:absolute; top:0; left:10px; }
#logo a { display:block; width:295px; height:120px; background:url(../img/common_parts1.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#logo a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#oa-time { position:absolute; top:0; left:730px; width:250px; height:54px; background:url(../img/common_parts1.jpg) -316px -134px no-repeat; text-indent:-9999px; }
#oa-time2 { position:absolute; top:0; left:560px; width:420px; height:54px; background:url(../img/common_parts1.jpg) -316px -134px no-repeat; text-indent:-9999px; }

/* ----- gnav ----- */

#gnav { position:absolute; top:54px; left:320px; width:660px; height:62px; background:url(../img/common_parts1.jpg) -305px -62px no-repeat; }

#gnav li { float:left; }

#gnav li a { display:block; height:62px; background-image:url(../img/common_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; }

#gnav-news a { width:67px; background-position:-305px 0; }
#gnav-intro a { width:150px; background-position:-372px 0; }
#gnav-story a { width:80px; background-position:-522px 0; }
#gnav-cast a { width:142px; background-position:-602px 0; }
#gnav-chart a { width:82px; background-position:-744px 0; }
#gnav-msg a { width:139px; background-position:-826px 0; }

/* current */

#news #gnav-news a, #intro #gnav-intro a, #story #gnav-story a, #cast #gnav-cast a, #chart #gnav-chart a, #msg #gnav-msg a { background:none; }

/* coming */

#gnav-story span, #gnav-chart span { display:block; height:62px; background-image:url(../img/gnav_coming.png); background-repeat:no-repeat; text-indent:-9999px; outline:none; }
#gnav-story span { width:80px; background-position:-522px -98px; }
#gnav-chart span { width:82px; background-position:-744px -98px; }


/* メイン
=======================================*/

/* ----- main ----- */

#main { float:left; width:640px; margin-right:20px; background:url(../img/common_bg1.jpg) 0 0 repeat-y; /* shadow */ box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; -o-box-shadow: 0 0 5px #000; -ms-box-shadow: 0 0 5px #000; }

#main-btm { width:640px; height:8px; background:url(../img/common_parts1.jpg) -316px -198px no-repeat; }

#ss-list { margin:5px 0 0 15px; }
#ss-list li { float:left; }
#ss-list li a { display:block; width:305px; height:34px; background-image:url(../img/common_parts1.jpg); background-repeat:no-repeat; outline:none; text-indent:-9999px; /* no transition */ -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; -ms-transition: 0s; transition: 0s; }

#ss-list-itm1 a { background-position:-316px -223px; }
#ss-list-itm2 a { background-position:-621px -223px; }

.ep1 #ss-list-itm1 a, #ss-list-itm1 a:hover { background-position:-316px -262px; }
.ep2 #ss-list-itm2 a, #ss-list-itm2 a:hover { background-position:-621px -262px; }

/* ----- side ----- */

#side { float:left; width:300px; }


/* サイド
=======================================*/

#bn-rectangle { margin-bottom:10px; }
#s-sns { margin-bottom:10px; }

/* ----- update ----- */

#update { position:relative; width:300px; height:162px; margin-bottom:10px; background:url(../img/common_parts1.jpg) 0 -134px no-repeat; }

#update h2 { position:absolute; text-indent:-9999px; }

#update dl dt, #update dl dd { margin-bottom:0.4em; padding-bottom:0.2em; }

#update dl dt { float:left; clear:both; width:4.5em; font-size:130%; line-height:100%; color:#999;  }

#update dl dd { padding:0.1em 0 0.2em 4.5em; font-size:120%; line-height:120%; color:#efefef; }

#update dl dd a { color:#efefef; text-decoration:none; }

#update dl dd a:hover { text-decoration:underline; }

/* scrollbar system */

#upd-ContentsMask { width:280px; height:105px; padding:0; margin:0 3px 0 0; overflow:hidden; position:relative; top:45px; left:16px; float:left; }

#upd-Contents { width:265px; padding:0; margin:0; position:absolute; }

#upd-scbarBar { width:6px; height:105px; padding:0; margin:0; position:relative; background:#000; float:left; margin-top:45px; }

#upd-drugArea { width:6px; height:105px; background:#000; position:absolute; left:0px; margin:0px; cursor:pointer;  }

#upd-tsumami { width:6px; height:20px; padding:0; margin:0; background:url(../img/common_parts1.jpg) -300px -165px no-repeat; position:absolute; left:0px; margin:0px; }

#upd-arrow { display:none; }

/* ----- bn ----- */

#bn li { margin-bottom:10px; }

#bn li a { display:block; width:300px; background-image:url(../img/common_banner.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#bn li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#bn-tv a { height:70px; }
#bn-wowow a { height:90px; }
#bn-fb a, #bn-tw a, #bn-instagram a, #bn-yt a { height:80px; }

#bn-tv a { background-position:0 0; }
#bn-wowow a { background-position:0 -70px; }
#bn-fb a { background-position:0 -160px; }
#bn-tw a { background-position:0 -240px; }
#bn-instagram a { background-position:0 -320px; }
#bn-yt a { background-position:0 -400px; }


/* フッター
=======================================*/

#footer { width:960px; margin:0 auto; font-size:120%; padding-bottom:15px; text-align:left; }

#pagetop { display:none; position:fixed; bottom:15px; right:30px; }

#pagetop a { display:block; width:132px; height:22px; background:url(../img/common_parts2.png) 0 0 no-repeat; text-indent:-9999px; outline:none; }


/* トップ
=======================================*/

body#top { background-color:#000; }

#top #container { background:url(../img/top_bg.jpg) center 150px repeat-x; }

/* ----- main ----- */

#top-mainarea { position:relative; margin:0 auto; text-align:left; width:972px; height:526px; }

#top-main-cover { position:absolute; top:0; left:0; z-index:20; width:972px; height:526px; }

#top-m-ttl { display:none; position:absolute; z-index:10; width:972px; height:526px; background:url(../img/top_main1.jpg) 0 -196px no-repeat; text-indent:-9999px; }

#top-bn-movie { display:none; position:absolute; z-index:30; top:279px; left:20px; text-indent:-9999px; }
#top-bn-movie a { display:block; width:176px; height:238px; background:url(../img/top_main1.jpg) -972px -484px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-bn-movie a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#top-wowow-oa { display:none; position:absolute; z-index:30; top:279px; left:196px; width:776px; height:75px; background:url(../img/top_main1.jpg) 0 -722px no-repeat; text-indent:-9999px; }

#top-bn-datapresent2 { display:none; position:absolute; z-index:30; top:279px; left:196px; text-indent:-9999px; }
#top-bn-datapresent2 a { display:block; width:260px; height:88px; background:url(../img/top_main1.jpg) -972px -396px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-bn-datapresent2 a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#top-logo { display:none; }

#top-mainarea2 { position:relative; margin:0 auto; text-align:left; width:972px; height:526px; background:url(../img/top_main1.jpg) 0 -196px no-repeat; text-indent:-9999px; }

/* ----- gnav ----- */

#top #gnav { position:static; width:980px; height:98px; margin:0 auto; background:url(../img/top_main1.jpg) 0 -98px no-repeat; }
#top #gnav li { float:left; }
#top #gnav li a { display:block; height:98px; background-image:url(../img/top_main1.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; }

/* off */

#top #gnav #gnav-news a { width:122px; background-position:0 0; }
#top #gnav #gnav-intro a { width:202px; background-position:-122px 0; }
#top #gnav #gnav-story a { width:121px; background-position:-324px 0; }
#top #gnav #gnav-cast a { width:196px; background-position:-445px 0; }
#top #gnav #gnav-chart a { width:126px; background-position:-641px 0; }
#top #gnav #gnav-msg a { width:213px; background-position:-767px 0; }

/* ----- top-box ----- */

#top-box { width:972px; padding-bottom:20px; text-align:left; margin:0 auto; }

#top-box-l { float:left; width:300px; margin-right:19px; }
#top-box-r { float:left; width:653px; }


/* ----- update ----- */
 
#top #update { width:300px; height:147px; margin-bottom:16px; background:url(../img/top_parts1.jpg) 0 0 no-repeat; }

/* scrollbar system */

#top #upd-ContentsMask, #top #upd-scbarBar, #top #upd-drugArea { height:90px; }

#top #upd-ContentsMask { width:280px; }

#top #upd-Contents { width:261px; }

#top #upd-tsumami { background:url(../img/top_parts1.jpg) -310px 0 no-repeat; }

/* ----- bn ----- */

#top-bn-spot-no { float:left; margin:0 10px 10px 0; display:block; width:432px; height:284px; background:url(../img/top_parts1.jpg) -326px 0 no-repeat; text-indent:-9999px; }

#top-bn-spot { float:left; margin:0 10px 10px 0; }
#top-bn-spot a { display:block; width:432px; height:284px; background:url(../img/top_parts1.jpg) -326px 0 no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-bn-spot a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#top-bn1 li a, #top-bn2 li a { display:block; background-image:url(../img/top_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-bn1 li a:hover, #top-bn2 li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#top-bn1 { float:left; }
#top-bn1 li a { width:211px; height:137px; }
#top-bn-tv { margin-bottom:10px; }
#top-bn-tv a { background-position:-758px 0; }
#top-bn-wowow a { background-position:-969px 0; }

#top-bn2 { clear:both; }
#top-bn2 li { float:left; }
#top-bn2 li a { width:155px; height:120px; }
#top-bn-fb, #top-bn-tw, #top-bn-instagram { margin-right:10px; }
#top-bn-fb a { background-position:-758px -137px; }
#top-bn-tw a { background-position:-913px -137px; }
#top-bn-instagram a { background-position:-1068px -137px; }
#top-bn-yt a { background-position:-1223px -137px; }

/* ----- footer ----- */

#top #footer { width:933px; padding-left:20px; text-align:center; }

#f-bn { width:315px; float:left; margin:0 10px 0 200px; text-align:left; }

#f-bn li { float:left; text-align:left; }

#f-bn-smp, #f-bn-data { margin-right:4px; }

#f-bn li a { display:block; width:152px; height:28px; background-image:url(../img/top_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

#f-bn li a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#f-bn-smp a { background-position:0 -157px; }
#f-bn-data a { background-position:-148px -157px; }

#top #s-sns { width:300px; float:left; }

#top #f-txt { clear:both; padding-top:10px; }


/* お知らせ
=======================================*/

#nw-mainttl { width:640px; height:80px; background:url(../img/news_parts1.jpg) 0 0 no-repeat; text-indent:-9999px; }

#nw-body { padding:15px 25px 0 25px; min-height:900px; }

.nw-box { width:590px; margin-bottom:20px; }

.nw-ttl { border:3px solid #222; border:3px solid rgba(255,255,255,0.1); padding:10px; }

.nw-ttl h2 { float:left; font-size:150%; line-height:120%; width:490px; }

.nw-date { float:right; padding-top:0.2em; font-size:120%; line-height:120%; font-weight:bold; }

.nw-txt { padding:10px 15px 0 15px; font-size:130%; line-height:170%; }

.nw-txt p { padding-bottom:0.8em; }

.nw-colttl { font-size:110%; color:#cc7a00; margin-bottom:5px; }

.nw-txt table { border-collapse:collapse; }
.nw-txt table th, .nw-txt table td { vertical-align:top; text-align:left; }

.nw-p-l, .nw-p-r { background-position:left top; background-repeat:no-repeat; }

.nw-p-l { margin:0.4em 15px 5px 0; float:left; }

.nw-p-r { margin:0.4em 0 5px 15px; float:right; }

.astli { text-indent:-1.0em; padding:0 0 0.8em 1.0em; }

#nw-p-151214 { width:153px; height:220px; margin:0 0 10px 0; padding-bottom:0!important; float:right; background-image:url(../img/news_p151214.png); }

/* 160304 */

#nw-p-160304 { width:530px; height:200px; margin:0 0 10px 20px; padding-bottom:0!important; background-image:url(../img/news_p160304.jpg); }


/* イントロダクション
=======================================*/

#itr-mainttl { width:640px; height:80px; background:url(../img/intro_parts1.jpg) 0 0 no-repeat; text-indent:-9999px; }

#itr-main { width:590px; height:360px; margin-left:25px; background:url(../img/intro_parts1.jpg) 0 -120px no-repeat; text-indent:-9999px; }

#itr-txt { font-size:130%; line-height:170%; padding:5px 25px 0 25px; }

#itr-txt p { padding-bottom:0.7em; }

#itr-btn-cmt, #itr-btn-idx { text-align:center; }
#itr-btn-cmt a, #itr-btn-idx a { display:block; margin:0 auto 10px auto; width:221px; height:40px; background-image:url(../img/intro_parts1.jpg); background-repeat:no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#itr-btn-cmt a:hover, #itr-btn-idx a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#itr-btn-cmt a { background-position:0 -80px; }
#itr-btn-idx a { background-position:-221px -80px; }

/* comment */

#cmt-body { padding:10px 25px 0 25px; text-align:left; }

#cmt-body h2, #cmt-body h3 { margin-bottom:5px; background-image:url(../img/comment_parts1.png); background-repeat:no-repeat; text-indent:-9999px; }

#cmt-body p { font-size:130%; line-height:160%; padding:0 0 15px 5px; }

#cmt-ttl0 { width:175px; height:32px; background-position:0 0; margin-left:207px; }
#cmt-ttl1 { width:81px; height:27px; background-position:0 -32px; }
#cmt-ttl2 { width:81px; height:27px; background-position:0 -59px; }


/* あらすじ
=======================================*/

#str-mainttl { width:640px; height:74px; background:url(../img/story_parts1.jpg) 0 0 no-repeat; text-indent:-9999px; }

#str-main { padding:20px 25px 20px 25px; }
#str-main p { font-size:130%; line-height:170%; padding-bottom:0.8em; }

#str-p1, #str-p2 { width:275px; height:183px; background-image:url(../img/story_parts1.jpg); background-position:left top; background-repeat:no-repeat; text-indent:-9999px; padding-bottom:0!important; }
#str-p1 { background-position:0 -74px; margin:0.4em 0 0 15px; float:right; }
#str-p2 { background-position:-275px -74px; margin:0.4em 15px 0 0; float:left; }
.ep2 #str-p1 { background-position:0 -257px; }
.ep2 #str-p2 { background-position:-275px -257px; }


/* キャスト
=======================================*/

#cst-main { position:relative; width:640px; height:900px; background:url(../img/cast_parts1.jpg) 0 0 no-repeat; text-indent:-9999px; }

#cst-main * { display:inline; }


/* 相関図
=======================================*/

/* ----- 一覧 ----- */

#chart #main { position:relative; width:640px; height:960px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }
#chart.ep1 #main { background-image:url(../img/chart_parts1.jpg); }
#chart.ep2 #main { background-image:url(../img/chart_parts1_ep2.jpg); }

#chart #ss-list { position:absolute; top:85px; left:15px; margin:0; width:610px; }

#chart-body ul li { position:absolute; }

#chart-body ul li#cht-itm1 { top:350px; left:250px; }
#chart-body ul li#cht-itm2 { top:350px; left:460px; }
#chart-body ul li#cht-itm3 { top:405px; left:20px; }
#chart-body ul li#cht-itm4 { top:150px; left:70px; }
#chart-body ul li#cht-itm5 { top:660px; left:20px; }
#chart-body ul li#cht-itm6 { top:660px; left:490px; }
#chart-body ul li#cht-itm7 { top:660px; left:340px; }
#chart-body ul li#cht-itm8 { top:150px; left:250px; }
#chart-body ul li#cht-itm9 { top:570px; left:180px; }
#chart-body ul li#cht-itm10 { top:760px; left:180px; }
#chart-body ul li#cht-itm11 { top:150px; left:430px; }

.ep2 #chart-body ul li#cht-itm1 { top:391px; left:175px; }
.ep2 #chart-body ul li#cht-itm2 { top:391px; left:340px; }
.ep2 #chart-body ul li#cht-itm3 { top:191px; left:185px; }
.ep2 #chart-body ul li#cht-itm4 { top:580px; left:15px; }
.ep2 #chart-body ul li#cht-itm5 { top:770px; left:15px; }
.ep2 #chart-body ul li#cht-itm6 { top:150px; left:15px; }
.ep2 #chart-body ul li#cht-itm7 { top:421px; left:495px; }
.ep2 #chart-body ul li#cht-itm8 { top:690px; left:485px; }
.ep2 #chart-body ul li#cht-itm9 { top:690px; left:335px; }
.ep2 #chart-body ul li#cht-itm10 { top:191px; left:345px; }
.ep2 #chart-body ul li#cht-itm11 { top:401px; left:15px; }
.ep2 #chart-body ul li#cht-itm12 { top:730px; left:180px; }
.ep2 #chart-body ul li#cht-itm13 { top:191px; left:495px; }

#chart-body ul li a { display:block; width:130px; height:160px; text-indent:-9999px; background-image:url(../img/chart_parts2.jpg); background-repeat:no-repeat; outline:none; filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }
#chart-body ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#chart-body ul li#cht-itm1 a, #chart-body ul li#cht-itm2 a { width:160px; height:190px; }

#chart-body ul li#cht-itm1 a { background-position:0 0; }
#chart-body ul li#cht-itm2 a { background-position:0 -190px; }
#chart-body ul li#cht-itm3 a { background-position:-160px 0; }
#chart-body ul li#cht-itm4 a { background-position:-160px -160px; }
#chart-body ul li#cht-itm5 a { background-position:-290px -160px; }
#chart-body ul li#cht-itm6 a { background-position:-290px 0; }
#chart-body ul li#cht-itm7 a { background-position:-160px -320px; }
#chart-body ul li#cht-itm8 a { background-position:-290px -320px; }
#chart-body ul li#cht-itm9 a { background-position:-420px 0; }
#chart-body ul li#cht-itm10 a { background-position:-420px -160px; }
#chart-body ul li#cht-itm11 a { background-position:-420px -320px; }

.ep2 #chart-body ul li a { width:120px; background-image:url(../img/chart_parts2_ep2.jpg); }

.ep2 #chart-body ul li#cht-itm1 a, .ep2 #chart-body ul li#cht-itm2 a { width:130px; height:190px; }

.ep2 #chart-body ul li#cht-itm1 a { background-position:0 0; }
.ep2 #chart-body ul li#cht-itm2 a { background-position:0 -190px; }
.ep2 #chart-body ul li#cht-itm3 a { background-position:-130px 0; }
.ep2 #chart-body ul li#cht-itm4 a { background-position:-130px -160px; }
.ep2 #chart-body ul li#cht-itm5 a { background-position:-130px -320px; }
.ep2 #chart-body ul li#cht-itm6 a { background-position:-250px 0; }
.ep2 #chart-body ul li#cht-itm7 a { background-position:-250px -160px; }
.ep2 #chart-body ul li#cht-itm8 a { background-position:-250px -320px; }
.ep2 #chart-body ul li#cht-itm9 a { background-position:-370px 0; }
.ep2 #chart-body ul li#cht-itm10 a { background-position:-370px -160px; }
.ep2 #chart-body ul li#cht-itm11 a { background-position:-370px -320px; }
.ep2 #chart-body ul li#cht-itm12 a { background-position:-490px 0; }
.ep2 #chart-body ul li#cht-itm13 a { background-position:-490px -160px; }

/* ----- 詳細 ----- */

#chart-detail { background:none; }

#chart-detail-body { position:relative; width:490px; height:330px; text-align:left; }

#chart-detail-body h1 { position:absolute; text-indent:-9999px; }

#cht-dt-ttl { position:absolute; top:15px; left:15px; width:225px; height:300px; }

#cht-dt-txt { position:absolute; top:100px; left:255px; width:215px; height:194px; overflow:auto; font-size:130%; line-height:155%; }

.cht-dt1 { background-image:url(../img/chart_dt1.jpg); }
.cht-dt2 { background-image:url(../img/chart_dt2.jpg); }
.cht-dt3 { background-image:url(../img/chart_dt3.jpg); }
.cht-dt4 { background-image:url(../img/chart_dt4.jpg); }
.cht-dt5 { background-image:url(../img/chart_dt5.jpg); }
.cht-dt6 { background-image:url(../img/chart_dt6.jpg); }
.cht-dt7 { background-image:url(../img/chart_dt7.jpg); }
.cht-dt8 { background-image:url(../img/chart_dt8.jpg); }
.cht-dt9 { background-image:url(../img/chart_dt9.jpg); }
.cht-dt10 { background-image:url(../img/chart_dt10.jpg); }
.cht-dt11 { background-image:url(../img/chart_dt11.jpg); }

.ep2 .cht-dt1 { background-image:url(../img/chart_dt1.jpg); }
.ep2 .cht-dt2 { background-image:url(../img/chart_ep2_dt2.jpg); }
.ep2 .cht-dt3 { background-image:url(../img/chart_ep2_dt3.jpg); }
.ep2 .cht-dt4 { background-image:url(../img/chart_ep2_dt4.jpg); }
.ep2 .cht-dt5 { background-image:url(../img/chart_ep2_dt5.jpg); }
.ep2 .cht-dt6 { background-image:url(../img/chart_ep2_dt6.jpg); }
.ep2 .cht-dt7 { background-image:url(../img/chart_ep2_dt7.jpg); }
.ep2 .cht-dt8 { background-image:url(../img/chart_dt6.jpg); }
.ep2 .cht-dt9 { background-image:url(../img/chart_dt7.jpg); }
.ep2 .cht-dt10 { background-image:url(../img/chart_dt8.jpg); }
.ep2 .cht-dt11 { background-image:url(../img/chart_ep2_dt11.jpg); }
.ep2 .cht-dt12 { background-image:url(../img/chart_ep2_dt12.jpg); }
.ep2 .cht-dt13 { background-image:url(../img/chart_ep2_dt13.jpg); }

#prevbt, #nextbt, #closebt { position:absolute; }

#prevbt { top:298px; left:254px; }

#nextbt { top:298px; left:313px; }

#closebt { top:298px; left:410px; }

#prevbt a, #nextbt a, #closebt a { display:block; text-indent:-9999px; background-image:url(../img/chart_pop.jpg); background-repeat:no-repeat; outline:none; filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }

#prevbt a:hover, #nextbt a:hover, #closebt a:hover { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }

#prevbt a { width:46px; height:16px; background-position:0px 0; }

#nextbt a { width:46px; height:16px; background-position:-46px 0; }

#closebt a { width:60px; height:16px; background-position:-92px 0; }


/* ファンメッセージ
=======================================*/

#msg-mainttl { width:640px; height:80px; background:url(../img/msg_parts1.jpg) 0 0 no-repeat; text-indent:-9999px; }

#msg-body { padding:10px 25px 0 25px; min-height:900px; }

#msg-top { width:100%; padding-bottom:15px; }
#msg-top-l { float:left; margin-left:195px; }
#msg-top-r { float:right; margin-top:12px; }
#msg-top-t { clear:both; width:100%; color:#a5f9ff; font-size:120%; text-align:center; }
#msg-top-t2 { float:left; margin-top:12px; color:#a5f9ff; font-size:120%; }

#msg-btn-apply2 { text-align:center; padding-bottom:10px; }
#msg-btn-apply2 a { display:block; margin:0 auto; width:201px; height:40px; background:url(../img/msg_parts2.gif) 0 0; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#msg-btn-apply2 a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

.msg-list { padding-bottom:15px; }
.msg-list h2 { float:left; width:52px; height:18px; margin-right:15px; background:url(../img/msg_parts2.gif) -201px 0 no-repeat; text-indent:-9999px; }
.msg-list p { float:left; width:523px; font-size:130%; line-height:140%; }

.msg-box { width:590px; margin-bottom:20px; }

.msg-ttl { border:3px solid #222; border:3px solid rgba(255,255,255,0.1); padding:10px; }

.msg-ttl h2 { font-size:150%; line-height:120%; }

.msg-txt { padding:10px 15px 5px 15px; font-size:130%; line-height:170%; }

.msg-date { padding-right:15px; text-align:right; color:#a5f9ff; font-size:120%; line-height:120%; }


/* 点滅
=======================================*/

@-webkit-keyframes bd-blink {
from { border:3px solid rgba(255,255,255,0.3); }
to { border:3px solid rgba(255,255,255,0.1); }
}

@-moz-keyframes bd-blink {
from { border:3px solid rgba(255,255,255,0.3); }
to { border:3px solid rgba(255,255,255,0.1); }
}

@-ms-keyframes bd-blink {
from { border:3px solid rgba(255,255,255,0.3); }
to { border:3px solid rgba(255,255,255,0.1); }
}

.bd-blink {
-webkit-animation-name: bd-blink;
-webkit-animation-duration: 0.5s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s;
-moz-animation-name: bd-blink;
-moz-animation-duration: 0.5s;
-moz-animation-iteration-count:infinite;
-moz-animation-timing-function:ease-in-out;
-moz-animation-direction: alternate;
-moz-animation-delay: 0s;
-ms-animation-name: bd-blink;
-ms-animation-duration: 0.5s;
-ms-animation-iteration-count:infinite;
-ms-animation-timing-function:ease-in-out;
-ms-animation-direction: alternate;
-ms-animation-delay: 0s;
}


/* ポップアップ
=======================================*/

body#pop { background-image:none; background-color:#000; }

#pop h1 { margin:0 auto; width:500px; height:125px; background-image:url(../img/popup.jpg); background-repeat:no-repeat; text-indent:-9999px; }

#pop h1#pttl-spot { background-position:left top; }

#pop h1#pttl-msg { background-position:0 -170px; }

#pop-body { margin:0 auto 10px auto; width:460px; _padding:500px;/* for ie6 */ padding:15px 20px 20px 20px; background:url(../img/popup_bg.jpg) center bottom no-repeat; text-align:left; font-size:130%; line-height:160%; }

#pop-body h2 { text-align:center; font-size:140%; margin-bottom:10px; }

#msg-btn-enter { width:100%; }
#msg-btn-enter a { margin:10px auto 0 auto; display:block; width:275px; height:40px; background:url(../img/popup.jpg) 0 -130px no-repeat; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#msg-btn-enter a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#close p a { margin:0 auto 20px auto; display:block; width:60px; height:21px; background:url(../img/popup.jpg) -275px -130px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#close p a:hover { filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }



/*＠ヘッダー要素
/////////////////////////////////////////////////////////////////////////*/
#di2_header { width:980px; text-align:left; margin:0 auto; position:relative;}
#di2_programlink { width:250px; height:55px; background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -20px;}
	#di2_programlink li.tbstop { position:absolute; top:2px; left:0;}
	#di2_programlink li.program { position:absolute; top:15px; left:132px;}
	#di2_programlink li a { display:block;}
	#di2_programlink li.tbstop a { width:125px; height:50px;}
	#di2_programlink li.program a { width:95px; height:28px;}
	#di2_programlink li.program a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -130px;}
/*検索*/
#di2_ksb { width:240px; height:50px; position:relative; left:11px; background:url(/mi/mi6/img/di2_header.png) no-repeat -100px -130px;}
	#di2_ksb #tbswebsearch { width:150px;}
	#di2_ksb #tbsSearch, #di2_ksb #webSearch{ display:block; width:52px; height:13px; background: url(/mi/mi6/img/di2_header.png) no-repeat;}
	#di2_ksb #tbsSearch { width:50px; float:left; background-position:-345px -130px; cursor:default; position:absolute; top:0; left:7px;}
	#di2_ksb #webSearch { width:60px; float:left; background-position:-159px -130px; cursor:pointer; position:absolute; top:0; left:59px;}
	#di2_ksb input#kw { width:140px; height:20px; font-size:14px; color:#444; background:none; border:none; font-family:sans-serif; position:absolute; top:15px; left:27px;}
	#di2_ksb input#btnSearch { position:absolute; top:13px; left:179px;}
/*＠ナビゲーション
/////////////////////////////////////////////////////////////////////////*/
#di2_navi { width:980px; height:45px; position:relative; background:url(/mi/mi6/img/di2_header.png) no-repeat 0 -75px;}
	/*main*/
	#di2_navi ul#di2_menuMain { padding:1px 0 0 10px;}
	#di2_navi ul#di2_menuMain li { float:left; margin-right:2px;}
	#di2_navi ul#di2_menuMain li a { display:block; height:25px;}
	#di2_navi ul#di2_menuMain li a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat;}
	#di2_navi ul#di2_menuMain li#di2_drama a { width:110px;}
	#di2_navi ul#di2_menuMain li#di2_variety a { width:140px;}
	#di2_navi ul#di2_menuMain li#di2_infowide a { width:105px;}
	#di2_navi ul#di2_menuMain li#di2_news a { width:170px;}
	#di2_navi ul#di2_menuMain li#di2_anime a { width:100px;}
	#di2_navi ul#di2_menuMain li#di2_sports a { width:105px;}
	#di2_navi ul#di2_menuMain li#di2_minibangumi a { width:105px;}
	#di2_navi ul#di2_menuMain li#di2_shopping a { width:110px;}
	#di2_navi ul#di2_menuMain li#di2_drama a:hover { background-position:-10px -75px;}
	#di2_navi ul#di2_menuMain li#di2_variety a:hover { background-position:-122px -75px;}
	#di2_navi ul#di2_menuMain li#di2_infowide a:hover { background-position:-264px -75px;}
	#di2_navi ul#di2_menuMain li#di2_news a:hover { background-position:-371px -75px;}
	#di2_navi ul#di2_menuMain li#di2_anime a:hover { background-position:-543px -75px;}
	#di2_navi ul#di2_menuMain li#di2_sports a:hover { background-position:-645px -75px;}
	#di2_navi ul#di2_menuMain li#di2_minibangumi a:hover { background-position:-752px -75px;}
	#di2_navi ul#di2_menuMain li#di2_shopping a:hover { background-position:-859px -75px;}
	/*sub*/
	#di2_navi ul#di2_menuSub { width:980px; height:17px; position:absolute; top:27px; left:0; }
	#di2_navi ul#di2_menuSub li { position:absolute; top:0;}
	#di2_navi ul#di2_menuSub li a { display:block; width:65px; height:17px;}
	#di2_navi ul#di2_menuSub li#di2_sub2 a { width:90px;}
	#di2_navi ul#di2_menuSub li#di2_sub3 a { width:85px;}
	#di2_navi ul#di2_menuSub li#di2_sub4 a { width:72px;}
	#di2_navi ul#di2_menuSub li#di2_sub8 a { width:80px;}
	#di2_navi ul#di2_menuSub li a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat;}
	#di2_navi ul#di2_menuSub li#di2_sub1 { left:382px;}
	#di2_navi ul#di2_menuSub li#di2_sub2 { left:447px;}
	#di2_navi ul#di2_menuSub li#di2_sub3 { left:537px;}
	#di2_navi ul#di2_menuSub li#di2_sub4 { left:622px;}
	#di2_navi ul#di2_menuSub li#di2_sub5 { left:694px;}
	#di2_navi ul#di2_menuSub li#di2_sub6 { left:759px;}
	#di2_navi ul#di2_menuSub li#di2_sub7 { left:824px;}
	#di2_navi ul#di2_menuSub li#di2_sub8 { left:888px;}
	#di2_navi ul#di2_menuSub li#di2_sub1 a:hover { background-position:-480px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub2 a:hover { background-position:-545px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub3 a:hover { background-position:-621px -150px;}
	#di2_navi ul#di2_menuSub li#di2_sub4 a:hover { background-position:-717px -150px;}
	#di2_navi ul#di2_menuSub li#di2_sub5 a:hover { background-position:-765px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub6 a:hover { background-position:-830px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub7 a:hover { background-position:-895px -130px;}
	#di2_navi ul#di2_menuSub li#di2_sub8 a:hover { background-position:-530px -150px;}
	/*contact*/
	#di2_programlink li.contact { position:absolute; top:132px; left:10px; z-index:10;}
	#di2_programlink li.contact a { width:105px; height:16px;}
	#di2_programlink li.contact a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat -415px -150px;}
	/*eng*/
	#di2_programlink li.english { position:absolute; top:132px; left:125px; z-index:10;}
	#di2_programlink li.english a { width:65px; height:16px;}
	#di2_programlink li.english a:hover { background:url(/mi/mi6/img/di2_header.png) no-repeat -415px -130px;}

/*＠ヘッダー白//スーパーバナー有り
/////////////////////////////////////////////////////////////////////////*/
#con_header { width:100%; height:150px; background:#fff url(/mi/mi6/img/di2_header.png) repeat-x 0 130px; position:relative;}
#con_header #bannerIn { width:980px; text-align:left; margin:0 auto; position:relative;}
#con_header #bnSuper { width:728px; height:90px; position:absolute; top:6px; right:11px; border:none;}
#con_header #di2_header { height:150px;}
/*＠ヘッダー白//スーパーバナー無し
/////////////////////////////////////////////////////////////////////////*/
#con_header_nsb { width:100%; height:100px; background:#fff url(/mi/mi6/img/di2_header.png) repeat-x 0 80px;}
#con_header_nsb #di2_header { height:100px;}
#con_header_nsb  #di2_programlink li.contact { top:82px;}
#con_header_nsb  #di2_programlink li.english { top:82px;}
#con_header_nsb  #di2_ksb { position:absolute; top:9px; left:740px;}
/*＠その他設定
/////////////////////////////////////////////////////////////////////////*/
body, #di2_header dl, #di2_header dt, #di2_header dd, #di2_header ul, #di2_header li, #di2_navi dl, #di2_navi dt, #di2_navi dd, #di2_navi ul, #di2_navi li, #di2_navi form { margin:0; padding:0;}
#di2_header ul { list-style:none;}
#di2_header hr { display:none;}
#di2_header .alt{ position:absolute; top:-5000px; left:-9999px;}
#di2_header .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#di2_header .clearfix { min-height: 1px;}
* html #di2_header .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

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

/*＠ドラマ用フッター
/////////////////////////////////////////////////////////////////////////*/
#dramaFooter { width:100%; min-height:250px; height:auto !important; height:250px; background:#fff; color:#444; border-top:2px solid #b2bdcd; position:relative; font-family:Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Meiryo, sans-serif;}
	#dramaFooter h2 { background:#eff1f4; border-bottom:2px dotted #b2bdcd; font-size:150%; color:#6c7e98; font-family:Verdana; padding:5px; margin:0;}
	#dramaFooter ul { width:950px; text-align:left; list-style:none; margin:0 auto; padding:20px 0 20px 70px;}
	* html #dramaFooter ul { padding:20px 0 20px 20px;}
	#dramaFooter ul li { width:160px; line-height:1.6em; margin-right:20px; float:left;}
	#dramaFooter ul li a { display:block; font-size:120%; font-weight:normal;}
	#dramaFooter ul li a strong { display:block; width:160px; padding-top:55px; margin-bottom:5px;}
	#dramaFooter ul li a .date { color:#333;}
	#dramaFooter ul li#drama01 { background-position:0 0;}
	#dramaFooter ul li#drama02 { background-position:-160px 0;}
	#dramaFooter ul li#drama03 { background-position:-320px 0;}
	#dramaFooter ul li#drama04 { background-position:-480px 0;}
	#dramaFooter ul li#drama05 { background-position:-640px 0;}
	#dramaFooter #dramaFooterLink { text-align:center; border-top:2px dotted #b2bdcd; padding:20px 0;}
	#dramaFooter a { text-decoration:none; color:#50688b;}
	#dramaFooter a:hover { text-decoration:underline; color:#444 !important;}
	#dramaFooter #dramaFooterLink .tbs-link1,
	#dramaFooter #dramaFooterLink .tbs-copy1 { color:#444 !important;}
#dramaFooter ul:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	.footer201010 ul li { background: url(/mi/img/dramafooter201010.jpg) no-repeat;}
	/**/
	.footer201101 ul li { background: url(/mi/img/dramafooter201101.jpg) no-repeat; width:200px !important;}
	.footer201101 ul li a strong { width:200px !important;}
	.footer201101 ul li#drama01 { background-position:0 0 !important;}
	.footer201101 ul li#drama02 { background-position:-200px 0 !important;}
	.footer201101 ul li#drama03 { background-position:-400px 0 !important;}
	.footer201101 ul { padding:20px 0 20px 300px !important;}
	* html .footer201101 ul { padding:20px 0 20px 150px !important;}

/* Boobo Boona
=======================================*/
#boobo-hd { position:absolute; top:81px; left:-71px; z-index:100; }
#con_header_nsb #boobo-hd { top:32px; }
#boobo-hd a { display:block; background:url(/mi/mi6/img/boobo_an_hd.gif) top left no-repeat; width:90px; height:110px; text-indent:-9999px; }

#i_search_autocomplete {
    text-align:left;
    font-size:12px;
    border-top:    1px solid #CCCCCC;
    border-right:  2px solid #999999;
    border-left:   1px solid #CCCCCC;
    border-bottom: 1px solid #BBBBBB;
    background: #ffffff; color: #333333; 
    position: absolute;
    cursor: default;
    list-style:none;
    padding: 0px;
    margin: 0;
    display:block;
}

/* workarounds */
* html #i_search_autocomplete {
    width:1px;
}
/* without this, the menu expands to 100% in IE6 */

#i_search_autocomplete .ui-menu {
    margin-top: -3px;
}
#i_search_autocomplete .ui-menu-item {
    width: 100%;
    border-bottom:#ccc 1px solid;
    list-style-type: none;
    margin:0;
    padding: 0;
    float: left;
    clear: left;
}
#i_search_autocomplete .ui-menu-item a {
    word-break: break-all;
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
* html #i_search_autocomplete .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
#i_search_autocomplete .ui-menu-item a.ui-state-hover,
#i_search_autocomplete .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}

#i_search_autocomplete .ui-widget {
}
#i_search_autocomplete a {
    color: #333333;
}

#i_search_autocomplete .ui-state-hover {
    border: 1px solid #cccccc;
    background: #ecf5fa;
    font-weight: bold;
    color: #333333;
}

#i_search_autocomplete.ui-state-hover a,
#i_search_autocomplete.ui-state-hover a:hover {
    color: #c77405;
    text-decoration: none;
}
#i_search_autocomplete.ui-state-active a,
#i_search_autocomplete.ui-state-active a:link,
#i_search_autocomplete.ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none;
}
#i_search_autocomplete :active {
    outline: none;
}



/*eof*/