@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 { 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;} .noplugin { display:none;} /*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*/ .cPin { color:#e858af;} .cBlu { color:#0088bb;} .cGrn { color:#287a00;} .cRed { color:#c50000;} /*font-size*/ .f140 { font-size:140%;} .f120 { font-size:120%;} .f110 { font-size:110%;} .f90 { font-size:90%;} .f85 { font-size:85%;} .f75 { font-size:75%;} /*link*/ a { text-decoration:none; color:#e96187;} a:hover { text-decoration:underline; color:#333;} /*///////////////////////////////////////////////////////////////////////// 共通CSS /////////////////////////////////////////////////////////////////////////*/ body { background:#f090ab; color:#333; line-height:1; text-align:center;} #bg { background:url(../img/bg.jpg) repeat-x center top;} #container { width:980px; height:915px; text-align:left; position:relative; margin:0 auto;} #containerIn { padding:0 20px;} #container h1 { height:540px;} #unitBottom { padding:0 20px 20px; position:relative;} .top #container { background:url(../img/top_main.jpg) no-repeat;} .intro #container { background:url(../img/intro_main.jpg) no-repeat;} .manager #container { background:url(../img/manager_main.jpg) no-repeat;} .dvd #container { background:url(../img/dvd_main.jpg) no-repeat;} .gallery #container { background:url(../img/gallery_main.jpg) no-repeat;} .secret #container { background:url(../img/secret_main.jpg) no-repeat;} #container .secret_bt { position:absolute; left:698px; top:453px; } #container .secret_bt a { display:block; width:262px; height:87px; padding:0; margin:0; background:url(../img/secret_bt.jpg) no-repeat; } #container .secret_bt a:hover { background:url(../img/secret_bt_r.jpg) no-repeat; } /*banner*/ #bnRect { width:300px; height:250px; position:absolute;} #bnRect { top:0; right:20px;} #bnATARU { position:absolute; top:0; left:400px;} #bnATARU a { display:block; width:200px; height:250px;} #bnATARU a:hover { background:#fff; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;} /*sns*/ #sns { height:30px; position:relative; margin:10px 0 0 20px;} #sns .tw { width:110px; height:25px; position:absolute; top:10px; left:0;} #sns .fb { width:110px; height:25px; position:absolute; top:10px; left:120px;} /*navi*/ #navi { height:90px; position:relative;} #navi li { position:absolute; top:5px;} #navi li#menu01 { left:20px;} #navi li#menu02 { left:145px;} #navi li#menu03 { left:375px;} #navi li#menu04 { left:542px;} #navi li#menu05 { left:757px;} #navi li a { display:block; height:60px; background:url(../img/navi.jpg) no-repeat;} #navi li#menu01 a { width:75px; background-position:-20px 0;} #navi li#menu02 a { width:180px; background-position:-145px 0;} #navi li#menu03 a { width:120px; background-position:-375px 0;} #navi li#menu04 a { width:170px; background-position:-542px 0;} #navi li#menu05 a { width:160px; background-position:-757px 0;} #navi li#menu01 a:hover { background-position:-20px -70px;} .intro #navi li#menu02 a, #navi li#menu02 a:hover { background-position:-145px -70px;} .dvd #navi li#menu03 a, #navi li#menu03 a:hover { background-position:-375px -70px;} .manager #navi li#menu04 a, #navi li#menu04 a:hover { background-position:-542px -70px;} .gallery #navi li#menu05 a, #navi li#menu05 a:hover { background-position:-757px -70px;} /*update*/ #update { width:360px; height:215px; position:relative;} #update p { width:330px; font-size:120%; line-height:1.25; position:absolute; top:45px; left:10px; z-index:9999;} #update dl { width:330px; font-size:120%; line-height:1.25; height:140px;} #update dt { width:8em; color:#e96187; float:left; padding-bottom:0.5em;} #update dd { color:#333; border-bottom:1px dashed #d5698d; padding-left:8.5em; padding-bottom:0.5em; margin-bottom:0.5em;} #update dd a { color:#333;} #update dd a:hover { color:#e96187;} /*scrl*/ #update #ContentsMask { width:320px; height:140px; padding:0; margin:0; overflow:hidden; position:absolute; top:70px; left:10px;} #update #Contents { padding:0; margin:0; position:absolute; top:0; left:0;} #update .tsumamiArea { position:absolute; top:70px; left:349px; z-index:999;} #update .tsumamiArea #scbarBar { width:7px; height:140px; padding:0; margin:0; position:relative;} #update .tsumamiArea #drugArea { width:7px; height:140px; position:absolute; left:0; margin:0; cursor:pointer; background:#fff;} #update .tsumamiArea #tsumami { width:7px; height:30px; padding:0; margin:0; background:#f7b7be; position:absolute; left:0; margin:0;} /*footer*/ #footer { font-size:120%; text-align:center; color:#fff6f9; padding:20px;} #footer a { color:#fff6f9;} /*＠Manager /////////////////////////////////////////////////////////////////////////*/ .manager #unit { width:560px; height:500px; position:absolute; top:10px; left:280px;} .manager #unit h2 { background:#ffe7ee url(../img/ico.png) no-repeat 3px center; font-size:140%; color:#f65785; text-shadow:1px 1px #fff; border:1px dashed #fb9ec7; padding:7px 10px 7px 30px; margin-bottom:10px;} .manager #unit h2 .inner { display:inline-block; width:380px; float:left; padding-top:1px;} .manager #unit h2 .date { display:inline-block; width:100px; font-size:85%; font-weight:normal; color:#555; text-align:right; float:right; padding-top:2px;} .manager #unit p { font-size:140%; line-height:1.8; color:#333; padding:0 10px 20px;} .manager #unit .msgBox { padding-bottom:20px;} /*scrl*/ .manager #unit #ContentsMask2 { width:540px; height:500px; padding:0; margin:0; overflow:hidden; position:absolute; top:10px; left:0;} .manager #unit #Contents2 { padding:0 0 20px; margin:0; position:absolute; top:0; left:0;} .manager #unit .tsumamiArea { position:absolute; top:10px; left:550px; z-index:999;} .manager #unit .tsumamiArea #scbarBar2 { width:7px; height:500px; padding:0; margin:0; position:relative;} .manager #unit .tsumamiArea #drugArea2 { width:7px; height:500px; position:absolute; left:0; margin:0; cursor:pointer; background:#fff;} .manager #unit .tsumamiArea #tsumami2 { width:7px; height:30px; padding:0; margin:0; background:#ffa3bb; position:absolute; left:0; margin:0;} /*pagelink*/ .manager .pagelink { width:540px; height:auto; font-size:120%; font-weight:bold; line-height:1; text-align:center;} .manager .pagelink a { display:inline-block; width:150px; height:auto; background:#fff; border:1px dashed #e96187; text-decoration:none; padding:5px 0; margin-left:10px;} .manager .pagelink a:hover { background:#e96187; color:#fff; border:1px dashed #fff; text-decoration:none;} .manager .pagelink .none { display:inline-block; width:150px; height:auto; background:#fff; border:1px dashed #aaa; color:#aaa; padding:5px 0; margin-left:10px;} /*pageno*/ .manager #pageno { width:110px; height:465px; position:absolute; top:30px; left:140px; overflow:auto;} .manager #pageno li { font-size:120%; border-bottom:1px dashed #fb9ec7; padding-bottom:6px; margin-bottom:7px;} /*＠Gallery /////////////////////////////////////////////////////////////////////////*/ .gallery .mainPhoto { width:360px; height:270px; position:absolute; top:5px; left:310px;} .gallery #ph1 .mainPhoto { background:url(../img/gallery/ph01.jpg) no-repeat center center;} .gallery #ph2 .mainPhoto { background:url(../img/gallery/ph02.jpg) no-repeat center center;} .gallery #ph3 .mainPhoto { background:url(../img/gallery/ph03.jpg) no-repeat center center;} .gallery #ph4 .mainPhoto { background:url(../img/gallery/ph04.jpg) no-repeat center center;} .gallery #ph5 .mainPhoto { background:url(../img/gallery/ph05.jpg) no-repeat center center;} .gallery #ph6 .mainPhoto { background:url(../img/gallery/ph06.jpg) no-repeat center center;} .gallery #ph7 .mainPhoto { background:url(../img/gallery/ph07.jpg) no-repeat center center;} .gallery #ph8 .mainPhoto { background:url(../img/gallery/ph08.jpg) no-repeat center center;} .gallery #ph9 .mainPhoto { background:url(../img/gallery/ph09.jpg) no-repeat center center;} .gallery #ph10 .mainPhoto { background:url(../img/gallery/ph10.jpg) no-repeat center center;} .gallery #ph11 .mainPhoto { background:url(../img/gallery/ph11.jpg) no-repeat center center;} .gallery #ph12 .mainPhoto { background:url(../img/gallery/ph12.jpg) no-repeat center center;} .gallery #ph13 .mainPhoto { background:url(../img/gallery/ph13.jpg) no-repeat center center;} .gallery #ph14 .mainPhoto { background:url(../img/gallery/ph14.jpg) no-repeat center center;} .gallery #ph15 .mainPhoto { background:url(../img/gallery/ph15.jpg) no-repeat center center;} .gallery #ph16 .mainPhoto { background:url(../img/gallery/ph16.jpg) no-repeat center center;} .gallery #ph17 .mainPhoto { background:url(../img/gallery/ph17.jpg) no-repeat center center;} .gallery #ph18 .mainPhoto { background:url(../img/gallery/ph18.jpg) no-repeat center center;} .gallery #ph19 .mainPhoto { background:url(../img/gallery/ph19.jpg) no-repeat center center;} .gallery #ph20 .mainPhoto { background:url(../img/gallery/ph20.jpg) no-repeat center center;} .gallery #ph21 .mainPhoto { background:url(../img/gallery/ph21.jpg) no-repeat center center;} .gallery #ph22 .mainPhoto { background:url(../img/gallery/ph22.jpg) no-repeat center center;} .gallery #ph23 .mainPhoto { background:url(../img/gallery/ph23.jpg) no-repeat center center;} .gallery #ph24 .mainPhoto { background:url(../img/gallery/ph24.jpg) no-repeat center center;} .gallery #ph25 .mainPhoto { background:url(../img/gallery/ph25.jpg) no-repeat center center;} .gallery #ph26 .mainPhoto { background:url(../img/gallery/ph26.jpg) no-repeat center center;} .gallery #ph27 .mainPhoto { background:url(../img/gallery/ph27.jpg) no-repeat center center;} .gallery #ph28 .mainPhoto { background:url(../img/gallery/ph28.jpg) no-repeat center center;} .gallery #ph29 .mainPhoto { background:url(../img/gallery/ph29.jpg) no-repeat center center;} .gallery #ph30 .mainPhoto { background:url(../img/gallery/ph30.jpg) no-repeat center center;} .gallery #ph31 .mainPhoto { background:url(../img/gallery/ph31.jpg) no-repeat center center;} .gallery #ph32 .mainPhoto { background:url(../img/gallery/ph32.jpg) no-repeat center center;} .gallery #ph33 .mainPhoto { background:url(../img/gallery/ph33.jpg) no-repeat center center;} .gallery #ph34 .mainPhoto { background:url(../img/gallery/ph34.jpg) no-repeat center center;} .gallery #ph35 .mainPhoto { background:url(../img/gallery/ph35.jpg) no-repeat center center;} .gallery #ph36 .mainPhoto { background:url(../img/gallery/ph36.jpg) no-repeat center center;} .gallery #ph37 .mainPhoto { background:url(../img/gallery/ph37.jpg) no-repeat center center;} .gallery #ph38 .mainPhoto { background:url(../img/gallery/ph38.jpg) no-repeat center center;} .gallery #ph39 .mainPhoto { background:url(../img/gallery/ph39.jpg) no-repeat center center;} .gallery #ph40 .mainPhoto { background:url(../img/gallery/ph40.jpg) no-repeat center center;} .gallery #ph41 .mainPhoto { background:url(../img/gallery/ph41.jpg) no-repeat center center;} .gallery #ph42 .mainPhoto { background:url(../img/gallery/ph42.jpg) no-repeat center center;} .gallery #ph43 .mainPhoto { background:url(../img/gallery/ph43.jpg) no-repeat center center;} .gallery #ph44 .mainPhoto { background:url(../img/gallery/ph44.jpg) no-repeat center center;} .gallery #ph45 .mainPhoto { background:url(../img/gallery/ph45.jpg) no-repeat center center;} .gallery #ph46 .mainPhoto { background:url(../img/gallery/ph46.jpg) no-repeat center center;} .gallery #ph47 .mainPhoto { background:url(../img/gallery/ph47.jpg) no-repeat center center;} .gallery #ph48 .mainPhoto { background:url(../img/gallery/ph48.jpg) no-repeat center center;} .gallery #ph49 .mainPhoto { background:url(../img/gallery/ph49.jpg) no-repeat center center;} .gallery #ph50 .mainPhoto { background:url(../img/gallery/ph50.jpg) no-repeat center center;} .gallery #ph51 .mainPhoto { background:url(../img/gallery/ph51.jpg) no-repeat center center;} .gallery #ph52 .mainPhoto { background:url(../img/gallery/ph52.jpg) no-repeat center center;} .gallery #ph53 .mainPhoto { background:url(../img/gallery/ph53.jpg) no-repeat center center;} .gallery #ph54 .mainPhoto { background:url(../img/gallery/ph54.jpg) no-repeat center center;} .gallery #ph55 .mainPhoto { background:url(../img/gallery/ph55.jpg) no-repeat center center;} .gallery #ph56 .mainPhoto { background:url(../img/gallery/ph56.jpg) no-repeat center center;} .gallery #ph57 .mainPhoto { background:url(../img/gallery/ph57.jpg) no-repeat center center;} .gallery #ph58 .mainPhoto { background:url(../img/gallery/ph58.jpg) no-repeat center center;} .gallery #ph59 .mainPhoto { background:url(../img/gallery/ph59.jpg) no-repeat center center;} .gallery #ph60 .mainPhoto { background:url(../img/gallery/ph60.jpg) no-repeat center center;} .gallery #ph61 .mainPhoto { background:url(../img/gallery/ph61.jpg) no-repeat center center;} .gallery #ph62 .mainPhoto { background:url(../img/gallery/ph62.jpg) no-repeat center center;} .gallery #ph63 .mainPhoto { background:url(../img/gallery/ph63.jpg) no-repeat center center;} .gallery #ph64 .mainPhoto { background:url(../img/gallery/ph64.jpg) no-repeat center center;} .gallery #ph65 .mainPhoto { background:url(../img/gallery/ph65.jpg) no-repeat center center;} .gallery #ph66 .mainPhoto { background:url(../img/gallery/ph66.jpg) no-repeat center center;} .gallery #ph67 .mainPhoto { background:url(../img/gallery/ph67.jpg) no-repeat center center;} .gallery #ph68 .mainPhoto { background:url(../img/gallery/ph68.jpg) no-repeat center center;} /*btn*/ .gallery #btnPrev { position:absolute; top:225px; left:143px;} .gallery #btnNext { position:absolute; top:225px; right:154px;} .gallery #btnPrev a, .gallery #btnNext a { display:block; width:115px; height:40px;} .gallery #btnPrev a:hover, .gallery #btnNext a:hover { background:#fff; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;} .gallery #btnPrev .none, .gallery #btnNext .none { display:block; width:229px; height:70px; background:#c4321f; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} /*thumb*/ .gallery #thumbnail { width:700px; position:absolute; top:281px; left:145px;} .gallery #thumbnail li { width:59px; height:29px; float:left; margin:0 10px 5px 0;} .gallery #thumbnail li a { display:block; width:59px; height:29px; background:#fff; filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .gallery #thumbnail li a:hover, .gallery #ph1 #thumbnail li#link1 a, .gallery #ph2 #thumbnail li#link2 a, .gallery #ph3 #thumbnail li#link3 a, .gallery #ph4 #thumbnail li#link4 a, .gallery #ph5 #thumbnail li#link5 a, .gallery #ph6 #thumbnail li#link6 a, .gallery #ph7 #thumbnail li#link7 a, .gallery #ph8 #thumbnail li#link8 a, .gallery #ph9 #thumbnail li#link9 a, .gallery #ph10 #thumbnail li#link10 a, .gallery #ph11 #thumbnail li#link11 a, .gallery #ph12 #thumbnail li#link12 a, .gallery #ph13 #thumbnail li#link13 a, .gallery #ph14 #thumbnail li#link14 a, .gallery #ph15 #thumbnail li#link15 a, .gallery #ph16 #thumbnail li#link16 a, .gallery #ph17 #thumbnail li#link17 a, .gallery #ph18 #thumbnail li#link18 a, .gallery #ph19 #thumbnail li#link19 a, .gallery #ph20 #thumbnail li#link20 a, .gallery #ph21 #thumbnail li#link21 a, .gallery #ph22 #thumbnail li#link22 a, .gallery #ph23 #thumbnail li#link23 a, .gallery #ph24 #thumbnail li#link24 a, .gallery #ph25 #thumbnail li#link25 a, .gallery #ph26 #thumbnail li#link26 a, .gallery #ph27 #thumbnail li#link27 a, .gallery #ph28 #thumbnail li#link28 a, .gallery #ph29 #thumbnail li#link29 a, .gallery #ph30 #thumbnail li#link30 a, .gallery #ph31 #thumbnail li#link31 a, .gallery #ph32 #thumbnail li#link32 a, .gallery #ph33 #thumbnail li#link33 a, .gallery #ph34 #thumbnail li#link34 a, .gallery #ph35 #thumbnail li#link35 a, .gallery #ph36 #thumbnail li#link36 a, .gallery #ph37 #thumbnail li#link37 a, .gallery #ph38 #thumbnail li#link38 a, .gallery #ph39 #thumbnail li#link39 a, .gallery #ph40 #thumbnail li#link40 a, .gallery #ph41 #thumbnail li#link41 a, .gallery #ph42 #thumbnail li#link42 a, .gallery #ph43 #thumbnail li#link43 a, .gallery #ph44 #thumbnail li#link44 a, .gallery #ph45 #thumbnail li#link45 a, .gallery #ph46 #thumbnail li#link46 a, .gallery #ph47 #thumbnail li#link47 a, .gallery #ph48 #thumbnail li#link48 a, .gallery #ph49 #thumbnail li#link49 a, .gallery #ph50 #thumbnail li#link50 a, .gallery #ph51 #thumbnail li#link51 a, .gallery #ph52 #thumbnail li#link52 a, .gallery #ph53 #thumbnail li#link53 a, .gallery #ph54 #thumbnail li#link54 a, .gallery #ph55 #thumbnail li#link55 a, .gallery #ph56 #thumbnail li#link56 a, .gallery #ph57 #thumbnail li#link57 a, .gallery #ph58 #thumbnail li#link58 a, .gallery #ph59 #thumbnail li#link59 a, .gallery #ph60 #thumbnail li#link60 a, .gallery #ph61 #thumbnail li#link61 a, .gallery #ph62 #thumbnail li#link62 a, .gallery #ph63 #thumbnail li#link63 a, .gallery #ph64 #thumbnail li#link64 a, .gallery #ph65 #thumbnail li#link65 a, .gallery #ph66 #thumbnail li#link66 a, .gallery #ph67 #thumbnail li#link67 a, .gallery #ph68 #thumbnail li#link68 a, .gallery #ph69 #thumbnail li#link69 a, .gallery #ph70 #thumbnail li#link70 a { background:none;} /*＠ヘッダー要素 /////////////////////////////////////////////////////////////////////////*/ #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*/