@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:#01ade5; color:#333; line-height:1; text-align:center;} #bg { background:url(../img/bg.png) repeat-x center top;} .top #bg2 { background:url(../img/bg_main.png) no-repeat center top;} .contents #bg2 { background:url(../img/bg_main2.png) no-repeat center top;} #container { width:980px; text-align:left; position:relative; margin:0 auto;} #container_staff { width:980px; text-align:left; position:relative; margin:0 auto;} .top #container { background:url(../img/bg_top.jpg) no-repeat; height:1200px;} /*navi*/ .top #navi { position:absolute; top:443px; left:0px; width:1px; height:1px; background:none; } .top #navi #menu01 { position:absolute; top:0px; left:40px;} .top #navi #menu02 { position:absolute; top:131px; left:187px;} .top #navi #menu03 { position:absolute; top:26px; left:371px;} .top #navi #menu04 { display:none; } #dvdbox { position:absolute; top:17px; left:794px;} #dvdbox a { display:block;width:148px;height:89px;} #dvdbox a:hover { background:#000; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;} .contents #navi { position:absolute; top:0; left:413px;} .contents #navi #menu01 { position:absolute; top:52px; left:0px;} .contents #navi #menu02 { position:absolute; top:13px; left:335px;} .contents #navi #menu03 { position:absolute; top:67px; left:169px;} .contents #navi #menu04 { position:absolute; top:155px; left:443px;} #navi a { display:block; width:152px; height:139px;} #navi a:hover { background:#000; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;} .contents #navi #menu04 a { display:block; width:84px; height:76px;} /*banner*/ #bnRect { width:300px; height:250px; position:absolute;} .top #bnRect { top:670px; right:20px;} .topics #bnRect { top:937px; right:20px;} .staff #bnRect { top:1458px; right:20px;} .gallery #bnRect { top:967px; right:20px;} .top #bnATARU { position:absolute; top:778px; right:340px;} .topics #bnATARU { position:absolute; top:1045px; right:348px;} .staff #bnATARU { position:absolute; top:1568px; right:348px;} .gallery #bnATARU { position:absolute; top:1045px; left:204px;} #bnATARU a { display:block; width:210px; height:140px;} #bnATARU a:hover { background:#fff; filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;} /*sns*/ .top #sns { height:30px; position:absolute; top:930px; right:290px;} .topics #sns { height:30px; position:absolute; top:1190px; right:290px;} .staff #sns { height:30px; position:absolute; top:1713px; right:290px;} .gallery #sns { height:30px; position:absolute; top:1220px; right:290px;} #sns .tw { width:110px; height:25px; position:absolute; top:10px; left:0;} #sns .fb { width:110px; height:25px; position:absolute; top:10px; left:120px;} /*update*/ #update { position:absolute; top:760px; left:20px;} #update dl { width:285px; height:100px; font-size:120%; font-weight:bold; line-height:1.25; overflow:auto;} #update dt { width:4em; color:#c4321f; float:left; padding-bottom:0.5em;} #update dd { color:#777; padding-left:4em;} #update dd a { color:#c4321f;} #update dd a:hover { color:#777;} /*footer*/ #footer { font-size:120%; line-height:1.5; text-align:right; color:#555; position:absolute; bottom:20px; right:20px;} #footer a { color:#555;} /*＠Topics /////////////////////////////////////////////////////////////////////////*/ .topics #container { height:1320px;} .staff #container_staff { height:1941px;} .topics .vol01 { background:url(../img/bg_topics.jpg) no-repeat; } .topics .vol02 { background:url(../img/bg_topics_02.jpg) no-repeat; } .topics .vol03 { background:url(../img/bg_topics_03.jpg) no-repeat; } .topics .vol04 { background:url(../img/bg_topics_04.jpg) no-repeat; } .topics .vol05 { background:url(../img/bg_topics_05.jpg) no-repeat; } .topics .vol06 { background:url(../img/bg_topics_06.jpg) no-repeat; } .topics .vol07 { background:url(../img/bg_topics_07.jpg) no-repeat; } .topics .vol08 { background:url(../img/bg_topics_08.jpg) no-repeat; } .staff .vol99 { background:url(../img/bg_topics_99.jpg) no-repeat; } .topics #bknm { width:402px; height:26px; position:absolute; top:899px; left:569px;} .topics #bknm ul { padding-left:11px;} .topics #bknm li { width:30px; height:26px; float:left; margin-right:5px;} .topics #bknm li a { display:block; width:30px; height:26px; background:url(../img/bknm.png) no-repeat;} .topics #bknm li#bknm01 a { background-position:-11px -1px;} .topics #bknm li#bknm02 a { background-position:-46px -1px;} .topics #bknm li#bknm03 a { background-position:-81px -1px;} .topics #bknm li#bknm04 a { background-position:-116px -1px;} .topics #bknm li#bknm05 a { background-position:-151px -1px;} .topics #bknm li#bknm06 a { background-position:-186px -1px;} .topics #bknm li#bknm07 a { background-position:-221px -1px;} .topics #bknm li#bknm08 a { background-position:-256px -1px;} .topics #bknm li#bknm09 a { background-position:-291px -1px;} .topics #bknm li#bknm10 a { background-position:-326px -1px;} .topics #bknm li#bknm11 a { background-position:-361px -1px;} .topics .vol01 #bknm li#bknm01 a, .topics #bknm li#bknm01 a:hover { background-position:-11px -41px;} .topics .vol02 #bknm li#bknm02 a, .topics #bknm li#bknm02 a:hover { background-position:-46px -41px;} .topics .vol03 #bknm li#bknm03 a, .topics #bknm li#bknm03 a:hover { background-position:-81px -41px;} .topics .vol04 #bknm li#bknm04 a, .topics #bknm li#bknm04 a:hover { background-position:-116px -41px;} .topics .vol05 #bknm li#bknm05 a, .topics #bknm li#bknm05 a:hover { background-position:-151px -41px;} .topics .vol06 #bknm li#bknm06 a, .topics #bknm li#bknm06 a:hover { background-position:-186px -41px;} .topics .vol07 #bknm li#bknm07 a, .topics #bknm li#bknm07 a:hover { background-position:-221px -41px;} .topics .vol08 #bknm li#bknm08 a, .topics #bknm li#bknm08 a:hover { background-position:-256px -41px;} .topics .vol09 #bknm li#bknm09 a, .topics #bknm li#bknm09 a:hover { background-position:-291px -41px;} .topics .vol10 #bknm li#bknm10 a, .topics #bknm li#bknm10 a:hover { background-position:-326px -41px;} .topics .vol11 #bknm li#bknm11 a, .topics #bknm li#bknm11 a:hover { background-position:-361px -41px;} /*＠Gallery /////////////////////////////////////////////////////////////////////////*/ .gallery #container { background:url(../img/bg_gallery.jpg) no-repeat; height:1350px;} .gallery .mainPhoto { width:480px; height:320px; position:absolute; top:286px; left:250px;} .gallery #ph1 .mainPhoto { background:url(../img/gallery/ph01.jpg) no-repeat;} .gallery #ph2 .mainPhoto { background:url(../img/gallery/ph02.jpg) no-repeat;} .gallery #ph3 .mainPhoto { background:url(../img/gallery/ph03.jpg) no-repeat;} .gallery #ph4 .mainPhoto { background:url(../img/gallery/ph04.jpg) no-repeat;} .gallery #ph5 .mainPhoto { background:url(../img/gallery/ph05.jpg) no-repeat;} .gallery #ph6 .mainPhoto { background:url(../img/gallery/ph06.jpg) no-repeat;} .gallery #ph7 .mainPhoto { background:url(../img/gallery/ph07.jpg) no-repeat;} .gallery #ph8 .mainPhoto { background:url(../img/gallery/ph08.jpg) no-repeat;} .gallery #ph9 .mainPhoto { background:url(../img/gallery/ph09.jpg) no-repeat;} .gallery #ph10 .mainPhoto { background:url(../img/gallery/ph10.jpg) no-repeat;} .gallery #ph11 .mainPhoto { background:url(../img/gallery/ph11.jpg) no-repeat;} .gallery #ph12 .mainPhoto { background:url(../img/gallery/ph12.jpg) no-repeat;} .gallery #ph13 .mainPhoto { background:url(../img/gallery/ph13.jpg) no-repeat;} .gallery #ph14 .mainPhoto { background:url(../img/gallery/ph14.jpg) no-repeat;} .gallery #ph15 .mainPhoto { background:url(../img/gallery/ph15.jpg) no-repeat;} .gallery #ph16 .mainPhoto { background:url(../img/gallery/ph16.jpg) no-repeat;} .gallery #ph17 .mainPhoto { background:url(../img/gallery/ph17.jpg) no-repeat;} .gallery #ph18 .mainPhoto { background:url(../img/gallery/ph18.jpg) no-repeat;} .gallery #ph19 .mainPhoto { background:url(../img/gallery/ph19.jpg) no-repeat;} .gallery #ph20 .mainPhoto { background:url(../img/gallery/ph20.jpg) no-repeat;} .gallery #ph21 .mainPhoto { background:url(../img/gallery/ph21.jpg) no-repeat;} .gallery #ph22 .mainPhoto { background:url(../img/gallery/ph22.jpg) no-repeat;} .gallery #ph23 .mainPhoto { background:url(../img/gallery/ph23.jpg) no-repeat;} .gallery #ph24 .mainPhoto { background:url(../img/gallery/ph24.jpg) no-repeat;} .gallery #ph25 .mainPhoto { background:url(../img/gallery/ph25.jpg) no-repeat;} .gallery #ph26 .mainPhoto { background:url(../img/gallery/ph26.jpg) no-repeat;} .gallery #ph27 .mainPhoto { background:url(../img/gallery/ph27.jpg) no-repeat;} .gallery #ph28 .mainPhoto { background:url(../img/gallery/ph28.jpg) no-repeat;} .gallery #ph29 .mainPhoto { background:url(../img/gallery/ph29.jpg) no-repeat;} .gallery #ph30 .mainPhoto { background:url(../img/gallery/ph30.jpg) no-repeat;} .gallery #ph31 .mainPhoto { background:url(../img/gallery/ph31.jpg) no-repeat;} .gallery #ph32 .mainPhoto { background:url(../img/gallery/ph32.jpg) no-repeat;} .gallery #ph33 .mainPhoto { background:url(../img/gallery/ph33.jpg) no-repeat;} .gallery #ph34 .mainPhoto { background:url(../img/gallery/ph34.jpg) no-repeat;} .gallery #ph35 .mainPhoto { background:url(../img/gallery/ph35.jpg) no-repeat;} .gallery #ph36 .mainPhoto { background:url(../img/gallery/ph36.jpg) no-repeat;} .gallery #ph37 .mainPhoto { background:url(../img/gallery/ph37.jpg) no-repeat;} .gallery #ph38 .mainPhoto { background:url(../img/gallery/ph38.jpg) no-repeat;} .gallery #ph39 .mainPhoto { background:url(../img/gallery/ph39.jpg) no-repeat;} .gallery #ph40 .mainPhoto { background:url(../img/gallery/ph40.jpg) no-repeat;} .gallery #ph41 .mainPhoto { background:url(../img/gallery/ph41.jpg) no-repeat;} .gallery #ph42 .mainPhoto { background:url(../img/gallery/ph42.jpg) no-repeat;} .gallery #ph43 .mainPhoto { background:url(../img/gallery/ph43.jpg) no-repeat;} .gallery #ph44 .mainPhoto { background:url(../img/gallery/ph44.jpg) no-repeat;} .gallery #ph45 .mainPhoto { background:url(../img/gallery/ph45.jpg) no-repeat;} .gallery #ph46 .mainPhoto { background:url(../img/gallery/ph46.jpg) no-repeat;} .gallery #ph47 .mainPhoto { background:url(../img/gallery/ph47.jpg) no-repeat;} .gallery #ph48 .mainPhoto { background:url(../img/gallery/ph48.jpg) no-repeat;} .gallery #ph49 .mainPhoto { background:url(../img/gallery/ph49.jpg) no-repeat;} .gallery #ph50 .mainPhoto { background:url(../img/gallery/ph50.jpg) no-repeat;} .gallery #ph51 .mainPhoto { background:url(../img/gallery/ph51.jpg) no-repeat;} .gallery #ph52 .mainPhoto { background:url(../img/gallery/ph52.jpg) no-repeat;} .gallery #ph53 .mainPhoto { background:url(../img/gallery/ph53.jpg) no-repeat;} .gallery #ph54 .mainPhoto { background:url(../img/gallery/ph54.jpg) no-repeat;} .gallery #ph55 .mainPhoto { background:url(../img/gallery/ph55.jpg) no-repeat;} .gallery #ph56 .mainPhoto { background:url(../img/gallery/ph56.jpg) no-repeat;} .gallery #ph57 .mainPhoto { background:url(../img/gallery/ph57.jpg) no-repeat;} .gallery #ph58 .mainPhoto { background:url(../img/gallery/ph58.jpg) no-repeat;} .gallery #ph59 .mainPhoto { background:url(../img/gallery/ph59.jpg) no-repeat;} .gallery #ph60 .mainPhoto { background:url(../img/gallery/ph60.jpg) no-repeat;} /*btn*/ .gallery #btnPrev { position:absolute; top:411px; left:11px;} .gallery #btnNext { position:absolute; top:411px; right:11px;} .gallery #btnPrev a, .gallery #btnNext a { display:block; width:229px; height:70px;} .gallery #btnPrev a:hover, .gallery #btnNext a:hover { background:#000; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3;} .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 { position:absolute; top:651px; left:15px;} .gallery #thumbnail li { width:70px; height:50px; float:left; margin:0 10px 10px 0;} .gallery #thumbnail li a { display:block; width:70px; height:50px; background:#000; 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 { background:none;} .gallery #ph50 #thumbnail li#link50 a { background:none;} .gallery #ph51 #thumbnail li#link51 a { background:none;} .gallery #ph52 #thumbnail li#link52 a { background:none;} .gallery #ph53 #thumbnail li#link53 a { background:none;} .gallery #ph54 #thumbnail li#link54 a { background:none;} .gallery #ph55 #thumbnail li#link55 a { background:none;} .gallery #ph56 #thumbnail li#link56 a { background:none;} .gallery #ph57 #thumbnail li#link57 a { background:none;} .gallery #ph58 #thumbnail li#link58 a { background:none;} .gallery #ph59 #thumbnail li#link59 a { background:none;} .gallery #ph60 #thumbnail li#link60 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*/