@charset "iso-2022-jp"; /*///////////////////////////////////////////////////////////////////////// default_CSS /////////////////////////////////////////////////////////////////////////*/ body { text-align:left; font-size:62.5%; font-family:Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", 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 {width:100%; height:100%;} /*float*/ .floatL { float:left; display: inline;} .floatR { float:right; display: inline;} .clear_flo { clear:both; } .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:#cc0000;} .cYel { color:#f8b528;} .cGrn { color:#008000;} .cBlu { color:#0060aa;} .cOrg { color:#DB5425;} .ccYel { color:#76650a;} .cB {color:#333;} /* text-color */ .white {color:#fff;} .pink {color:#E9546B;} .red {color:#c00;} .orange {color:#e27500;} .gold {color:#c93;} .brown {color:#7b4e00;} .purple {color:#b233b2;} .carmine {color:#e09966;} .blue {color:#1766e0;} .yellowgreen {color:#4eb200;} .yellow {color:#fffe00;} .vermilion {color:#ff4e4e;} .lightblue {color:#39f;} .ultramarine {color:#004e7b;} .magenta {color:#ea33b2;} .green {color:#2e8b57;} .deepgreen {color:#060;} .gray {color:#7b7b7b;} /*font-size*/ .f180 { font-size:180%;} .f140 { font-size:140%;} .f120 { font-size:120%;} .f110 { font-size:110%;} .f90 { font-size:90%;} .f85 { line-height:normal; font-size:11px !important} .f_mini { font-size:9px !important;} /*link*/ a { text-decoration:underline; color:#cc0000;} a:hover { text-decoration:underline; color:#3e2605;} /*///////////////////////////////////////////////////////////////////////// コンテンツ用CSS／オリジナル設定 /////////////////////////////////////////////////////////////////////////*/ body {overflow-x: hidden; margin:0 auto; background:#000; color:#3e2605;} .top #container {margin:0 auto; position:relative;background: url(../img/bg.jpg) center 665px repeat-y; overflow: hidden;} .top #main_title {height:665px; margin:0 auto; background: url(../img/main.jpg) center top no-repeat; } .top #main_title .h1box{position:relative; width:980px; height:665px;margin:0 auto } .top .snstop{position:absolute; top:590px; right:150px; } .top .banner{ width:300px; height:250px; margin-top:10px; background:#ccc;} /*.top .youtube {display:block; position:absolute; top:30px; right:40px; width:188px;height:68px; background:#fff;} .top .youtube a{display:block;width:188px;height:68px;background: url(../img/youtube.gif) no-repeat; } .top .youtube {display:block; position:absolute; top:40px; right:40px; width:188px;height:50px; background:#fff;} .top .youtube a{display:block;width:188px;height:50px;background: url(../img/youtube.gif) no-repeat; } .top .youtube a:hover{ filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}*/ .second #container {position:relative; margin:0 auto; position:relative;background: url(../img/bg.jpg) center 665px repeat-y; overflow: hidden;} .second #main_title {height:254px; margin:0 auto; background: url(../img/main02.jpg) center top no-repeat; } .second #main_title .h1box{position:relative; width:980px; height:665px;margin:0 auto } .second #main_title .h1box{position:relative;width:980px; height:170px; margin:0 auto;} .second #main_title .h1box a{display: block;width:540px; height:170px;} .second .snstop{position:absolute; top:90px; right:130px; } .second .banner{ width:300px; height:250px; margin-top:10px; background:#ccc;} /*navi*/ .top #navi { position:relative; margin:0px auto; width:960px;height:81px; background: url(../img/menu_bg.jpg) no-repeat;} .second #navi {position:relative; margin:3px auto 0; width:960px; height:81px;} #navi ul{ margin: 0; padding: 0;} #navi ul li{list-style:none; float:left;display: inline; padding:0px;text-indent: -9999px;position: absolute;top:30px;} #navi a{display: block;overflow: hidden; } #menu01 a { position: absolute;left:70px; width:70px; height:45px ;background: url(../img/menu.jpg) 0px 0px no-repeat;} #menu02 a { position: absolute;left:190px; width:70px; height:45px ;background: url(../img/menu.jpg) -70px 0px no-repeat;} #menu03 a{ position: absolute;left:310px; width:70px; height:45px ;background: url(../img/menu.jpg) -140px 0px no-repeat;} #menu04 a { position: absolute;left:430px; width:80px; height:45px ;background: url(../img/menu.jpg) -210px 0px no-repeat;} #menu05 a { position: absolute;left:560px; width:60px; height:45px ;background: url(../img/menu.jpg) -290px 0px no-repeat;} #menu06 a { position: absolute;left:670px; width:70px; height:45px ;background: url(../img/menu.jpg) -350px 0px no-repeat;} #menu07 a { position: absolute;left:790px; width:100px; height:45px ;background: url(../img/menu.jpg) -420px 0px no-repeat;} #menu01 a:hover {background: url(../img/menu.jpg) 0px -45px no-repeat;} #menu02 a:hover {background: url(../img/menu.jpg) -70px -45px no-repeat;} #menu03 a:hover {background: url(../img/menu.jpg) -140px -45px no-repeat;} #menu04 a:hover {background: url(../img/menu.jpg) -210px -45px no-repeat;} #menu05 a:hover {background: url(../img/menu.jpg) -290px -45px no-repeat;} #menu06 a:hover {background: url(../img/menu.jpg) -350px -45px no-repeat;} #menu07 a:hover {background: url(../img/menu.jpg) -420px -45px no-repeat;} /*＠top page /////////////////////////////////////////////////////////////////////////*/ #container #unit { clear:both; width:960px; text-align:left; margin:0 auto; overflow: hidden;} /*Left*/ #mainLeft {width:640px; height:100%; float:left; display: inline;} #mainLeftIn { margin:0;padding:0;} /*Right*/ #mainRight {width:320px; height:100%; float:left; display: inline;} #mainRightIn { margin:0;padding:0;} /*＠footer /////////////////////////////////////////////////////////////////////////*/ .second .main_bottom{clear: both; position:relative; width:960px; height:30px; margin:10px auto 0; background: url(../img/sousyoku.png) center top no-repeat; } #footer { width:100%; height:auto; font-size:120%; } #footerIn { width:960px; text-align:center; margin:0 auto; padding:10px 0 30px 0;} #ft {padding-top:20px;} #footer a { text-decoration:underline; color:#333;} #footer a:hover{ text-decoration:underline; color:#555;} #page-top{position: fixed; right:30px; bottom:20px;} #page-top a{ width:42px;height:42px; display: block; background: url(../img/sousyoku_right.jpg) -600px 0px no-repeat;} #page-top a:hover{ filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;} /*banner*/ #footerIn ul { width:624px; text-align:center; margin:0 auto; padding:0;} * html #footerIn ul { width:624px; margin:0 20px 0px auto;} #footerIn ul li { width:156px; height:28px; float:left;} #footerIn ul li a { display:block; width:152px; height:28px; } #footerIn .ftbn01 a { background:url(../img/banner_foot03.jpg) no-repeat;} #footerIn .ftbn03 a { background:url(../img/banner_foot.png) -304px 0px no-repeat;} #footerIn .ftbn04 a { background:url(../img/banner_foot.png) -456px 0px no-repeat;} #footerIn .ftbn05 a { background:url(../img/banner_foot.png) -608px 0px no-repeat;} #footerIn .ftbn06 a { background:url(../img/banner_foot02.png) no-repeat;} /*＠ヘッダー要素 /////////////////////////////////////////////////////////////////////////*/ #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*/ /*what's new*/ .top .news_box {width:300px; height:219px; text-align:left;background:url(../img/new.jpg) no-repeat;margin:10px 0 0 20px; overflow:hidden} .second .news_box {width:300px; height:219px; text-align:left;background:url(../img/new.jpg) no-repeat;margin:10px 0 15px 0px; overflow:hidden} .news_box a{ text-decoration:underline; color:#000;} .news_box a:hover{ text-decoration:underline; color:#666;} #scroll dl { font-size:110%; line-height:1.25; padding-top:2px; width:260px; } #scroll dt { width:6.8em; color:#000; float:left; padding-bottom:0.3em; padding-top:4px;padding-left:0.8em; } #scroll dd { color:#000; padding-left:1.5em; padding-right:7px; padding-bottom:0.3em; padding-top:4px;} #scroll { position: relative;top: 50px;width: 278px;height: 148px; margin-left:10px; overflow: hidden;} #scroll .scrollbar { position: absolute;top: 0px;right: 0;width:26px;height:125px;z-index: 1;} #scroll .scrollbar .track { position: absolute;top: 5px;left: 0;background: url(../img/scr_line.jpg) 0 0 repeat-y; width: 26px;height: 138px;z-index: 2;} #scroll .scrollbar .track .thumb { position: absolute;top: 5px;left: 0; width: 26px; height: 28px; background: url(../img/scr_bt.jpg) 0 -5px no-repeat; z-index: 3;cursor: pointer;font-size: 0;line-height: 0;} #scroll .scrollbar .up { position: absolute;top: 0;left: 0;width:26px;height:5px;background: url(../img/scr_bt.jpg) 0 0 no-repeat;z-index: 2;cursor: pointer;font-size: 0;line-height: 0;} #scroll .scrollbar .down { position: absolute;top: 143px;left: 0;width:26px;height:5px;background: url(../img/scr_bt.jpg) 0 -33px no-repeat;z-index: 2;cursor: pointer;font-size: 0;line-height: 0;} #scroll .scrollInner p{margin:0 0 0 10px;width: 240px;font-size:110%; } /*Top*/ .top #contentsarea{ width:640px; height:270px;clear:both; overflow:hidden; background: url(../img/banner_bg.jpg) 0 240px no-repeat; } .top .mid_Box{margin:10px 0 0 10px;} /*spot*/ .spot_bt {display:block; width:300px; height:210px; background:url(../img/spot.jpg) center top no-repeat;} .spot_bt a {display:block; width:300px; height:210px; background:url(../img/spot.jpg) center top no-repeat;} .spot_bt a:hover{ filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} /*TOP banner*/ .top .mid_Box ul{width:300px; overflow: hidden; margin-left:10px;} .top .mid_Box li{margin-right:5px;} .top .fb_bt a{display:block; width:90px; height:40px ;background:url(../img/banner.jpg) no-repeat 0px 0px;} .top .twi_bt a{display:block; width:90px; height:40px; background:url(../img/banner.jpg) no-repeat -90px 0px;} .top .you_bt{display:block; width:90px; height:40px; background:url(../img/banner.jpg) no-repeat -180px 0px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} .top .sp_banner{clear: both; position:relative; width:960px; height:162px; margin:0 auto; background: url(../img/banner_bg.jpg) center -30px no-repeat; } .top .sp_banner span{display:block; width:132px; height:52px; position: absolute;top:70px;} .top .sp_banner span a{display:block; width:132px; height:52px; } .top .sp_banner span a:hover{ filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;} .top .sp01 a{ position: absolute; left:200px; background:url(../img/banner.jpg) no-repeat 0 -40px;} .top .sp02 a{ position: absolute; left:342px; background:url(../img/banner.jpg) no-repeat -132px -40px;} .top .sp03 a{ position: absolute; left:484px; background:url(../img/banner.jpg) no-repeat -264px -40px;} .top .sp04 a{ position: absolute; left:626px; background:url(../img/banner.jpg) no-repeat -396px -40px;} .top .sp05 a{ position: absolute; left:768px; background:url(../img/banner.jpg) no-repeat -528px -40px;} /*第2階層 banner*/ .second .mid_Box ul{width:300px; overflow: hidden; margin:10px 0 0 10px;} .second .mid_Box li{margin-right:5px;} .second .fb_bt a{display:block; width:90px; height:40px ;background:url(../img/banner.jpg) no-repeat 0px 0px;} .second .twi_bt a{display:block; width:90px; height:40px; background:url(../img/banner.jpg) no-repeat -90px 0px;} .second .you_bt{display:block; width:90px; height:40px; background:url(../img/banner.jpg) no-repeat -180px 0px; filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;} .second .sp_banner{width:300px; margin:10px 0 0; background:url(../img/sb_bg.jpg) no-repeat right bottom #f0ead2;overflow:hidden} .second .sp_banner .waku{clear: both;border-left:solid 1px #c79e61;border-right:solid 1px #c79e61;overflow:hidden} .second .sp_banner span{display:block; width:132px; height:52px; margin:0 1px 5px 11px;} .second .sp_banner span a{display:block; width:132px; height:52px; } .second .sp_banner span a:hover{ filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;} .second .sp01 a{ background:url(../img/banner.jpg) no-repeat 0 -40px; } .second .sp02 a{ background:url(../img/banner.jpg) no-repeat -132px -40px;} .second .sp03 a{ background:url(../img/banner.jpg) no-repeat -264px -40px;} .second .sp04 a{ background:url(../img/banner.jpg) no-repeat -396px -40px;} .second .sp05 a{ background:url(../img/banner.jpg) no-repeat -528px -40px;} .second .sp_top{display:block; width:300px; height:64px; background:url(../img/sousyoku_right.jpg) no-repeat} .second .sp_bottom{display:block; width:300px; height:28px; background:url(../img/sousyoku_right.jpg) -300px 0 no-repeat} .second #bnrTod a{ background:url(../img/banner_tod.jpg); width:300px; height:60px; display:block; margin:10px 0;} .second #bnrIshop a{ background:url(../img/ishop_bn.jpg); width:300px; height:60px; display:block; margin:10px 0;} /*Intro*/ .intro h1{ width:610px; height:500px;margin:10px 0 0 10px; background: url(../img/intro/title.jpg) no-repeat; } .intro #contentsarea{clear:both; width:610px; margin-left:10px; background: url(../img/bg_line.jpg) center top repeat-y; overflow:hidden;} .intro #contentsarea .txt{width:540px; font-size:130%;line-height:200%;margin:10px 0 20px 35px;} .intro .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;} .intro .come_bt a{display:block;; width:502px; height:52px;margin:30px 0 0 18px; background: url(../img/comment_bt.jpg) no-repeat;} .intro .come_bt a:hover{ filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;} /*Comment*/ .comment h1{ width:610px; height:100px;margin:10px 0 0 10px; background: url(../img/intro/come_title.jpg) no-repeat; } .comment #contentsarea{clear:both; width:610px; margin-left:10px; background: url(../img/bg_line.jpg) center top repeat-y; overflow:hidden;} .comment #contentsarea .txt{width:540px; font-size:130%;line-height:200%;margin:10px 0 20px 35px;} .comment .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;} /*News*/ .news h1{ width:610px; height:100px;margin:10px 0 0 10px; background: url(../img/news/title.jpg) no-repeat; } .news #contentsarea{clear:both; width:610px; min-height:910px; margin-left:10px; background: url(../img/bg_line.jpg) center -35px repeat-y; overflow:hidden;} .news .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;} .news .newsbox{width:560px; margin:0px 0 20px 25px; overflow:hidden;} .news .newsbox .midashi{ width:560px; height:30px;background:url(../img/news/subtitle.jpg) no-repeat; } .news .newsbox .date{text-align:right; } .news .newsbox h3{ width:530px; font-size:140%; margin-left:15px;padding-top:6px;} .news .newsbox p{font-size:130%; line-height:160%; margin:0 10px 10px;} .news .newsbox p.txt{clear: both;} .news #n01{width:560px; min-height:200px;background:url(../img/news/kazari.jpg) 440px 50px no-repeat; } .news #n01 p.txt{clear: both;width:420px; } .news .movie_lead{ width:525px; height:75px; background:url(../img/news/news_movie_lead.png) no-repeat; margin:0 auto 17px;} .news #player_box{ margin:0 auto 20px; text-align:center; width:480px; height:300px; background:#eedcb4;} .news #player_box p{color:#3e260;} .news #newsTod a{ width:325px; height:51px; background:url(../img/news/news_tod.gif); display:block;} .news #photo { width:520px; height:520px; margin:0 auto ; background:url(../img/news/photo.jpg); display:block;} .news #line { width:520px; height:130px; margin:10px auto ; background:url(../img/news/line.gif); display:block;} .news #line02 { width:520px; height:130px; margin:10px auto ; background:url(../img/news/line02.gif); display:block;} .news #qr { width:110px; height:110px; margin:0px 0 0 10px ; background:url(../img/news/gr.gif); display:block;} .news #cd { width:200px; height:198px; margin:0px 0 0 10px ; background:url(../img/news/cd.jpg); display:block;} .news #cd02 { width:200px; height:200px; margin:0px 0 0 10px ; background:url(../img/news/cd02.jpg); display:block;} .news #bag { width:520px; height:220px; margin:10px auto ; background:url(../img/news/bag.jpg); display:block;} .news #book { width:165px; height:240px; margin:10px 0 0 10px ; background:url(../img/news/book.jpg); display:block;} .news #book02 { width:165px; height:240px; margin:0px 0 0 20px ; background:url(../img/news/book.jpg); display:block;} .news #book03 { width:165px; height:240px; margin:10px 0 0 10px ; background:url(../img/news/book02.jpg); display:block;} .news #dvd { width:240px; height:217px; margin:0px 0 0 20px ; background:url(../img/news/dvd.png); display:block;} .news #takahashi { width:180px; height:270px; margin:0px 0 0 10px ; background:url(../img/news/takahashi.jpg); display:block;border:solid 3px #d7ba6a;} /*Cast*/ .cast h1{ width:610px; height:100px;margin:10px 0 0 10px; background: url(../img/cast/title.jpg) no-repeat; } .cast #contentsarea{clear:both; width:610px; min-height:910px; margin-left:10px; background: url(../img/bg_line.jpg) center -35px repeat-y; overflow:hidden;} .cast .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;} .cast .cast_box{ width:610px;background: url(../img/cast/bg.jpg) 180px bottom no-repeat;overflow:hidden; } .cast .cast_box dl{text-align:left;margin:50px 0 300px 170px; font-size:140%;line-height:180%;overflow:hidden;} .cast .cast_box dl dt { width:100px; float:left; text-align:right; color:#cc0000;font-size:120%;text-shadow: 0px 1px 1px #ccc28a;} .cast .cast_box dd.dot { width:60px; text-align:center; float:left; padding-bottom:20px;} .cast .cast_box dd.dot { width:60px; text-align:center; float:left; padding-bottom:20px; } .cast .cast_box dd.tab{color:#884606;} .cast .cast_box dd.name { padding-left:160px; padding-bottom:20px;} .cast .cast_box dd.dot2 { width:60px; text-align:center; float:left; padding-bottom:30px;} .cast .cast_box dd.name2 { padding-left:160px; padding-bottom:30px;} .cast .cast_box a { text-decoration:none; color:#cc0000; border-bottom: 1px dotted #cc0000;} .cast .cast_box a:hover { text-decoration:none; color:#3e2605; border-bottom: 1px dotted #3e2605;} /*Staff*/ .staff h1{ width:610px; height:100px;margin:10px 0 0 10px; background: url(../img/staff/title.jpg) no-repeat; } .staff #contentsarea{clear:both; width:610px; min-height:910px; margin-left:10px; background: url(../img/bg_line.jpg) center -35px repeat-y; overflow:hidden;} .staff .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;} .staff .staff_box{width:610px; min-height:910px; background: url(../img/staff/bg.jpg) 170px bottom no-repeat;overflow:hidden; } .staff .staff_box dl{text-align:left;margin:70px 0 200px 150px; font-size:140%;line-height:180%;} .staff .staff_box dl dt { width:120px; float:left; text-align:right; color:#884606;font-size:120%;text-shadow: 0px 1px 1px #ccc28a;} .staff .staff_box dd.dot { width:60px; text-align:center; float:left; padding-bottom:40px;} .staff .staff_box dd.name { padding-left:160px; padding-bottom:40px;} /*Msg*/ .msg #mainLeftIn .h2box{ position:relative; width:610px; height:191px;margin:10px 0 0 10px; background: url(../img/msg/title.jpg) no-repeat; } .msg #mainLeftIn .h2box{ position:relative; width:610px; height:191px;margin:10px 0 0 10px; background: url(../img/msg/title.jpg) no-repeat; } .msg #contentsarea{clear:both; width:610px; min-height:910px; margin-left:10px; background: url(../img/bg_line.jpg) center -35px repeat-y; overflow:hidden;} .msg .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;} .msg .msgbox{width:560px; margin:0px 0 20px 25px; overflow:hidden;} .msg .contentBox{width:610px; margin:0;overflow:hidden; } .msg .entry{width:560px; margin:0px 0 20px 25px; background:#f5efc9;} .msg .topic{width:560px;height:58px; display: block; background: url(../img/msg/midashi.jpg) 0px 0px no-repeat;margin:0;} .msg .mBox{border:solid 1px #cda74b;border-top:none;} .msg .hn{width:500px;height:30px; display: block;margin:0px 30px;} .msg .hn p{width:500px;font-size:120%;line-height:180%; text-align:right; } .msg .topic h3{width:510px;font-size:140%;margin-left:20px; padding-top:13px;} .msg .entry p.txt{width:500px;font-size:130%;line-height:180%;margin:0px 30px; color:#503e00;} .msg #writeBtn { position:absolute ;top:100px; left:182px;width:245px; height:49px;} .msg #writeBtn a{display:block; width:245px; height:49px; background:url(../img/msg/title.jpg) 0 -191px no-repeat;} .msg #writeBtn a:hover { filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;} .msg .paging{width:560px; margin:0 30px 10px; font-size:120%; } .msg .paging a { text-decoration:underline; color:#503e00} .msg .paging a:hover { text-decoration:underline; color:#666;} .msg .point{width:80px;height:14px; margin:5px 0 10px 25px;text-indent: -9999px;text-decoration: none; background:url(../img/msg/title.jpg) -245px -191px no-repeat;} .msg #selectBtn{position:absolute ;top:168px; left:25px;} .msg .pickup{color:#fff; font-size:120%; margin:10px 0 0 25px;} .msg .bt_txt{position:absolute ;top:100px; left:145px;width:340px; height:25px;font-size:120%;} /*msg form*/ .formarea #bg{ padding:15px;} .formarea #container_msg{ width:520px; margin:0 auto; text-align:center; font-size:120%; line-height:180%; background:#fff9dc;border:solid 2px #c09433;} .formarea #container_msg #header{ width:520px; height:110px; background:url(../img/form_img.jpg);} .formarea #container_msg #main{ padding:10px 20px 20px; text-align:left;} .formarea #container_msg #mainBox{ background:#fff9dc; padding:20px;border:solid 2px #c09433;} .formarea #container_msg #main h2{ border-bottom: dotted 1px; padding-bottom:10px; margin-bottom:10px;} .formarea #container_msg #main p{ padding-bottom:15px;} .formarea #container_msg #main dd{ padding-bottom:10px;} .formarea #container_msg #mainBox #doui{ margin:20px 0 10px 100px;} .formarea #container_msg #mainBox #doui a{ width:232px; height:19px; background:url(../img/form_img.jpg) 0 -114px; display:block;} .formarea #container_msg #mainBox #doui a:hover{ background-position:0 -133px;} .formarea #container_msg #main #close { width:48px; height:15px; margin:15px auto 0;} .formarea #container_msg #main #close a{ background:url(../img/form_img.jpg) -232px -114px; width:58px; height:19px; display:block;} .formarea #container_msg #main #close a:hover{ background-position: -232px -133px;} .formarea #container_msg #main #thanks{ padding:50px 0; text-align:center;} /*movie win*/ .spotarea #container_msg{ width:520px; margin:15px auto; text-align:center;background:#fff9dc;border:solid 2px #c09433;} .spotarea #container_msg #header{width:520px; height:76px; background:url(../img/form_img.jpg);} .spotarea #container_msg #main{ padding:20px 20px 10px 20px;} .spotarea #container_msg #mainBox{ background:#333;padding:0px;font-size:120%; line-height:180%; color:#fff; } .spotarea #playerArea{width:480px; height:305px; } .spotarea #mov_close { width:48px; height:15px; margin:10px auto 0 auto;} .spotarea #mov_close a{ background:url(../img/form_img.jpg) -232px -114px; width:58px; height:19px; display:block;} .spotarea #mov_close a:hover{ background-position: -232px -133px;} /*Interview*/ .int h1{ width:610px; height:79px;margin:10px 0 0 10px; background: url(../img/int/title.jpg) no-repeat; } .int .name01{ width:610px; height:100px;margin:10px 0 0 10px; background: url(../img/int/title.jpg) no-repeat; } .int #contentsarea{clear:both; width:610px; min-height:910px; margin-left:10px; background: url(../img/bg_line.jpg) center -35px repeat-y; overflow:hidden;} .int .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;} .int .intbox{width:560px; margin:0px 0 20px 25px; overflow:hidden;} .int .intbox .midashi{ width:560px; height:30px;background:url(../img/news/subtitle.jpg) no-repeat; } .int .intbox h3{ width:530px; font-size:140%; margin-left:15px;padding-top:6px;} .int .intbox p{font-size:130%; line-height:180%; margin:20px 10px 10px;} .int .intbox p.txt{clear: both;} .int .yoko{display:block;width:250px;height:170px;background:#d7ba6a;margin:0 0 10px 10px;} .int .tate{display:block;width:170px;height:250px;background:#d7ba6a;margin:0 0 10px 10px;} .int .bknm{ width:180px; height:26px;display:block;background:url(../img/int/int_bt.jpg) no-repeat;margin:0px 0 0 20px;text-indent: -9999px;}} #i_Navi { width:520px;margin-bottom:20px;} #i_Navi ul.listA{clear: both; height:68px; margin:5px 0 0 20px;overflow:hidden;} #i_Navi ul.listB{clear: both; height:68px; margin:10px 0 0 20px;overflow:hidden;} #i_Navi ul li{list-style:none; float:left; display: inline; padding:0; margin-right:18px; text-indent: -9999px;} #i_Navi a{display: block;} #i_Navi .int01 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) 0px -26px no-repeat; } #i_Navi .int02 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) -90px -26px no-repeat; } #i_Navi .int03 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) -180px -26px no-repeat; } #i_Navi .int04 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) -270px -26px no-repeat; } #i_Navi .int05 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) -360px -26px no-repeat; } #i_Navi .int06 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) 0px -94px no-repeat; } #i_Navi .int07 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) -90px -94px no-repeat; } #i_Navi .int08 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) -180px -94px no-repeat; } #i_Navi .int09 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) -270px -94px no-repeat; } #i_Navi .int10 a{ width:90px;height:68px;background: url(../img/int/int_bt.jpg) -360px -94px no-repeat; } #i_Navi a:hover { filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;} .int .cast01 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name01.jpg) no-repeat; } .int .cast01 #ph01_01{display:block;width:240px; height:160px; background: url(../img/int/ph01_01.jpg) no-repeat; margin:5px;} .int .cast01 #ph01_02{display:block;width:240px; height:160px; background: url(../img/int/ph01_02.jpg) no-repeat; margin:5px;} .int .cast02 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name02.jpg) no-repeat; } .int .cast02 #ph02_01{display:block;width:240px; height:160px; background: url(../img/int/ph02_01.jpg) no-repeat; margin:5px;} .int .cast02 #ph02_02{display:block;width:160px; height:240px; background: url(../img/int/ph02_02.jpg) no-repeat; margin:5px;} .int .cast03 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name03.jpg) no-repeat; } .int .cast03 #ph03_01{display:block;width:240px; height:160px; background: url(../img/int/ph03_01.jpg) no-repeat; margin:5px;} .int .cast03 #ph03_02{display:block;width:240px; height:160px; background: url(../img/int/ph03_02.jpg) no-repeat; margin:5px;} .int .cast04 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name04.jpg) no-repeat; } .int .cast04 #ph04_01{display:block;width:240px; height:160px; background: url(../img/int/ph04_01.jpg) no-repeat; margin:5px;} .int .cast04 #ph04_02{display:block;width:240px; height:160px; background: url(../img/int/ph04_02.jpg) no-repeat; margin:5px;} .int .cast05 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name05.jpg) no-repeat; } .int .cast05 #ph05_01{display:block;width:240px; height:160px; background: url(../img/int/ph05_01.jpg) no-repeat; margin:5px;} .int .cast05 #ph05_02{display:block;width:240px; height:160px; background: url(../img/int/ph05_02.jpg) no-repeat; margin:5px;} .int .cast06 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name06.jpg) no-repeat; } .int .cast06 #ph06_01{display:block;width:240px; height:160px; background: url(../img/int/ph06_01.jpg) no-repeat; margin:5px;} .int .cast06 #ph06_02{display:block;width:240px; height:160px; background: url(../img/int/ph06_02.jpg) no-repeat; margin:5px;} .int .cast07 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name07.jpg) no-repeat; } .int .cast07 #ph07_01{display:block;width:240px; height:160px; background: url(../img/int/ph07_01.jpg) no-repeat; margin:5px;} .int .cast07 #ph07_02{display:block;width:240px; height:160px; background: url(../img/int/ph07_02.jpg) no-repeat; margin:5px;} .int .cast08 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name08.jpg) no-repeat; } .int .cast08 #ph08_01{display:block;width:240px; height:160px; background: url(../img/int/ph08_01.jpg) no-repeat; margin:5px;} .int .cast08 #ph08_02{display:block;width:240px; height:160px; background: url(../img/int/ph08_02.jpg) no-repeat; margin:5px;} .int .cast09 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name09.jpg) no-repeat; } .int .cast09 #ph09_01{display:block;width:240px; height:160px; background: url(../img/int/ph09_01.jpg) no-repeat; margin:5px;} .int .cast09 #ph09_02{display:block;width:240px; height:160px; background: url(../img/int/ph09_02.jpg) no-repeat; margin:5px;} .int .cast10 .name{width:610px; height:54px;margin:0 0 0 10px; background: url(../img/int/name10.jpg) no-repeat; } .int .cast10 #ph10_01{display:block;width:240px; height:160px; background: url(../img/int/ph10_01.jpg) no-repeat; margin:5px;} .int .cast10 #ph10_02{display:block;width:240px; height:160px; background: url(../img/int/ph10_02.jpg) no-repeat; margin:5px;} /*Card*/ .card .h2box{ position:relative;width:610px; height:500px;margin:10px 0 0 10px; background: url(../img/card/title.jpg) no-repeat; } .card #contentsarea{clear:both; width:610px; min-height:360px; margin-left:10px; background: url(../img/bg_line.jpg) center -35px repeat-y; overflow:hidden;} .card .waku_bottom{clear:both; width:610px; height:18px;margin-left:10px; background: url(../img/bg_bottom.jpg) no-repeat;} .card select{margin:0 0 15px 25px; } .card .cardbox{width:560px; margin:10px 0 20px 25px; overflow:hidden;} .card .cardbox .midashi{ width:560px; height:30px;background:url(../img/news/subtitle.jpg) no-repeat; } .card .cardbox .date{margin:0 0 10px 10px; } .card .cardbox h3{ width:530px; font-size:140%; margin-left:15px;padding-top:6px;} .card .cardbox p{font-size:130%; line-height:180%; margin:10px 10px 10px;} .card .cardbox p.txt{clear: both;} .card .cardbox p.date{text-align:right; margin-right:10px;} .card #writeBtn { width:182px; height:47px;position:absolute ;top:430px; right:40px;} .card #writeBtn a{display:block; width:182px; height:47px; background:url(../img/card/bt.jpg) no-repeat;} .card #writeBtn a:hover { filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;} .card .yoko{display:block;width:250px;height:170px;background:#d7ba6a;margin:0 0 10px 10px;} .card .tate{display:block;width:170px;height:250px;background:#d7ba6a;margin:0 0 10px 10px;} .card #ph01_01{display:block; width:240px; height:160px; background: url(../img/int/ph01_01.jpg) no-repeat; margin:5px;} /*/photo/*/ #c001{display:block;width:240px; height:160px; background:url(../img/card/c001.jpg) no-repeat; margin:5px;}