@charset "iso-2022-jp"; body { text-align:center; font-size:62.5%; font-family:'Verdana', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", sans-serif;} body, h1, h2, h3, h4, h5, h6 { margin:0; padding:0;} #con_header p,#con_header dl,#con_header dt,#con_header dd,#con_header ol,#con_header ul,#con_header li,#con_header form,#con_header table,#con_header caption,#con_header tbody,#con_header tfoot,#con_header thead,#con_header tr,#con_header th,#con_header td { margin:0; padding:0;} h1, h2, h3, h4, h5, h6, table, caption, tbody, tfoot, thead, tr, th, td, input, textarea { font-size:100%;} .cover { background:url(/img/cover.gif); display:block;} #bnSuper { width:100%; height:110px; background:#fff; border-bottom:1px solid #c0c0c0;} #bnIn { padding-top:10px;} /*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; line-height: 0;} .clearfix { min-height: 1px; _overflow: visible; _height: 1px; /*\*//*/ overflow: hidden; /**/ } * html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ } /*font*/ .tCenter { text-align:center !important} .tRight { text-align:right !important} .tLeft { text-align:left !important} /*font-color*/ .cRed, .err { color:#a50005;} .cYel { color:#fd0;} .cGrn { color:#305c00;} .cBlu { color:#0060aa;} .cOrg { color:#e96e00;} /*font-size*/ .f180 { font-size: 180%;} .f160 { font-size: 160%;} .f140 { font-size: 140%;} .f130 { font-size: 130%;} .f120 { font-size: 120%;} .f110 { font-size: 110%;} .f90 { font-size: 90%;} .f85 { line-height: normal; font-size: 85% !important} /*link*/ a { text-decoration: none; color: #fff;} a:hover { text-decoration: underline; color: #ccc;} /*footer*/ #footer { clear: both; padding: 20px; background: #777;} /*org*/ .alt,.kt { position: absolute; left: -9999px;} .nt { display: none;} .nst { display: none;} * html .nst { display: block;} a:link { color: #a70303;} a:visited { color: #a94800;} a:active { color: #fef000;} a:hover { color: #fff000; text-decoration: underline;} * html option { font-size: 90%;} br,.ls0 { letter-spacing: 0;} .ls1 { letter-spacing: 0.1em;} .ls2 { letter-spacing: 0.2em;} .ct { text-align: center;} .lt { text-align: left;} .rt { text-align: right;} .fl { float: left;} .fr { float: right;} .fcl { clear:both;} .ovf { overflow: auto;} .dblk { display: block;} .dbil { display: inline;} .valb { vertical-align: top;} .noudl { border-bottom: 0;} .ut, h1, h2, h3, h4, h5, h6, th { font-weight: lighter;} .bt { font-weight: bold;} .sdt { filter: shadow(color=#aaaaaa,direction=135,strength=1); text-shadow: 1px 1px 1px #aaa;} .min { font-family:'ヒラギノ明朝 Pro W3','細明朝体','ＭＳ Ｐ明朝',serif;} .wt { color: #fff;} a:visited .wt { color: #ffe8e0;} a:hover .wt { color: #e5b621;} .bk { color: #000;} .gt { color: #666;} .lgt { color: #999;} .red { color: #a00101;} .grn { color: #267400;} .col { color: #298eec;} .lh120 { line-height: 120%;} .lh130 { line-height: 130%;} .lh140 { line-height: 140%;} .lh150 { line-height: 150%;} .lh160 { line-height: 160%;} .lh170 { line-height: 170%;} .lh180 { line-height: 180%;} .lh200 { line-height: 200%;} .lh230 { line-height: 230%;} .pdg5 { padding: 5px;} .mgl5 { margin-left: 5px;} .pdg20t { padding: 20px; padding-top: 25px;} .pdt10 { padding-top: 10px;} .pdb10 { padding-bottom: 10px;} .pdl10 { padding-left: 10px;} ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;} body { background: #000 url(../img/bg.jpg) top repeat; color: #fff; text-align: center;} .set { width: 980px; font-size: 120%; text-align: left; line-height: 100%; margin: 0px auto;} .btm { width: 980px; height: 70px; position: relative; font-size: 110%; margin: 0px auto;} .cr { width: 960px; position: absolute; top: 25px; left: 10px; text-align: center;} .twtfb { width: 260px; height: 30px; position: absolute; top: 65px; left: 5px; overflow-x: hidden;} .twtbtn { width: 110px; height: 30px; position: absolute; top: 0px; left: 0px;} .fbbtn { width: 110px; height: 30px; position: absolute; top: 0px; left: 109px;} .ifss { height: 20px; overflow: hidden;} .pns { position: absolute; top: 5px; left: 5px;} .flme { width: 146px; height: 28px; position: absolute; top: 58px; left: 341px;} .flme a { width: 146px; height: 28px; display: block;} .flme a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -341px -8px;} .head { width: 980px; height: 265px; background: url(../img/head.jpg?) no-repeat; background-position: 0px -105px; position: relative;} .bkhm { width: 280px; height: 140px; position: absolute; top: 5px; left: 565px;} .bkhm a { width: 280px; height: 140px; display: block;} .mn_hl { width: 110px; height: 25px; position: absolute; top: 25px; left: 860px;} .mn_hl0 { width: 110px; height: 25px; position: absolute; top: 25px; left: 860px; background: url(../img/head.jpg?) no-repeat; background-position: -990px -130px;} .mn_hl a { width: 110px; height: 25px; display: block;} .mn_hl a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -990px -130px;} .mn_org { width: 110px; height: 24px; position: absolute; top: 86px; left: 860px;} .mn_org0 { width: 110px; height: 24px; position: absolute; top: 86px; left: 860px; background: url(../img/head.jpg?) no-repeat; background-position: -990px -191px;} .mn_org a { width: 110px; height: 24px; display: block;} .mn_org a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -990px -191px;} .mn_song { width: 110px; height: 24px; position: absolute; top: 111px; left: 860px;} .mn_song0 { width: 110px; height: 24px; position: absolute; top: 111px; left: 860px; background: url(../img/head.jpg?) no-repeat; background-position: -990px -216px;} .mn_song a { width: 110px; height: 24px; display: block;} .mn_song a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -990px -216px;} .mn_cast { width: 110px; height: 24px; position: absolute; top: 136px; left: 860px;} .mn_cast0 { width: 110px; height: 24px; position: absolute; top: 136px; left: 860px; background: url(../img/head.jpg?) no-repeat; background-position: -990px -241px;} .mn_cast a { width: 110px; height: 24px; display: block;} .mn_cast a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -990px -241px;} .mn_staff { width: 110px; height: 24px; position: absolute; top: 161px; left: 860px;} .mn_staff0 { width: 110px; height: 24px; position: absolute; top: 161px; left: 860px; background: url(../img/head.jpg?) no-repeat; background-position: -990px -266px;} .mn_staff a { width: 110px; height: 24px; display: block;} .mn_staff a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -990px -266px;} .mn_chara { width: 110px; height: 50px; position: absolute; top: 200px; left: 860px;} .mn_chara0 { width: 110px; height: 50px; position: absolute; top: 200px; left: 860px; background: url(../img/head.jpg?) no-repeat; background-position: -990px -305px;} .mn_chara a { width: 110px; height: 50px; display: block;} .mn_chara a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -990px -305px;} .mn_fm { width: 105px; height: 95px; position: absolute; top: 155px; left: 0px;} .mn_fm0 { width: 105px; height: 95px; position: absolute; top: 155px; left: 0px; background: url(../img/head.jpg?) no-repeat; background-position: -519px -5px;} .mn_fm a { width: 105px; height: 95px; display: block;} .mn_fm a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -519px -5px;} .mn_post { width: 100px; height: 50px; position: absolute; top: 86px; left: 0px;} .mn_post0 { width: 100px; height: 50px; position: absolute; top: 86px; left: 0px; background: url(../img/head.jpg?) no-repeat; background-position: 0px -36px;} .mn_post a { width: 100px; height: 50px; display: block;} .mn_post a:hover { background: url(../img/head.jpg?) no-repeat; background-position: 0px -36px;} .mn_home { width: 55px; height: 15px; position: absolute; top: 138px; left: 0px;} .mn_home a { width: 55px; height: 15px; display: block;} .mn_home a:hover { background: url(../img/head.jpg?) no-repeat; background-position: 0px -87px;} .mn_story { width: 100px; height: 40px; position: absolute; top: 100px; left: 120px;} .mn_story0 { width: 100px; height: 40px; position: absolute; top: 100px; left: 120px; background: url(../img/head.jpg?) no-repeat; background-position: -120px -50px;} .mn_story a { width: 100px; height: 40px; display: block;} .mn_story a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -120px -50px;} .mn_gallery { width: 115px; height: 40px; position: absolute; top: 100px; left: 225px;} .mn_gallery0 { width: 115px; height: 40px; position: absolute; top: 100px; left: 225px; background: url(../img/head.jpg?) no-repeat; background-position: -225px -50px;} .mn_gallery a { width: 115px; height: 40px; display: block;} .mn_gallery a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -225px -50px;} .mn_present { width: 155px; height: 40px; position: absolute; top: 100px; left: 350px;} .mn_present0 { width: 155px; height: 40px; position: absolute; top: 100px; left: 350px; background: url(../img/head.jpg?) no-repeat; background-position: -350px -50px;} .mn_present a { width: 155px; height: 40px; display: block;} .mn_present a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -350px -50px;} .higashino { width: 150px; height: 58px; position: absolute; top: 170px; left: 700px;} .higashino0 { width: 150px; height: 58px; position: absolute; top: 170px; left: 700px; background: url(../img/head.jpg?) no-repeat; background-position: -640px -18px;} .higashino a { width: 150px; height: 58px; display: block;} .higashino a:hover { background: url(../img/head.jpg?) no-repeat; background-position: -640px -18px;} .spmn { width: 105px; height: 92px;} .spmn a { width: 105px; height: 92px; display: block;} .spmn a:hover { background-color: #fff000; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; cursor: pointer;} #sp1 { position: absolute; top: 161px; left: 124px;} #sp2 { position: absolute; top: 161px; left: 239px;} #sp3 { position: absolute; top: 161px; left: 354px;} #sp4 { position: absolute; top: 161px; left: 469px;} #sp5 { position: absolute; top: 161px; left: 584px;} .spmn0 { width: 105px; height: 30px;} #sp10 { position: absolute; top: 240px; left: 124px; background: url(../img/head.jpg?) no-repeat; background-position: -124px -375px;} #sp20 { position: absolute; top: 240px; left: 239px; background: url(../img/head.jpg?) no-repeat; background-position: -239px -375px;} #sp30 { position: absolute; top: 240px; left: 354px; background: url(../img/head.jpg?) no-repeat; background-position: -354px -375px;} #sp40 { position: absolute; top: 240px; left: 469px; background: url(../img/head.jpg?) no-repeat; background-position: -469px -375px;} #sp50 { position: absolute; top: 240px; left: 584px; background: url(../img/head.jpg?) no-repeat; background-position: -584px -375px;} .sp4t { width: 40px; height: 35px; position: absolute; top: 42px; left: 60px; font-size: 90%; text-align:right; line-height: 120%; font-weight: bold; display: block; cursor: pointer;} .sp5t { width: 100px; height: 15px; position: absolute; top: 32px; left: 2px; font-size: 90%; text-align:right; line-height: 100%; font-weight: bold; display: block; cursor: pointer;} .omake { width: 85px; height: 60px; background: url(../img/kushi.png) no-repeat; margin: 5px auto;} .omake a { width: 85px; height: 60px; display: block;} .omake a:hover { background: url(../img/kushi.png) no-repeat; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;} .stliset { width: 85px; height: 511px; position: absolute; top: 19px; left: 895px;} .stli { width: 85px; height: 40px;} .stli a { width: 85px; height: 40px; display: block;} #stli01 { position: absolute; top: 0px; left: 0px;} #stli02 { position: absolute; top: 42px; left: 0px;} #stli03 { position: absolute; top: 84px; left: 0px;} #stli04 { position: absolute; top: 126px; left: 0px;} #stli05 { position: absolute; top: 168px; left: 0px;} #stli06 { position: absolute; top: 210px; left: 0px;} #stli07 { position: absolute; top: 252px; left: 0px;} #stli08 { position: absolute; top: 294px; left: 0px;} #stli09 { position: absolute; top: 336px; left: 0px;} #stli10 { position: absolute; top: 378px; left: 0px;} #stli11 { position: absolute; top: 420px; left: 0px;} #stli12 { position: absolute; top: 462px; left: 0px;} #stli01 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -19px;} #stli02 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -61px;} #stli03 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -103px;} #stli04 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -145px;} #stli05 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -187px;} #stli06 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -229px;} #stli07 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -271px;} #stli08 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -313px;} #stli09 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -355px;} #stli10 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -397px;} #stli11 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -439px;} #stli12 a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -980px -481px;} .gtate { width: 60px; height: 91px;} .gtate a { width: 60px; height: 91px; display: block;} .gyoko { width: 91px; height: 60px;} .gyoko a { width: 91px; height: 60px; display: block;} .mgyoko { width: 150px; height: 100px;} .mgyoko a { width: 150px; height: 100px; display: block;} .gtate a:hover, .gyoko a:hover, .mgtate a:hover, .mgyoko a:hover, .bigtate a:hover, .bigyoko a:hover { background-color: #fff000; filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; cursor: pointer;} #TB_window { font: 120% Arial, Helvetica, sans-serif; color: #ccc; overflow:hidden;} #TB_secondLine { font: 90% Arial, Helvetica, sans-serif; color:#ccc;} #TB_window a:link {color: #cc3333;} #TB_window a:visited {color: #cc3333;} #TB_window a:hover {color: #e3e600;} #TB_window a:active {color: #ff9900;} #TB_window a:focus{color: #65e5ff;} #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%;} .TB_overlayMacFFBGHack { background: url(../img/bg.png) repeat;} .TB_overlayBG { background-color:#000; filter:alpha(opacity=75); -moz-opacity: 0.75; opacity: 0.75;} #TB_window { position: fixed; background: #fff; z-index: 102; color:#c4dfb2; display:none; border: 1px solid #ccc; border-bottom: 2px solid #ccc; text-align:left; top:50%; left:50%;} #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #666; border-left: 1px solid #666;} #TB_caption{ height:25px; padding:7px 30px 10px 25px; float: left; color: #3a9000; font-weight: bold; font-size: 120%;} #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right;} #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right;} #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px;} #TB_title{ background-color:#fff; height:27px; color: #000; font-weight: bold;} #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:hidden; text-align:left; line-height:1.4em;} #TB_ajaxContent.TB_modal{ padding:15px;} #TB_ajaxContent p{ padding:5px 0px 5px 0px;} #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */} #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%;} /* ie6 hack */ * { padding: 0; margin: 0;} * html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} * html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} * html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');} * html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');} #TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px;} .main { width: 980px; height: 580px; background: url(../img/gallery01.jpg) no-repeat; position: relative;} .maindm { width: 980px; height: 580px; text-align: left; background:url(/img/cover.gif); display:block; position: relative;} .pgtp { width: 50px; height: 50px; position: absolute; top: 530px; left: 930px; background: url(../img/gallery01.jpg) no-repeat; background-position: -930px -530px;} .pgtp a { width: 50px; height: 50px; display: block;} .pgtp a:hover { background: url(../img/gallery01.jpg) no-repeat; background-position: -1015px -530px;} #g01 { position: absolute; top: 20px; left: 10px;} #g02 { position: absolute; top: 20px; left: 190px;} #g03 { position: absolute; top: 20px; left: 310px;} #g04 { position: absolute; top: 20px; left: 430px;} #g05 { position: absolute; top: 20px; left: 550px;} #g06 { position: absolute; top: 20px; left: 670px;} #g07 { position: absolute; top: 100px; left: 350px;} #g08 { position: absolute; top: 100px; left: 470px;} #g09 { position: absolute; top: 100px; left: 590px;} #g10 { position: absolute; top: 100px; left: 710px;} #g11 { position: absolute; top: 180px; left: 190px;} #g12 { position: absolute; top: 180px; left: 310px;} #g13 { position: absolute; top: 180px; left: 430px;} #g14 { position: absolute; top: 190px; left: 11px;} #g15 { position: absolute; top: 180px; left: 550px;} #g16 { position: absolute; top: 180px; left: 670px;} #g17 { position: absolute; top: 260px; left: 110px;} #g18 { position: absolute; top: 150px; left: 91px;} #g19 { position: absolute; top: 260px; left: 230px;} #g20 { position: absolute; top: 260px; left: 350px;} #g21 { position: absolute; top: 260px; left: 470px;} #g22 { position: absolute; top: 260px; left: 590px;} #g23 { position: absolute; top: 260px; left: 710px;} #g24 { position: absolute; top: 340px; left: 50px;} #g25 { position: absolute; top: 340px; left: 170px;} #g26 { position: absolute; top: 340px; left: 290px;} #g27 { position: absolute; top: 340px; left: 410px;} #g28 { position: absolute; top: 420px; left: 80px;} #g29 { position: absolute; top: 420px; left: 200px;} #g30 { position: absolute; top: 420px; left: 320px;} #g31 { position: absolute; top: 420px; left: 440px;} #g32 { position: absolute; top: 500px; left: 30px;} #g33 { position: absolute; top: 500px; left: 150px;} #g34 { position: absolute; top: 500px; left: 270px;} #g35 { position: absolute; top: 345px; left: 571px;} #g36 { position: absolute; top: 500px; left: 390px;} #g37 { position: absolute; top: 345px; left: 651px;} #g38 { position: absolute; top: 500px; left: 510px;} #g39 { position: absolute; top: 345px; left: 731px;} #g40 { position: absolute; top: 460px; left: 641px;} .njs { width: 500px; position: absolute; top: 3px; left: 10px; text-align: left; font-size: 90%; line-height: 140%; color: #cc0000;} /*＠ヘッダー要素 /////////////////////////////////////////////////////////////////////////*/ #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*/