@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:#fff; background:url(../img/bg.jpg) center top #165369; }

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

#pagebody { width:960px; margin:0 auto; background-color:#000; }

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

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

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

.cly { color:#ffef00; }
.clb { color:#81d0ed; }
.clbb { color:#609ab0; }

.txts { font-size:80%; }


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

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

#header { position:relative; width:960px; height:200px; margin:0 auto; padding-top:120px;  }

#logo { position:absolute; top:0; left:0; }
#logo a { display:block; width:454px; 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; width:506px; height:120px; top:0; left:454px; background:url(../img/common_parts1.jpg) -454px 0 no-repeat; text-indent:-9999px; }

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

#gnav { width:960px; height:200px; }
#gnav li { float:left; }
#gnav li a { display:block; width:240px; height:100px; background-image:url(../img/gnav.png); background-repeat:no-repeat; text-indent:-9999px; outline:none; }

#gnav-news a { background-position:0 0; }
#gnav-intro a { background-position:-240px 0; }
#gnav-story a { background-position:-480px 0; }
#gnav-chart a { background-position:-720px 0; }
#gnav-cast a { background-position:0 -100px; }
#gnav-staff a { background-position:-240px -100px; }
#gnav-msg a { background-position:-480px -100px; }
#gnav-gallery a { background-position:-720px -100px; }

#gnav-news a:hover, #news #gnav-news a { background-position:0 -200px; }
#gnav-intro a:hover, #intro #gnav-intro a { background-position:-240px -200px; }
#gnav-story a:hover, #story #gnav-story a { background-position:-480px -200px; }
#gnav-chart a:hover, #chart #gnav-chart a { background-position:-720px -200px; }
#gnav-cast a:hover, #cast #gnav-cast a { background-position:0 -300px; }
#gnav-staff a:hover, #staff #gnav-staff a { background-position:-240px -300px; }
#gnav-msg a:hover, #msg #gnav-msg a { background-position:-480px -300px; }
#gnav-gallery a:hover, #gallery #gnav-gallery a { background-position:-720px -300px; }


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

#main { background:url(../img/bg_main.jpg) 0 0 no-repeat; font-size:150%; line-height:170%; text-align:left; }

#main-ttl { width:960px; height:75px; background-position:left top; background-repeat:no-repeat; text-indent:-9999px; }


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

#bn { width:900px; margin:0 auto; }
#bn li { float:left; text-align:left; margin:0 15px 15px 0; }
#bn li a { display:block; width:290px; height:100px; background-image:url(../img/common_parts2.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 li#bn-tw, #bn li#bn-ondemand { margin:0 0 15px 0; }

#bn-intv a { background-position:0 0; }
#bn-casefile a { background-position:-290px 0; }
#bn-tw a { background-position:-580px 0; }
#bn-honda a { background-position:0 -100px; }
#bn-twng a { background-position:-290px -100px; }
#bn-ondemand a { background-position:-580px -100px; }

#footer { width:900px; margin:0 auto; padding:15px 0; }

#f-txt { padding-top:5px; font-size:120%; }

#pagetop { display:none; position:fixed; bottom:30px; right:30px; }
#pagetop a { display:block; width:60px; height:60px; background:url(../img/pagetop.png) 0 0 no-repeat; text-indent:-9999px; outline:none; }


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

#top-main { position:relative; width:960px; height:560px; background:url(../img/top_parts1.jpg) 0 0 no-repeat; }
#top-main h1 { position:absolute; width:960px; height:560px; z-index:10; }

#top-bn-dvd { position:absolute; top:440px; left:20px; z-index:20; }
#top-bn-dvd a { display:block; width:400px; height:100px; background:url(../img/top_parts1.jpg) -960px -360px no-repeat; text-indent:-9999px; outline:none;  filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-bn-dvd a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#top-box { padding:30px 30px 15px 30px; }

#top-box-l { width:400px; float:left; margin:0 20px 20px 0; }

#top-box2 { margin-bottom:20px; }

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

#update { position:relative; float:left; /* width:400px; */ width:450px; height:200px; /*margin-bottom:12px;*/ margin-right:20px; text-align:left; background:url(../img/top_parts1.jpg) -960px 0 no-repeat; }
#update h2 { position:absolute; text-indent:-9999px; }
#update dl dt, #update dl dd { margin-bottom:0.4em; padding-bottom:0.2em; font-size:135%; line-height:120%; }
#update dl dt { float:left; clear:both; width:7.5em; font-weight:bold; color:#ffef00; font-family:Verdana, Geneva, sans-serif; }
#update dl dd { padding:0.1em 0 0.4em 7.5em; border-bottom:#0c2a2e 1px solid;  }
#update dl dd a { color:#fff; text-decoration:none; }
#update dl dd a:hover { text-decoration:underline; }

/* scrollbar system */

#upd-ContentsMask { width:417px; height:130px; padding:0; margin:0 3px 0 0; overflow:hidden; position:relative; top:50px; left:20px; float:left; }
#upd-Contents { width:387px; padding:0; margin:0; position:absolute; }
#upd-scbarBar { width:10px; height:130px; padding:0; margin:0; position:relative; float:left; margin-top:50px; }
#upd-drugArea { width:10px; height:130px; position:absolute; left:0px; margin:0px; cursor:pointer;  }
#upd-tsumami { width:10px; height:20px; padding:0; margin:0; background:url(../img/top_parts1.jpg) -1410px 0 no-repeat; position:absolute; left:0px; margin:0px; }
#upd-arrow { display:none; }

/* ----- top-muryou ----- */

#top-muryou { float:left; width:480px; }
#top-mr-ttl a { display:block; width:480px; height:50px; background:url(../img/top_parts1.jpg) -960px -200px no-repeat; text-indent:-9999px; outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-mr-ttl a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }
#top-mr-mov { width:480px; height:270px; }
#top-mr-mov-tmb a { display:block; width:480px; height:270px; background:url(../img/top_muryou_tmb.jpg) 0 0 no-repeat; text-indent:-9999px; outline:none; }
#top-mr-mov-tmb-no { display:block; width:480px; height:270px; background:url(../img/top_muryou_tmb_no.jpg) 0 0 no-repeat; text-indent:-9999px; }
#top-mr-mov-tmb-no2 { display:block; width:480px; height:270px;  text-indent:-9999px; }
#top-mr-date { width:480px; height:95px; background:url(../img/top_parts1.jpg) -960px -250px no-repeat; padding-top:15px; text-align:center; }
#top-mr-date-t1 { font-size:18px; line-height:18px; color:#296b84; font-weight:bold; margin-bottom:22px; -webkit-text-size-adjust: 100%; }
#top-mr-date-t2 { font-size:18px; line-height:18px; color:#296b84; font-weight:bold; margin-bottom:6px; -webkit-text-size-adjust: 100%; }
#top-mr-date-t3 { font-size:13px; line-height:18px; color:#000; -webkit-text-size-adjust: 100%; }

/* ----- spot ----- */

#top-spot a { display:block; width:400px; height:218px; background:url(../img/top_spot.jpg) 0 -0 no-repeat; text-indent:-9999px;  outline:none; filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#top-spot a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

#top-spot-no { /*width:400px;*/ width:430px; height:200px; float:left; /* background:url(../img/top_spot_no.jpg) 0 -0 no-repeat; */ background:url(../img/top_parts1.jpg) -960px -200px no-repeat; text-indent:-9999px; }


/* ----- top bn tw ----- */

#top #bn { clear:both; width:610px; float:left; }
#top #bn li#bn-tw { margin:0 15px 15px 0; }

#top-tw { float:left; width:290px; }

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

#top #footer { padding-top:0; }

#f-bn { width:620px; margin:0 0 10px 140px; text-align:left; }
#f-bn li { float:left; text-align:left; }
#f-bn-item, #f-bn-smp, #f-bn-1seg { 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-item a { background-position:-0 -560px; }
#f-bn-smp a { background-position:-152px -560px; }
#f-bn-1seg a { background-position:-304px -560px; }
#f-bn-rendora a { background-position:-456px -560px; }


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

#news #main-ttl { background-image:url(../img/news_parts1.jpg); }

#news #main-body { padding:30px 30px 20px 30px; min-height:500px; }

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

.nw-ttl { padding:16px 16px 0 16px; background:url(../img/news_parts1.jpg) 0 -75px no-repeat; }
.nw-ttl h2 { float:left; font-size:150%; line-height:120%; width:700px; padding-bottom:12px; }
.nw-date { float:right; padding-top:0.2em; font-size:120%; line-height:120%; font-weight:bold; color:#ffef00; }
.nw-ttl-btm { clear:both; width:900px; height:4px; margin:0 -16px; background:url(../img/news_parts1.jpg) 0 -271px no-repeat; }

.nw-txt { padding:10px 15px 0 15px; }
.nw-txt p { padding-bottom:0.8em; }

.nw-box table { border-collapse:collapse; }
.nw-box table th, .nw-box table td { font-size:100%; line-height:100%; padding:0px; }
.nw-box table th { font-weight:normal; }

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

.nw-p-l, .nw-p-r { background-position:left top; background-repeat:no-repeat; padding:0!important; text-indent:-9999px; }
.nw-p-l { margin:0.4em 15px 10px 0; float:left; }
.nw-p-r { margin:0.4em 0 10px 15px; float:right; }

#nw-p-150323 { width:200px; height:186px; background-image:url(../img/news_p150323.png); }

#nw-box-150323 { border:#0b2833 5px solid; padding:10px 20px 0 10px; margin:0 10px; }
#nw-box-150323 h3 { color:#ffef00; font-size:110%; padding-bottom:0.5em; }
#nw-box-150323 table { margin-bottom:10px; }
#nw-box-150323-t { margin-left:5px; }

#nw-yt141222 { padding:0 0 20px 150px; }


/* はじめに
=======================================*/

#intro #main-ttl { background-image:url(../img/intro_parts1.jpg); }

#intro #main-body { padding:30px 40px 10px 40px; }

#itr-copy { width:825px; height:78px; margin:0 0 20px 27px; background:url(../img/intro_parts2.png) 0 0 no-repeat; text-indent:-9999px; }

#itr-p { float:right; width:275px; height:261px; margin:5px 0 0 20px; background:url(../img/intro_parts1.jpg) 0 -75px no-repeat; text-indent:-9999px; }

.itr-t { margin-bottom:20px; }
.itr-t p { padding-bottom:0.8em; }

#itr-ttl { border-bottom:#2b3134 2px solid; padding-bottom:8px; margin-bottom:10px; }
#itr-ttl span { display:block; width:260px; height:20px; background:url(../img/intro_parts2.png) 0 -88px no-repeat; text-indent:-9999px; }


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

#story #main-ttl { background-image:url(../img/story_parts1.jpg); }
.spot #main-ttl { background-image:url(../img/spot_parts1.jpg)!important; }

#str-ttl { width:880px; height:360px; margin:26px 0 20px 40px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }

#str-txt { padding:0 40px 20px 40px; }
#str-txt p { padding-bottom:0.8em; }

#str-spot { width:780px; margin-left:90px; padding:40px 0; }

#str-bn { margin:0 0 22px 40px; }
#str-bn h2 { float:left; width:140px; height:90px; margin:0 8px 8px 0; background:url(../img/story_parts1.jpg) -960px 0 no-repeat; text-indent:-9999px; }
#str-bn ul li { float:left; margin:0 8px 8px 0; }
#str-bn ul li a { display:block; width:140px; height:90px; background-position:0 -360px; background-repeat:no-repeat; text-indent:-9999px; outline:none;  filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#str-bn ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

/* ----- v1 ----- */
.str-v1 #str-ttl, #str-bn-ep01 a { background-image:url(../img/story_v1.jpg); }

/* ----- v2 ----- */
.str-v2 #str-ttl, #str-bn-ep02 a { background-image:url(../img/story_v2.jpg); }

/* ----- v3 ----- */
.str-v3 #str-ttl, #str-bn-ep03 a { background-image:url(../img/story_v3.jpg); }

/* ----- v4 ----- */
.str-v4 #str-ttl, #str-bn-ep04 a { background-image:url(../img/story_v4.jpg); }

/* ----- v5 ----- */
.str-v5 #str-ttl, #str-bn-ep05 a { background-image:url(../img/story_v5.jpg); }

/* ----- v6 ----- */
.str-v6 #str-ttl, #str-bn-ep06 a { background-image:url(../img/story_v6.jpg); }

/* ----- v7 ----- */
.str-v7 #str-ttl, #str-bn-ep07 a { background-image:url(../img/story_v7.jpg); }

/* ----- v8 ----- */
.str-v8 #str-ttl, #str-bn-ep08 a { background-image:url(../img/story_v8.jpg); }

/* ----- v9 ----- */
.str-v9 #str-ttl, #str-bn-ep09 a { background-image:url(../img/story_v9.jpg); }

/* ----- v10 ----- */
.str-v10 #str-ttl, #str-bn-ep10 a { background-image:url(../img/story_v10.jpg); }

/* ----- v11 ----- */
.str-v11 #str-ttl, #str-bn-ep11 a { background-image:url(../img/story_v11.jpg); }


/* 人物相関図
=======================================*/

#chart #main-ttl { background-image:url(../img/chart_parts1.jpg); }

#chart #main-body { position:relative; width:960px; height:803px; margin-bottom:30px; background:url(../img/chart_parts1.jpg) 0 -75px no-repeat; text-indent:-9999px; }

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

#chart #main-body ul li#cht-itm1 { top:403px; left:402px; }
#chart #main-body ul li#cht-itm2 { top:613px; left:412px; }
#chart #main-body ul li#cht-itm3 { top:633px; left:267px; }
#chart #main-body ul li#cht-itm4 { top:633px; left:122px; }
#chart #main-body ul li#cht-itm5 { top:613px; left:577px; }
#chart #main-body ul li#cht-itm6 { top:613px; left:775px; }
#chart #main-body ul li#cht-itm7 { top:43px; left:152px; }
#chart #main-body ul li#cht-itm8 { top:103px; left:412px; }
#chart #main-body ul li#cht-itm9 { top:259px; left:232px; }
#chart #main-body ul li#cht-itm10 { top:259px; left:72px; }
#chart #main-body ul li#cht-itm11 { top:294px; left:591px; }
#chart #main-body ul li#cht-itm12 { top:103px; left:751px; }
#chart #main-body ul li#cht-itm13 { top:294px; left:751px; }

#chart #main-body ul li a { width:135px; height:170px; display:block; text-indent:-9999px; background-color:#000; filter: alpha(opacity=0); -moz-opacity:0; opacity:0; }
#chart #main-body ul li a:hover { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }
#chart #main-body ul li#cht-itm1 a { width:155px; height:190px; }
#chart #main-body ul li#cht-itm3 a, #chart #main-body ul li#cht-itm4 a { width:115px; height:150px; }

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

#chart-detail { background:none; }

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

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

#cht-dt-ttl { position:absolute; top:0px; left:302px; width:318px; height:420px; }

#cht-dt-txt { position:absolute; top:116px; left:43px; width:255px; height:225px; overflow:auto; font-size:130%; line-height:155%; color:#333; }

.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); }
.cht-dt12 { background-image:url(../img/chart_dt12.jpg); }
.cht-dt13 { background-image:url(../img/chart_dt13.jpg); }

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

#prevbt { top:369px; left:40px; }

#nextbt { top:369px; left:98px; }

#closebt { top:369px; left:242px; }

#prevbt a, #nextbt a, #closebt a { display:block; text-indent:-9999px; background-image:url(../img/chart_parts2.gif); 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:64px; height:16px; background-position:-92px 0; }

.cht-pt1 #prevbt a { background-position:0px 0; }
.cht-pt1 #nextbt a { background-position:-46px 0; }
.cht-pt1 #closebt a { background-position:-92px 0; }


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

#cast #main-ttl { background-image:url(../img/cast_parts1.jpg); }

#cast #main-body { width:960px; height:765px; background:url(../img/cast_parts1.jpg) 0 -75px no-repeat; text-indent:-9999px; }


/* スタッフ
=======================================*/

#staff #main-ttl { background-image:url(../img/staff_parts1.jpg); }

#staff #main-body { width:960px; height:670px; background:url(../img/staff_parts1.jpg) 0 -75px no-repeat; text-indent:-9999px; }


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

#msg #main-ttl { background-image:url(../img/msg_parts1.jpg); }

#msg #main-body { padding:30px 30px 20px 30px; min-height:500px; }

#msg-top { width:100%; padding-bottom:10px; }
#msg-top-l { float:left; margin-left:285px; }
#msg-top-r { float:right; margin-top:23px; }
#msg-top-r select { font-size:100%; }
#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:330px; height:70px; 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:98px; height:12px; margin:5px 15px 0 0; background:url(../img/msg_parts2.gif) 0 -80px no-repeat; text-indent:-9999px; }
.msg-list p { float:left; width:780px; font-size:110%; line-height:140%; }

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

.msg-ttl { padding:16px 16px 0 16px; background:url(../img/msg_parts1.jpg) 0 -75px no-repeat; }
.msg-ttl h2 { float:left; font-size:150%; line-height:120%; padding-bottom:12px; }
.msg-ttl-btm { clear:both; width:900px; height:4px; margin:0 -16px; background:url(../img/msg_parts1.jpg) 0 -271px no-repeat; }

.msg-txt { padding:0 15px; background:url(../img/msg_bg.jpg) 0 0 repeat-y; }
.msg-txt p { color:#333; padding:7px 0; }
.msg-txt-top, .msg-txt-btm { width:900px; height:7px; margin:0 -15px; background:url(../img/msg_parts1.jpg) 0 -285px no-repeat; }

.msg-txt p.msg-date { color:#39819b; border-top:#d8d3cf 1px solid; text-align:right; }


/* ギャラリー
=======================================*/

#gallery #main-ttl { background-image:url(../img/gallery_parts1.jpg); }

#gr-ttl { width:880px; height:51px; margin:26px 0 15px 40px; background-position:0 0; background-repeat:no-repeat; text-indent:-9999px; }

#gr-picbox { position:relative; height:516px; }

#gr-pic { position:absolute; left:112px; width:720px; height:480px; padding:8px; background:url(../img/gallery_parts1.jpg) 0 -75px no-repeat; }

#gr-pic span { display:block; width:720px; height:480px; background-position:0 0; background-repeat:no-repeat; }

#gr-btn-prev, #gr-btn-next { position:absolute; top:173px; }
#gr-btn-prev { left:30px; }
#gr-btn-next { left:870px; }
#gr-btn-prev a, #gr-btn-next a { display:block; width:60px; height:150px; background:url(../img/gallery_parts1.jpg) no-repeat; text-indent:-9999px; }
#gr-btn-prev a { background-position:-736px -75px; }
#gr-btn-next a { background-position:-796px -75px; }
#gr-btn-prev a:hover { background-position:-736px -225px; }
#gr-btn-next a:hover { background-position:-796px -225px; }

#gr-picnm { width:736px; background:url(../img/gallery_bg.gif) center left; margin:0 0 25px 112px; padding:10px 0 13px 0; text-align:center; font-size:110%; line-height:100%; color:#333; font-weight:bold; font-family:Verdana, Geneva, sans-serif; }

#gr-bn { margin:0 0 22px 40px; }
#gr-bn h2 { float:left; width:140px; height:90px; margin:0 8px 8px 0; background:url(../img/gallery_parts1.jpg) -736px -375px no-repeat; text-indent:-9999px; }
#gr-bn ul li { float:left; margin:0 8px 8px 0; }
#gr-bn ul li a { display:block; width:140px; height:90px; background-position:-880px 0; background-repeat:no-repeat; text-indent:-9999px; outline:none;  filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#gr-bn ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }


/* インタビュー
=======================================*/

#intv #main-ttl { background-image:url(../img/intv_parts1.jpg); }

#intv #main-body { padding:30px 0 20px 0; }

#intv-txt { padding:0 40px 0; }

#intv-txt p { padding-bottom:0.8em; }

#intv #main-body h3 { color:#ffef00; padding-bottom:0.4em; }

#intv-ttl { width:420px; height:74px; background-position:0 0; background-repeat:no-repeat; margin-bottom:20px; text-indent:-9999px; }

.intv-p-l, .intv-p-r { background-repeat:no-repeat; text-indent:-9999px; }
.intv-p-l { margin-right:20px; float:left; }
.intv-p-r { margin-left:20px; float:right; }

#intv-p0, #intv-p1, #intv-p2 { padding-bottom:0!important; background-repeat:no-repeat; text-indent:-9999px; }
#intv-p0 { width:480px; height:340px; background-position:0 -74px; float:right; margin-left:20px; }

#intv-bn { margin:0 0 22px 40px; }
#intv-bn h2 { float:left; width:140px; height:90px; margin:0 8px 8px 0; background:url(../img/intv_parts1.jpg) -960px 0 no-repeat; text-indent:-9999px; }
#intv-bn ul li { float:left; margin:0 8px 8px 0; }
#intv-bn ul li a { display:block; width:140px; height:90px; background-repeat:no-repeat; text-indent:-9999px; outline:none;  filter: alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }
#intv-bn ul li a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }

/* ----- v1 ----- */
.intv-v1 #intv-ttl, .intv-v1 #intv-p0, .intv-v1 #intv-p1, .intv-v1 #intv-p2 { background-image:url(../img/intv_v1.jpg); }
.intv-v1 #intv-p1 { width:480px; height:340px; background-position:0 -414px; }
.intv-v1 #intv-p2 { width:480px; height:340px; background-position:0 -754px; }

#intv-bn-ep01 a { background-image:url(../img/intv_v1.jpg); background-position:0 -1094px; }

/* ----- v2 ----- */
.intv-v2 #intv-ttl, .intv-v2 #intv-p0, .intv-v2 #intv-p1, .intv-v2 #intv-p2 { background-image:url(../img/intv_v2.jpg); }
.intv-v2 #intv-p1 { width:340px; height:480px; background-position:0 -414px; }
.intv-v2 #intv-p2 { width:480px; height:340px; background-position:0 -894px; }

#intv-bn-ep02 a { background-image:url(../img/intv_v2.jpg); background-position:0 -1234px; }

/* ----- v3 ----- */
.intv-v3 #intv-ttl, .intv-v3 #intv-p0, .intv-v3 #intv-p1, .intv-v3 #intv-p2 { background-image:url(../img/intv_v3.jpg); }
.intv-v3 #intv-p1 { width:480px; height:340px; background-position:0 -414px; }
.intv-v3 #intv-p2 { width:480px; height:340px; background-position:0 -754px; }

#intv-bn-ep03 a { background-image:url(../img/intv_v3.jpg); background-position:0 -1094px; }


/* 今週の事件ファイル
=======================================*/

#casefile #main { background:url(../img/casefile_parts1.jpg) 0 0 no-repeat #000; }

#casefile #main-body { position:relative; height:740px; text-align:left; }

#casefile h1 { position:absolute; text-indent:-9999px; }

#csfl-ttl { position:absolute; top:270px; left:30px; width:155px; height:60px; background:url(../img/casefile_parts1.jpg) no-repeat; text-indent:-9999px; }

#csfl-bn { position:absolute; top:300px; left:780px; width:140px; }

#csfl-mov { position:absolute; top:345px; left:200px; width:560px; }

.csfl-v1 #csfl-ttl { background-position:-960px 0; }
.csfl-v2 #csfl-ttl { background-position:-960px -60px; }
.csfl-v3 #csfl-ttl { background-position:-960px -120px; }
.csfl-v4 #csfl-ttl { background-position:-960px -180px; }
.csfl-v5 #csfl-ttl { background-position:-960px -240px; }
.csfl-v6 #csfl-ttl { background-position:-960px -300px; }
.csfl-v7 #csfl-ttl { background-position:-960px -360px; }
.csfl-v8 #csfl-ttl { background-position:-960px -420px; }
.csfl-v9 #csfl-ttl { background-position:-960px -480px; }
.csfl-v10 #csfl-ttl { background-position:-960px -540px; }
.csfl-v11 #csfl-ttl { background-position:-960px -600px; }
.csfl-v12 #csfl-ttl { background-position:-960px -660px; }


/* 本田望結
=======================================*/

#honda #main-ttl { background:none; height:249px; }

#honda #main { position:relative; background:url(../img/honda_parts1.jpg) 0 -249px no-repeat #bff2d0; margin-bottom:30px; }

#hd-ttlpic1, #hd-ttlpic2, #hd-ttlpic3 { display:none; position:absolute; z-index:10; width:277px; height:249px; background-image:url(../img/honda_parts1.jpg); background-repeat:no-repeat; }
#hd-ttlpic1 { background-position:0 0; }
#hd-ttlpic2 { background-position:-277px 0; }
#hd-ttlpic3 { background-position:-554px 0; }

#honda h1 { position:absolute; z-index:20; }
#honda h1 a { display:block; width:960px; height:249px; }

#hd-ttl { width:862px; height:50px; padding:24px 49px 0 49px; background:url(../img/honda_parts1.jpg) 0 -498px no-repeat; }

#hd-ttl h2 { float:left; font-size:140%; line-height:100%; color:#96785b; font-family: "游ゴシック", YuGothic; letter-spacing:0.03em; }
#hd-ttl h2 span { background-color:#99dfab; color:#fff; font-family:"Courier New", Courier, monospace; padding:2px 5px; vertical-align:text-top; font-size:80%; }

#honda #main-body { background:url(../img/honda_bg2.png) 0 0; }

#hd-bn { float:right; }

#honda #main-txt { background:url(../img/honda_bg.png) 0 0 repeat-y; color:#333; padding:10px 60px 10px 60px; font-size:110%; text-align:center; }

.hd-picarea-y, .hd-picarea-t { text-align:center; padding:3px 0 5px 0; }
.hd-pic-y, .hd-pic-t { background-image:url(../img/honda_parts2.png); margin:0 auto; padding:12px 15px 15px 12px; }
.hd-pic-y { width:420px; height:315px; background-position:-342px 0; }
.hd-pic-t { width:315px; height:420px; background-position:0 0; }

.hd-pic-y span, .hd-pic-t span { display:block; background-position:top left; background-repeat:no-repeat; }
.hd-pic-y span { width:420px; height:315px; }
.hd-pic-t span { width:315px; height:420px; }

.hd-txt { margin-bottom:10px; }

#hd-btm { width:960px; height:40px; background:url(../img/honda_bg.png) -960px 0 no-repeat; }


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

body#pop { background-image:none; background:url(../img/bg.jpg); }

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

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

#pop-body { margin:0 auto 10px auto; width:460px; _padding:500px;/* for ie6 */ padding:15px 20px 20px 20px; background-color:#000; 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 -120px 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 -120px 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*/