@charset "iso-2022-jp"; /*///////////////////////////////////////////////////////////////////////// default_CSS /////////////////////////////////////////////////////////////////////////*/ body { text-align:center; 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;} .floatR { float:right;} .clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;} .clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;} .clearfix { min-height:1px;} * html .clearfix {height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ } /*font*/ .tCenter { text-align:center !important} .tRight { text-align:right !important} .tLeft { text-align:left !important} /*font-color*/ .cRed, .err { color:#a50005;} .cYel { color:#f8b528;} .cGrn { color:#305c00;} .cBlu { color:#0060aa;} .cOrg { color:#e96e00;} .ccYel { color:#f8b528;} /*font-size*/ .f140 { font-size:140%;} .f120 { font-size:120%;} .f110 { font-size:110%;} .f90 { font-size:90%;} .f85 { line-height:normal; font-size:85% !important} /*link*/ a { text-decoration:underline; color:#f8b528;} a:hover { text-decoration:underline; color:#ccc;} /*///////////////////////////////////////////////////////////////////////// コンテンツ用CSS／オリジナル設定 /////////////////////////////////////////////////////////////////////////*/ body {overflow-x: hidden; margin:0 auto; background: url(../img/background.png) top center #000;} #container {margin:0 auto; background-color:#000; width:1000px;} #main_title {position:relative; height:660px;margin:0 auto; background: url(../img/main_bg.jpg) top center no-repeat;} #main_title h1{height:660px;} #main_title_2 {height:150px;margin:0 auto; background: url(../img/second_bg.jpg) top center no-repeat;} #main_title_2 #top{width:1000px;height:150px;} #main_title_2 #top a{display: block; width:1000px;height:150px;} /*navi*/ #navi { margin:0 auto; width:980px; position:absolute; top:566px; left:0; text-align:left; } #navi ul{ margin: 0; padding: 0;} #navi ul li{list-style:none; float:left;display: inline; padding:0px;} #navi #menu01 {margin-left:62px;} #navi #menu02 {margin-left:68px;} #navi #menu03 {margin-left:65px;} #navi #menu04 {margin-left:68px;} #navi #menu05 {margin-left:68px;} #navi #menu06 {margin-left:65px;} #menu01 a { width:90px; height:90px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/main_bg.jpg) -62px -566px no-repeat;} #menu02 a { width:90px; height:90px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/main_bg.jpg) -219px -566px no-repeat;} #menu03 a{ width:90px; height:90px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/main_bg.jpg) -376px -566px no-repeat;} #menu04 a { width:90px; height:90px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/main_bg.jpg) -534px -566px no-repeat;} #menu05 a{ width:90px; height:90px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/main_bg.jpg) -691px -566px no-repeat;} #menu06 a { width:90px; height:90px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/main_bg.jpg) -848px -566px no-repeat;} #menu01 a:hover {background: url(../img/main_bg.jpg) -62px -665px no-repeat;} #menu02 a:hover {background: url(../img/main_bg.jpg) -219px -665px no-repeat;} #menu03 a:hover {background: url(../img/main_bg.jpg) -376px -665px no-repeat;} #menu04 a:hover {background: url(../img/main_bg.jpg) -534px -665px no-repeat;} #menu05 a:hover {background: url(../img/main_bg.jpg) -691px -665px no-repeat;} #menu06 a:hover {background: url(../img/main_bg.jpg) -848px -665px no-repeat;} /*navi_2nd page*/ #navi_2 {margin:20px 0 0 25px; text-align:left;} #navi_2 ul{ margin: 0; padding: 0;} #navi_2 ul li{list-style:none; float:left;display: inline; padding:0px;} #navi_2 #menu01 a { width:98px; height:80px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/second_bg.jpg) -45px -150px no-repeat;} #navi_2 #menu02 a { width:98px; height:80px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/second_bg.jpg) -143px -150px no-repeat;} #navi_2 #menu03 a{ width:98px; height:80px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/second_bg.jpg) -241px -150px no-repeat;} #navi_2 #menu04 a { width:98px; height:80px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/second_bg.jpg) -339px -150px no-repeat;} #navi_2 #menu05 a{ width:98px; height:80px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/second_bg.jpg) -437px -150px no-repeat;} #navi_2 #menu06 a { width:98px; height:80px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/second_bg.jpg) -535px -150px no-repeat;} #navi_2 #menu01 a:hover {background: url(../img/second_bg.jpg) -45px -250px no-repeat;} #navi_2 #menu02 a:hover {background: url(../img/second_bg.jpg) -143px -250px no-repeat;} #navi_2 #menu03 a:hover {background: url(../img/second_bg.jpg) -241px -250px no-repeat;} #navi_2 #menu04 a:hover {background: url(../img/second_bg.jpg) -339px -250px no-repeat;} #navi_2 #menu05 a:hover {background: url(../img/second_bg.jpg) -437px -250px no-repeat;} #navi_2 #menu06 a:hover {background: url(../img/second_bg.jpg) -535px -250px no-repeat;} #container #unit { clear:both; width:980px; height:100%; text-align:left; margin:0 auto;} /*＠top page /////////////////////////////////////////////////////////////////////////*/ /*Left*/ #mainLeft {width:310px; height:400px; float:left; display: inline; background:url(../img/tw_title.png) no-repeat 6px 3px;} #mainLeftIn { margin-left:0px;padding:0; } /*Center*/ #mainCenter {width:320px; height:400px; margin-left:10px; float:left; display: inline; background:url(../img/top_main.png) no-repeat -319px 0;} #mainCenter2 {width:320px; height:400px; margin-left:10px; float:left; display: inline; background:url(../img/top_main2.png) no-repeat 0px 0;} #mainCenterIn {margin-left:0px;padding:0; } /*Right*/ #mainRight {width:310px; height:400px; float:left; display: inline; } #mainRightIn {margin-left:20px;padding:0; } /*＠2nd page /////////////////////////////////////////////////////////////////////////*/ /*Left*/ #mainLeft_2 {width:650px; height:100%; float:left; display: inline;} #mainLeftIn_2 {margin-left:0px;padding:0;} /*Right*/ #mainRight_2 {width:330px; height:100%; float:left; display: inline;} #mainRightIn_2 {margin-left:0px;padding-bottom:20px; } /*＠footer /////////////////////////////////////////////////////////////////////////*/ #page_top { clear:both; width:1000px; padding-top:20px;} #page_top a{ margin:0 0 10px 830px; display: block; width: 130px; height: 20px; background: url(../img/second_bg.jpg) -660px -430px no-repeat;} #page_top a:hover{background-position:-660px -450px;} #footer { width:100%; height:auto; font-size:120%; color:#fff; background:url(../img/top_main.png) no-repeat center -400px;} #footerIn { width:980px; text-align:center; position:relative; margin:0 auto;} #footerIn { padding:20px 0 50px;} #footer a { color:#fff;} #footer a:hover { color:#ccc;} /*banner*/ #footerIn ul { width:630px; text-align:center; position:relative; margin:0 auto; padding:0 0 20px 5px;} * html #footerIn ul { width:650px; margin:0 20px 0 auto;} #footerIn ul li { width:157px; height:28px; float:left;} #footerIn ul li a { display:block; width:152px; height:28px; background:url(../img/banner_foot.png) no-repeat;} #footerIn ul li.ftbn01 a { background-position:0 0;} #footerIn ul li.ftbn02 a { background-position:0 -30px;} #footerIn ul li.ftbn03 a { background-position:0 -60px;} #footerIn ul li.ftbn04 a { background-position:0 -90px;} /*＠ヘッダー要素 /////////////////////////////////////////////////////////////////////////*/ #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*/ /*/Left BOX ＠Twitter /////////////////////////////////////////////////////////////////////////*/ #contentsarea{ width:320px; height:100%; } #twitterWjt {margin:15px 0 0 18px;} #twitterWjt h2 { height:20px; margin-bottom:2px;} #twitterWjt h2 a { display:block; width:280px; height:20px;} #twitterWjt h2 a:hover {background:url(../img/top_main.png) no-repeat -658px -179px;} .twee_wid{ width:290px;background:#333;} /*/Center BOX /////////////////////////////////////////////////////////////////////////*/ /*NewStory_bt*/ #newstory_bt{clear:both; margin:20px 0 0 30px;width:263px; height:30px;} #newstory_bt a{display: block; width:263px; height:30px; background:url(../img/top_main.png) 0px -290px no-repeat;} #newstory_bt a:hover{background:url(../img/top_main.png) 0px -320px no-repeat;} /*WhatsNew*/ #update {position:relative; width:300px; height:100px; margin:10px 0 0 1px;} #update a { text-decoration:none; color:#f8b528;} #update a:hover { text-decoration:none; color:#ccc;} #update dl { font-size:115%; line-height:1.25; padding-top:2px; width:300px; } #update dt { width:5em; color:#fff; float:left; padding-bottom:0.3em; padding-top:4px;} #update dd { color:#fff; padding-left:6em; padding-right:2em; padding-bottom:0.3em; padding-top:4px;border-bottom:1px dashed #ccc;} /*scrl*/ #update #ContentsMask { width:280px; height:80px; padding:0; margin:0; overflow:hidden; position:absolute; top:35px; left:15px;} #update #Contents { padding:0; margin:0; position:absolute; top:0; left:0;} #update .tsumamiArea { position:absolute; top:40px; left:307px; z-index:999;} #update .tsumamiArea #scbarBar { width:7px; height:72px; padding:0; margin:0; position:relative;} #update .tsumamiArea #drugArea { width:7px; height:72px; position:absolute; left:0; margin:0; cursor:pointer; background:#eee;} #update .tsumamiArea #tsumami { width:7px; height:30px; padding:0; margin:0; background:#990000; position:absolute; left:0; margin:0;} /*spacial*/ .ban_trailer {width:167px; height:160px; margin-top:40px; float:left; display: inline;background:url(../img/top_main.png) no-repeat -641px 0px;} .ban_special {margin-top:40px; float:left; display: inline;} .ban_trailer a{width:167px; height:160px; display: block;background:url(../img/top_main.png) no-repeat -319px -201px;} .ban_special a{width:152px; height:160px; display: block;background:url(../img/top_main.png) no-repeat -486px -201px;} .ban_trailer a:hover{background:url(../img/top_main.png) no-repeat -641px 0px;} .ban_special a:hover{background:url(../img/top_main.png) no-repeat -808px 0px;} .sns{clear:both; padding:8px 0 0 10px;} /*/Right BOX/////////////////////////////////////////////////////////////////////////*/ .ban {width:300px; height:258px; margin-top:20px;} .mobile {width:300px; height:102px; margin-top:5px; background:url(../img/top_main.png) no-repeat -663px -293px;} /*/2nd page Right BOX /////////////////////////////////////////////////////////////////////////*/ /*WhatsNew*/ #mainRightIn_2 #update {position:relative; width:310px; height:140px; margin:30px 0 10px 0px; background:url(../img/second_ban.png) no-repeat 0px 0px;} /*scrl*/ #mainRightIn_2 #update #ContentsMask { width:273px; height:94px; padding:0; margin:0; overflow:hidden; position:absolute; top:30px; left:8px;} #mainRightIn_2 #update .tsumamiArea { position:absolute; top:37px; left:298px; z-index:999;} #mainRightIn_2 #update .tsumamiArea #scbarBar { width:7px; height:88px; padding:0; margin:0; position:relative;} #mainRightIn_2 #update .tsumamiArea #drugArea { width:7px; height:88px; position:absolute; left:0; margin:0; cursor:pointer; background:#eee;} /*spaciall*/ #mainRightIn_2 .ban{width:310px; height:260px; padding:5px; background: url(../img/second_bg.jpg) -660px -150px no-repeat;} #mainRightIn_2 .tweet {clear:both; height:110px;} #mainRightIn_2 .tweet a{width:310px; height:110px; display: block;background:url(../img/second_ban.png) no-repeat 0px -140px;} #mainRightIn_2 .tweet a:hover{background:url(../img/second_ban.png) no-repeat -320px -140px;} #mainRightIn_2 .ban_trailer {width:163px; height:160px; margin:20px 0 15px 0; float:left; display: inline;background:url(../img/second_ban.png) no-repeat -320px -267px;} #mainRightIn_2 .ban_special {margin:20px 0 15px 0; float:left; display: inline;} #mainRightIn_2 .ban_trailer a{width:163px; height:160px; display: block;background:url(../img/second_ban.png) no-repeat 0px -267px;} #mainRightIn_2 .ban_special a{width:147px; height:160px; display: block;background:url(../img/second_ban.png) no-repeat -163px -267px;} #mainRightIn_2 .ban_trailer a:hover{background:url(../img/second_ban.png) no-repeat -320px -267px;} #mainRightIn_2 .ban_special a:hover{background:url(../img/second_ban.png) no-repeat -483px -267px;} #mainRightIn_2 .mobile {clear:both; margin-bottom:15px; width:310px; height:102px; background:url(../img/second_ban.png) no-repeat -320px 0px;} /*/intro /////////////////////////////////////////////////////////////////////////*/ #intro h2{width:630px; height:300px; margin-top:20px ; background: url(../img/second_bg.jpg) -10px -340px no-repeat;} #intro p{color:#fff; font-size:160%;} #intro .txt{margin:60px 0 0 65px;width:520px; line-height:200%;} /*/info /////////////////////////////////////////////////////////////////////////*/ #info h2{width:600px; height:100px; margin-top:50px ; text-indent: -9999px;text-decoration: none; background: url(../img/second_bg.jpg) -10px -650px no-repeat;} #info .topic{margin:40px 0 0 60px;width:510px; background: url(../img/second_bg.jpg) -45px -1150px no-repeat;} #info .topic h3{color:#fff; font-size:160%;margin-left:50px;padding-top:15px;} #info .topic p{color:#fff; font-size:130%; } #info .txt{margin:40px 0 0 20px;padding-bottom:20px;width:480px; line-height:200%;} #info .txt_item{margin:40px 0 0 20px;padding-bottom:20px;width:240px; line-height:200%;} #info .txt_item2{margin:40px 0 0 20px;padding-bottom:20px;width:260px; line-height:200%;} .picuptxt{font-size:110%; } #info .txt_mini{margin-left:20px;padding-bottom:20px;width:480px;line-height:160%;} #info .txt_out{clear:both; margin-left:20px;padding-bottom:20px;width:480px;line-height:160%;} #info .item{margin:40px 0 0 10px;padding-bottom:20px;width:230px; height:160px; background: url(../img/item01.jpg) 0 0 no-repeat;} #info .item2{margin:40px 0 0 0px;padding-bottom:20px;width:230px; height:160px; background: url(../img/item02.jpg) 0 0 no-repeat;} #info .flo{ float:left; display: inline; } .page_top_mini {clear:both; margin-left:470px; padding-top:10px;} .page_top_mini a{ display: block; width:16px; height:20px; background: url(../img/second_bg.jpg) -790px -430px no-repeat;} #info .topic .txt_border{color:#000;margin:0px 0 0 25px; padding:5px;width:460px;text-align:left;font-size:130%;line-height:160%;background:#fff;} #info .topic .txt_border .towa{ font-weight:600; vertical-align : bottom;} /*/cast&staff /////////////////////////////////////////////////////////////////////////*/ #cast h2{width:600px; height:100px; margin-top:50px ; text-indent: -9999px;text-decoration: none; background: url(../img/second_bg.jpg) -10px -750px no-repeat;} #cast{color:#fff;} #cast .topic01{margin:20px 0 0 45px;width:530px; border:solid 3px #fff;} #cast .topic{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo.jpg) no-repeat;} #cast .topic1022{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo02.jpg) no-repeat;} #cast .topic1029{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo03.jpg) no-repeat;} #cast .topic1105{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo04.jpg) no-repeat;} #cast .topic1112{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo05.jpg) no-repeat;} #cast .topic1119{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo06.jpg) no-repeat;} #cast .topic1126{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo07.jpg) no-repeat;} #cast .topic1203{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo08.jpg) no-repeat;} #cast .topic1210{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo09.jpg) no-repeat;} #cast .topic1217{margin:20px 0 0 25px;width:510px;height:60px; background: url(../img/story_photo10.jpg) no-repeat;} #cast .main_name_on{margin-top:30px; text-align:center; color:#f8b528; font-size:180%;padding-bottom:20px;} #cast .main_name_on_long{margin-top:30px; text-align:center; color:#f8b528; font-size:170%;padding-bottom:20px;} #cast .main_name{height:160px;padding-bottom:10px;background: url(../img/cast01.jpg) 145px 0px no-repeat;} #cast .main_name1022{height:160px;padding-bottom:10px;background: url(../img/cast02.jpg) 145px 0px no-repeat;} #cast .main_name1029{height:160px;padding-bottom:10px;background: url(../img/cast03.jpg) 145px 0px no-repeat;} #cast .main_name1105{height:160px;padding-bottom:10px;background: url(../img/cast04.jpg) 145px 0px no-repeat;} #cast .main_name1112{height:240px;padding-bottom:10px;background: url(../img/cast05.jpg) 185px 0px no-repeat;} #cast .main_name1119{height:160px;padding-bottom:10px;background: url(../img/cast06.jpg) 145px 0px no-repeat;} #cast .main_name1126{height:160px;padding-bottom:10px;background: url(../img/cast07.jpg) 145px 0px no-repeat;} #cast .main_name1203{height:160px;padding-bottom:10px;background: url(../img/cast08.jpg) 145px 0px no-repeat;} #cast .main_name1210{height:160px;padding-bottom:10px;background: url(../img/cast09.jpg) 145px 0px no-repeat;} #cast .main_name1217{height:160px;padding-bottom:10px;background: url(../img/cast10.jpg) 145px 0px no-repeat;} /* castList */ #cast dl{color:#f8b528;} #cast .topic01 dl {margin-left:25px;padding-top:20px; padding-bottom:10px;font-size:130%;line-height:160%;} #cast .topic01 dl dt { width:210px; float:left; text-align:right; color:#fff; font-weight:bold;} #cast .topic01 dl dt.on_name { width:210px; float:left; text-align:right; color:#fff; font-weight:bold;font-size:120%;color:#f8b528;} #cast .topic01 dd.dot { width:60px; text-align:center; float:left; color:#6c98b0; } #cast .topic01 dd.dot2 { width:60px; text-align:center; float:left; color:#6c98b0; padding-bottom:15px;} #cast .topic01 dd.dot3 { width:60px; text-align:center; float:left; color:#6c98b0; padding-bottom:15px;font-size:140%} #cast .topic01 dd.name { padding-left:100px; padding-bottom:1px;} #cast .topic01 dd.name2 { padding-left:100px; padding-bottom:15px;} #cast .topic01 dd.name3 { padding-left:100px; padding-bottom:15px;font-size:120%;color:#f8b528;font-weight:bold;} #cast .topic_drec{width:450px;border-top: 2px dotted #ccc;margin:20px 0 0 40px;} dl.drec{margin-top:10px;} #cast .topic_drec02{width:450px;border-top: 2px dotted #ccc;margin:20px 0 0 40px;} dl.drec02{margin-top:10px;} #cast .topic01 .drec02{padding-top:20px; padding-bottom:10px;font-size:130%;line-height:160%;} #cast .topic01 .drec02 dl{border:solid 1px #cc0000;} #cast .topic01 .drec02 dt { float:left; text-align:right; color:#fff; font-weight:bold;} #cast .topic01 .drec02 dt.on_name { width:110px; float:left; text-align:right; color:#fff; font-weight:bold;font-size:120%;color:#f8b528;} #cast .topic01 .drec02 dd.dot2 { width:60px; text-align:center; float:left; color:#6c98b0;} #cast .topic01 .drec02 dd.name3 { padding-left:0px;width:100px; text-align:left; float:left; font-size:120%;color:#f8b528;font-weight:bold;} #cast .topic01 .drec02 dd.staff { padding-left:300px; padding-bottom:15px;border:solid 1px #000;} .staff a{ width:120px; height:20px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/top_main.png) 0 -180px no-repeat;} .staff a:hover{background: url(../img/top_main.png) 0 -220px no-repeat;} #cast .topic02{margin:30px 0 0 60px;width:510px;text-align:center; } #cast .topic02 dl {margin-top:20px;} #cast .topic02 dl dt { color:#f8b528; font-weight:600;font-size:140%;padding:15px 0 10px 0px;} #cast .topic02 dl dd { font-size:130%;line-height:180%;color:#fff;padding:5px 0 10px 0px;} /* bnList */ #cast ul{margin:0px 0 0 40px;width:550px;height:80px; background: url(../img/bn_list.png) 0px 0px no-repeat;} #cast ul li{list-style:none; float:left;display:inline; padding:0px;margin-top:26px;} #cast .ep01 a{width:58px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) 0px -26px no-repeat;} #cast .ep01 a:hover{background: url(../img/bn_list.png) 0px -80px no-repeat;} #cast .ep02 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -58px -26px no-repeat;} #cast .ep02 a:hover{background: url(../img/bn_list.png) -58px -80px no-repeat;} #cast .ep03 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -112px -26px no-repeat;} #cast .ep03 a:hover{background: url(../img/bn_list.png) -112px -80px no-repeat;} #cast .ep04 a{ width:55px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -166px -26px no-repeat;} #cast .ep04 a:hover{background: url(../img/bn_list.png) -166px -80px no-repeat;} #cast .ep05 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -221px -26px no-repeat;} #cast .ep05 a:hover{background: url(../img/bn_list.png) -221px -80px no-repeat;} #cast .ep06 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -275px -26px no-repeat;} #cast .ep06 a:hover{background: url(../img/bn_list.png) -275px -80px no-repeat;} #cast .ep07 a{ width:55px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -329px -26px no-repeat;} #cast .ep07 a:hover{background: url(../img/bn_list.png) -329px -80px no-repeat;} #cast .ep08 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -384px -26px no-repeat;} #cast .ep08 a:hover{background: url(../img/bn_list.png) -384px -80px no-repeat;} #cast .ep09 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -438px -26px no-repeat;} #cast .ep09 a:hover{background: url(../img/bn_list.png) -438px -80px no-repeat;} #cast .ep10 a{ width:57px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -492px -26px no-repeat;} #cast .ep10 a:hover{background: url(../img/bn_list.png) -492px -80px no-repeat;} .lineup_bt a{ margin:10px 0 0 340px; width:222px; height:58px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/top_main.png) 0 0 no-repeat;} .lineup_bt a:hover{background: url(../img/top_main.png) 0 -61px no-repeat;} /*/lineup /////////////////////////////////////////////////////////////////////////*/ #lineup h2{width:600px; height:100px; margin-top:50px ; text-indent: -9999px;text-decoration: none; background: url(../img/second_bg.jpg) -10px -750px no-repeat;} #lineup{color:#fff;} #lineup .topic{margin:40px 0 0 60px;width:510px; background: url(../img/second_bg.jpg) -45px -1150px no-repeat;} #lineup .topic h3{color:#fff; font-size:160%;margin-left:50px;padding-top:15px;} #lineup .topic p{color:#fff; font-size:130%; } #lineup .txt{margin:40px 0 0 10px;padding-bottom:20px;width:500px; line-height:200%;} #lineup .topic ul{margin:0px 0 0 20px;width:500px;font-size:120%; } #lineup .topic .no{margin-top:20px;font-size:120%; } #lineup #main{ padding:40px 10px 30px 10px;} #lineup #mainBox{ background:#000;padding:24px;border:solid 2px #fff;} #lineup #main h4{ border-bottom: dotted 1px; padding-bottom:10px; margin-bottom:15px;} #lineup #main p{ padding-bottom:15px; font-size:130%; line-height:180%;} /*/story /////////////////////////////////////////////////////////////////////////*/ #story h2{width:600px; height:100px; margin-top:50px ; text-indent: -9999px;text-decoration: none; background: url(../img/second_bg.jpg) -10px -850px no-repeat;} #story{width:550px; color:#fff;} .box{margin:20px 0 0 45px;} .box .waku{width:550px;} .box .waku_t{width:550px; height:100px;background: url(../img/story_main.png) no-repeat;vertical-align:bottom;overflow: hidden;} .box .waku_t .deta{text-align:right; margin:75px 30px 0 0;font-size:130%; } .box .waku_t09{width:550px; height:120px;background: url(../img/story_main.png) no-repeat;vertical-align:bottom;overflow: hidden;} .box .waku_t09 .deta{text-align:right; margin:75px 30px 0 0;font-size:130%; line-height:170%;color:#ff0000;} .box .waku_m{width:550px; background: url(../img/story_line.png) 0 0 repeat-y;vertical-align:bottom;overflow: hidden;} .box .waku_m .photo{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo.jpg) no-repeat;} .box .waku_m .photo02{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo02.jpg) no-repeat;} .box .waku_m .photo03{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo03.jpg) no-repeat;} .box .waku_m .photo04{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo04.jpg) no-repeat;} .box .waku_m .photo05{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo05.jpg) no-repeat;} .box .waku_m .photo06{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo06.jpg) no-repeat;} .box .waku_m .photo07{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo07.jpg) no-repeat;} .box .waku_m .photo08{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo08.jpg) no-repeat;} .box .waku_m .photo09{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo09.jpg) no-repeat;} .box .waku_m .photo10{margin:0px 0 15px 31px;width:480px; height:230px;background: url(../img/story_photo10.jpg) no-repeat;} .box .waku_m .mov_bt{ margin-left:400px;width:110px; height:28px;} .box .waku_m .mov_bt a{ width:110px; height:28px;display: block;background: url(../img/second_bg.jpg) -618px -950px no-repeat;} .box .waku_m .mov_bt a:hover{ width:110px; height:28px;display: block;background: url(../img/second_bg.jpg) -618px -978px no-repeat;} .box .waku_m .text{margin:10px 0 0 30px;width:480px;font-size:130%; line-height:300%;} #story .text{width:480px; background: url(../img/line_on.png) repeat;padding-bottom:10px;} .box .waku_f{width:550px; height:50px;background: url(../img/story_main.png) 0 -100px no-repeat;vertical-align:bottom;padding-bottom:10px;} .box .title_bar_f .title{width:420px; margin-left:20px;font-size:160%;font-weight:600;color:#000;line-height:160%;min-height:36px;height: auto !important;height:36px;} /* bnList */ #story ul{margin:0px 0 0 45px;width:550px;height:80px; background: url(../img/bn_list.png) 0px 0px no-repeat;} #story ul li{list-style:none; float:left;display:inline; padding:0px;margin-top:26px;} #story .ep01 a{width:58px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) 0px -26px no-repeat;} #story .ep01 a:hover{background: url(../img/bn_list.png) 0px -80px no-repeat;} #story .ep02 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -58px -26px no-repeat;} #story .ep02 a:hover{background: url(../img/bn_list.png) -58px -80px no-repeat;} #story .ep03 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -112px -26px no-repeat;} #story .ep03 a:hover{background: url(../img/bn_list.png) -112px -80px no-repeat;} #story .ep04 a{ width:55px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -166px -26px no-repeat;} #story .ep04 a:hover{background: url(../img/bn_list.png) -166px -80px no-repeat;} #story .ep05 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -221px -26px no-repeat;} #story .ep05 a:hover{background: url(../img/bn_list.png) -221px -80px no-repeat;} #story .ep06 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -275px -26px no-repeat;} #story .ep06 a:hover{background: url(../img/bn_list.png) -275px -80px no-repeat;} #story .ep07 a{ width:55px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -329px -26px no-repeat;} #story .ep07 a:hover{background: url(../img/bn_list.png) -329px -80px no-repeat;} #story .ep08 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -384px -26px no-repeat;} #story .ep08 a:hover{background: url(../img/bn_list.png) -384px -80px no-repeat;} #story .ep09 a{ width:54px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -438px -26px no-repeat;} #story .ep09 a:hover{background: url(../img/bn_list.png) -438px -80px no-repeat;} #story .ep10 a{ width:57px; height:54px; text-indent: -9999px;text-decoration: none; display: block;background: url(../img/bn_list.png) -492px -26px no-repeat;} #story .ep10 a:hover{background: url(../img/bn_list.png) -492px -80px no-repeat;} /*/song /////////////////////////////////////////////////////////////////////////*/ #song h2{width:600px; height:100px; margin-top:50px ; text-indent: -9999px;text-decoration: none; background: url(../img/second_bg.jpg) -10px -950px no-repeat;} #song .topic{margin:10px 0 0 60px;width:510px; } #song .topic h3{margin-left:20px;padding-top:15px;width:480px;height:448px; background: url(../img/song.jpg) no-repeat;} #song .topic p{color:#fff; font-size:130%; } #song .txt{margin:10px 0 0 55px;padding-bottom:20px;width:410px; line-height:200%;} /*/special /////////////////////////////////////////////////////////////////////////*/ #special h2{width:352px; height:100px; margin-top:30px ; text-indent: -9999px;text-decoration: none; background: url(../img/second_bg.jpg) -618px -650px no-repeat;} #special #main {margin:5px 0 30px 80px;} #special #mainBox{width:480px; height:300px; background:#222; font-size:120%; line-height:180%; color:#fff; } #special #mainBox .closemov{width:480px;color:#ff0000;font-size:160%; text-align:center;padding-top:140px;} #special .topic{margin:40px 0 0 65px;width:510px; background: url(../img/second_bg.jpg) -45px -1150px no-repeat;} #special .topic h3{clear:both;color:#fff; font-size:160%;margin-left:50px;padding-top:15px;} /*Interview*/ #int { margin:20px auto; width:500px; text-align:left; } #int ul{ margin: 0; padding: 0;} #int ul li{list-style:none; float:left;display: inline; padding:0px;margin:30px 0 0 5px;} #int ul li a{ display: block; width:94px; height:160px;} #int ul li a:hover{width:90px; height:90px;border:solid 2px #f8b528;} #int01 { width:94px; height:140px; display: block;background: url(../img/special_icon.jpg) 0px 0px no-repeat;} #int02 { width:94px; height:140px; display: block;background: url(../img/special_icon.jpg) -100px 0px no-repeat;} #int03 { width:94px; height:140px; display: block;background: url(../img/special_icon.jpg) -200px 0px no-repeat;} #int04 { width:94px; height:140px; display: block;background: url(../img/special_icon.jpg) -300px 0px no-repeat;} #int05 { width:94px; height:140px; display: block;background: url(../img/special_icon.jpg) -400px 0px no-repeat;} #int06 { width:94px; height:160px; display: block;background: url(../img/special_icon.jpg) 0px -150px no-repeat;} #int07 { width:94px; height:160px; display: block;background: url(../img/special_icon.jpg) -100px -150px no-repeat;} #int08 { width:94px; height:160px; display: block;background: url(../img/special_icon.jpg) -200px -150px no-repeat;} #int09 { width:94px; height:160px; display: block;background: url(../img/special_icon.jpg) -300px -150px no-repeat;} #int10 { width:94px; height:160px; display: block;background: url(../img/special_icon.jpg) -400px -150px no-repeat;} /*youtube list*/ #special #youtube ul{margin-top:30px; width:490px; } #special #youtube li{color:#fff; font-size:130%;margin-left:25px;padding-bottom:10px;} /*/staffarea /////////////////////////////////////////////////////////////////////////*/ .staffarea #bg{ padding:15px;} .staffarea #container_msg{ width:520px; margin:0 auto; text-align:left;line-height:180%; color:#fff; background:#000;} .staffarea #container_msg #header{ width:520px; height:80px; background:url(../img/int_img.png);} .staffarea #container_msg #main{ padding:20px;} .staffarea #container_msg #mainBox{ background:#000;padding:24px;border:solid 2px #fff;} .staffarea #container_msg #main h2{ border-bottom: dotted 1px; padding-bottom:10px; margin-bottom:15px;} .staffarea #container_msg #main p{ padding-bottom:15px; font-size:130%; line-height:180%;} .staffarea #container_msg #main dd{ padding-bottom:10px;} .staffarea #container_msg #main #close { width:48px; height:15px; margin:20px auto 0 auto;} .staffarea #container_msg #main #close a{ background:url(../img/form_img.png) -232px -114px; width:44px; height:10px; display:block;} .staffarea #container_msg #main #close a:hover{ background-position: -232px -124px;} .staffarea #container_msg #main .leftphoto{margin-top:10px;background:url(../img/staffarea01.jpg); width:180px; height:120px;float:left;display: inline;} .staffarea #container_msg #main .righttext{margin-left:20px;font-size:130%; line-height:180%;width:220px;float:left;display: inline;} /*/msg /////////////////////////////////////////////////////////////////////////*/ #msg{color:#fff;} #msg h2{width:600px; height:100px; margin-top:50px; text-indent: -9999px;text-decoration: none; background: url(../img/second_bg.jpg) -10px -1050px no-repeat;} #writeBtn {margin-left:140px;} #writeBtn a{display:block; width:210px; height:50px; background:url(../img/second_bg.jpg) -660px -480px no-repeat;} #writeBtn a:hover{background-position:-660px -530px;} #msgbox{width:500px; margin:40px 0 0 60px;} #msgbox .contentBox {margin-top:20px;width:500px; height:100%; text-align:left;} .paging{ margin:10px 0 30px 0; font-size:120%;} .paging2{ margin-top:10px; font-size:120%;} #msgbox .contentBox .point{margin-top:40px;width:100px;text-indent: -9999px;text-decoration: none; background:url(../img/second_bg.jpg) -660px -630px no-repeat;} .entry{ padding:20px 26px 0; margin-bottom:15px; font-size:130%; line-height:160%; } .entry .topic{ background:url(../img/second_bg.jpg) -660px -590px no-repeat; height:40px; border-bottom: solid 2px #fff;} .entry h3{color:#fff; font-size:140%;margin-left:70px;padding-top:10px;} .entry .hn{ font-size:90%; text-align:right; color:#f8b528;} .entry p{ padding:20px 0 20px 0;} /*msg form*/ .formarea #bg{ padding:15px;} .formarea #container_msg{ width:520px; margin:0 auto; text-align:left; font-size:120%; line-height:180%; color:#fff; background:#000;} .formarea #container_msg #header{ width:520px; height:114px; background:url(../img/form_img.png);} .formarea #container_msg #main{ padding:20px;} .formarea #container_msg #mainBox{ background:#000;padding:24px;border:solid 2px #fff;} .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.png) 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:20px auto 0 auto;} .formarea #container_msg #main #close a{ background:url(../img/form_img.png) -232px -114px; width:44px; height:10px; display:block;} .formarea #container_msg #main #close a:hover{ background-position: -232px -124px;} .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:#000;} .spotarea #container_msg #header{width:520px; height:76px; background:url(../img/form_img.png);} .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:20px auto 0 auto;} .spotarea #mov_close a{ background:url(../img/form_img.png) -232px -114px; width:44px; height:10px; display:block;} .spotarea #mov_close a:hover{ background-position: -232px -124px;} /* ----- #G_player_Ajax ----- */ #G_player_Ajax {position:relative;display:block;text-align:left;padding:0px;margin:0px;height:35px;} #G_player_Ajax .interface{display:block;width:400px;height:35px;padding:0;margin:0;position:absolute;left:0px;top:0px;background:url("../img/GSplayer_var1.png") 0px -10px repeat-x;z-index:1000;} #G_player_Ajax .interface .play{display:block;width:30px;height:25px;padding:0;margin:0;position:absolute;left:0px;top:10px;cursor:pointer;background:url("../img/GSplayer_var1.png") 0px -45px repeat-x;z-index:1010;} #G_player_Ajax .interface .play:hover{background:url("../img/GSplayer_var1.png") 0px -70px repeat-x;} #G_player_Ajax .interface .pouse{display:none;width:30px;height:25px;padding:0;margin:0;position:absolute;left:0px;top:10px;cursor:pointer;background:url("../img/GSplayer_var1.png") -30px -45px repeat-x;z-index:1011;} #G_player_Ajax .interface .pouse:hover{background:url("../img/GSplayer_var1.png") -30px -70px repeat-x;} #G_player_Ajax .interface .volume{display:block;width:30px;height:25px;padding:0;margin:0;position:absolute;left:30px;top:10px;cursor:pointer;background:url("../img/GSplayer_var1.png") -60px -45px repeat-x;z-index:1012;} #G_player_Ajax .interface .volume:hover{background:url("../img/GSplayer_var1.png") -60px -70px repeat-x;} #G_player_Ajax .interface .volumeoff{display:none;width:30px;height:25px;padding:0;margin:0;position:absolute;left:30px;top:10px;cursor:pointer;background:url("../img/GSplayer_var1.png") -90px -45px repeat-x;z-index:1012;} #G_player_Ajax .interface .volumeoff:hover{background:url("../img/GSplayer_var1.png") -90px -70px repeat-x;} #G_player_Ajax .interface .fullscreen{display:block;width:30px;height:25px;padding:0;margin:0;position:absolute;left:370px;top:10px;z-index:1001;cursor:pointer;background:url("../img/GSplayer_var1.png") -120px -45px repeat-x;z-index:1013;} #G_player_Ajax .interface .fullscreen:hover{background:url("../img/GSplayer_var1.png") -120px -70px repeat-x;} #G_player_Ajax .interface .seekArea{width:400px;height:10px;padding:0;margin:0;position:absolute;left:0px;top:0px;cursor:pointer;z-index:1015;overflow:hidden;} #G_player_Ajax .interface .seekbar{width:0px;height:10px;padding:0;margin:0;position:absolute;left:0px;top:0px;cursor:pointer;background:url("../img/GSplayer_var1.png") 0px 0px repeat-x;z-index:1015;overflow:hidden;} #G_player_Ajax .interface .seektime{width:200px;font-size:12px;display:block;color:#666;position:absolute;left:70px;top:12px;z-index:1016;} #G_player_Ajax_noplugin{display:block;} #G_player_Ajax_nojava{display:block;} #G_player_Ajax_Playerarea{padding:0px;margin:0px;display:block;overflow:hidden;width:16px;height:9px;background-color:#000;} /* ----- /#G_player_Ajax ----- */