body{ color:#FFF; margin:0; padding:0; background:#000 url(../img/cmn/bg.png) repeat-x center top; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック', sans-serif; line-height:1.25em; } a:link{ color:#CF0; } a:visited{ color:#CF0;} a:hover{ color:#FC0;} a:active{ color:#F30; } #wrap{ background:transparent url(../img/cmn/bg.jpg) no-repeat center top; } #btimg{ background:transparent url(../img/cmn/mcfooter.jpg) repeat-x center bottom; } #indexwrap{ min-height:650px; background:transparent url(../img/cmn/indexhd.jpg) no-repeat center top; } #cwrap{ min-height:600px; width:920px; margin:0 auto; } #header{ height:90px; margin:0; padding:0; } #header h1{ margin:0; padding:0; float:left; } #indeximg{ margin:0; padding:0; width:920px; height:480px; margin-bottom:15px; } /* メニュー */ #gmenu{ margin:0; padding:0; width:920px; height:64px; background:transparent url(../img/cmn/menu_bg.png) no-repeat left top; } #gmenu ul{ margin:0 auto 0 18px; padding:1px 0 3px 0; } #gmenu li{ height:60px; float:left; list-style:none; margin:0; padding:0; } /* サブメニュー */ #submenu_game{ position:absolute; height:60px; background:transparent url(../img/submenu/submenu_end.png) no-repeat right top; display:none; } #submenu_game div{ height:60px; background:transparent url(../img/submenu/bg_game.png) no-repeat left top; margin-right:20px; } #submenu_drama{ position:absolute; height:60px; background:transparent url(../img/submenu/submenu_end.png) no-repeat right top; display:none; } #submenu_drama div{ height:60px; background:transparent url(../img/submenu/bg_drama.png) no-repeat left top; margin-right:20px; } #submenu_game ul, #submenu_drama ul{ margin:0; padding:14px 0 0 150px; list-style:none; } #submenu_game ul li, #submenu_drama ul li{ margin:0; padding:0; display:inline; } #mcwrap{ width:920px; margin:auto; padding-top:15px; } #mcw{ width:920px; background:#000 url(../img/cmn/mcw_bg.png) repeat-y left bottom; margin-bottom:2em; } #mcw #mchdimg{ background:transparent url(../img/cmn/mcw_hd.png) no-repeat left top; padding-top:15px; } #mcw #mcftimg{ background:transparent url(../img/cmn/mcw_ft.png) no-repeat left bottom; padding:0 20px 15px 20px; } #mc{ width:640px; float:left; } #mcbox{ width:640px; float:left; background:#000 url(../img/cmn/mc_bg.png) repeat-y left bottom; margin-bottom:2em; } #mcbox #mchdimg{ background:transparent url(../img/cmn/mc_hd.png) no-repeat left top; padding-top:15px; } #mcbox #mcftimg{ background:transparent url(../img/cmn/mc_ft.png) no-repeat left bottom; padding:0 20px 15px 20px; } #side{ width:260px; float:right; padding-bottom:20px; } #mcwrap .sidebox{ border:1px solid #52422B; padding:0; font-size:12px; background-color:rgba(32,32,32,75); margin-bottom:10px; } #mcwrap .sidebox h4{ color:#DFD5C4; font-size:14px; background-image:none; text-shadow: 2px 2px 2px #000; background-color:#333; background: -moz-linear-gradient(top, #222, #444); background: -webkit-gradient(linear, left top, left bottom, from(#222), to(#444)); background:linear-gradient(top, #222, #444); margin:0; padding:5px; border-bottom:1px solid #111; } #mcwrap .sidebox ul{ margin:0; padding:0; list-style:square; } #mcwrap .sidebox ul li{ margin:0 10px; padding:4px 0; border-bottom:1px dotted #444; list-style-position:inside; font-size:10px; color:#999; } #mcwrap .sidebox ul li a{ font-size:12px; } #mcwrap .sidebox ul li ul{ padding-left:12px; padding-bottom:-4px; border-top:1px dotted #444; } #mcwrap .sidebox ul li ul li{ margin:0; padding:4px 0; border-bottom:none; } #mcwrap .sidebox ul li ul li:last-child{ padding-bottom:0; } #mcwrap .sidebox ul li ul li+li{ border-top:1px dotted #444; } #mcwrap .sidemenu p{ margin:0 10px; padding:4px 0; font-size:12px; } #sbs{ border:1px solid #52422B; padding:0; font-size:9px; background-color:rgba(32,32,32,75); } #sbs h5{ margin:0; padding-bottom:2px; } #sbs div{ padding:2px 6px 6px 6px; } #sbs div img{ margin:3px 2px 2px 0; padding:0; vertical-align:top; } #sbs iframe{ margin:2px; } h2#pagetitle{ margin:0 0 10px 0; } #mcwrap p, #mcwrap li, #mcwrap th, #mcwrap td, #mcwrap dt, #mcwrap dd { font-size:14px; } #mcwrap h4{ color:#DFD5C4; font-size:18px; background:transparent url(../img/cmn/h4bg.png) no-repeat left bottom; padding: 2px 12px 1px 30px; text-shadow: 2px 2px 2px #000; } #mcwrap h5{ color:#DFD5C4; font-size:14px; text-shadow: 2px 2px 2px #000; } p + h4{ margin-top:3em; } .textbox{ width:880px; margin: 0 auto; } #footer{ padding-top:10px; clear:both; } #fc{ width:920px; margin:0 auto; padding-bottom:4px; } #fc p{ text-align:right; } /* ページ用ID・クラス */ ul#updates{ margin:1em 0; padding:0; } ul#updates li{ margin:0; padding:0 0 0 .5em; border-bottom:1px dotted #F3EFE9; list-style-type:square; list-style-position:inside; } ul#updates li+li{ margin-top:.5em; } /* 製品情報-CD */ #mcwrap div.cdindex{ float:left; padding-right:1em; width:200px; } #mcwrap .cdindex h5, #mcwrap .cdindex p, #mcwrap .cdindex li{ margin:0; font-family:Arial, Helvetica, sans-serif; } #mcwrap .cdindex h5{ padding:4px 0 0 0; line-height:1em; margin-bottom:4px; border-bottom:1px solid #DFD5C4; } #mcwrap .cdindex ol,#mcwrap .cdindex ul{ margin:0; padding:0; } #mcwrap .cdindex ol li,#mcwrap .cdindex ul li{ border-bottom:1px dotted #DFD5C4; font-size:11px; margin-bottom:2px; padding-bottom:2px; line-height:11px; list-style-position:inside; color:#CCC; } #mcwrap .cdtable{ border:1px solid #000; border-top:1px solid #333; border-collapse:collapse; width:380px; } #mcwrap .cdtable td, #mcwrap .cdtable th{ border-bottom:1px solid #333; font-size:11px; padding:1px 4px; } #mcwrap .cdtable th{ background-color:#222; } /* ゲーム キャラクター */ #charatab{ height:48px; margin:1.5em 0; } #charaprof{ width:360px; min-height:600px; } #cpfrof, #cvisual, #cvoice{ clear:both; } #chara-rei{ background:transparent url(../img/game/chara/rei/bg.png) no-repeat right top; } #chara-akira{ background:transparent url(../img/game/chara/akira/bg.png) no-repeat right top; } #chara-koutaro{ background:transparent url(../img/game/chara/koutaro/bg.png) no-repeat right top; } #chara-tsukihiko{ background:transparent url(../img/game/chara/tsukihiko/bg.png) no-repeat right top; } #chara-tsurue{ background:transparent url(../img/game/chara/sub_bg/tsurue.png) no-repeat right top; } #chara-haruhiko{ background:transparent url(../img/game/chara/sub_bg/haruhiko.png) no-repeat right top; } #chara-kazuaki{ background:transparent url(../img/game/chara/sub_bg/kazuaki.png) no-repeat right top; } #chara-chinatsu{ background:transparent url(../img/game/chara/sub_bg/chinatsu.png) no-repeat right top; } #chara-mitsuko{ background:transparent url(../img/game/chara/sub_bg/mitsuko.png) no-repeat right top; } #chara-kokoro{ background:transparent url(../img/game/chara/sub_bg/kokoro.png) no-repeat right top; } #chara-aine{ background:transparent url(../img/game/chara/sub_bg/aine.png) no-repeat right top; height:700px; } #chara-saeki{ background:transparent url(../img/game/chara/sub_bg/saeki.png) no-repeat right top; } #chara-kirie{ background:transparent url(../img/game/chara/sub_bg/kirie.png) no-repeat right top; } #chara-yuko_yayoi{ background:transparent url(../img/game/chara/sub_bg/yuko_yayoi.png) no-repeat right top; } #chara-yuko{ background:transparent url(../img/game/chara/sub_bg/yuko.png) no-repeat right top; } #chara-yayoi{ background:transparent url(../img/game/chara/sub_bg/yayoi.png) no-repeat right top; } #chara-hideto{ background:transparent url(../img/game/chara/sub_bg/hideto.png) no-repeat right top; } #chara-yurika{ background:transparent url(../img/game/chara/sub_bg/yurika.png) no-repeat right top; } #chara-tamotsu{ background:transparent url(../img/game/chara/sub_bg/tamotsu.png) no-repeat right top; } #chara-mio{ background:transparent url(../img/game/chara/sub_bg/mio.png) no-repeat right top; } #charaprof h5{ margin-bottom:0; } #charaprof .proftable{ border-collapse:collapse; width:360px; margin-top:5px; } #charaprof .proftable th, #charaprof .proftable td{ text-align:left; font-size:12px; padding:1px 0; } #charaprof .proftable th{ width:80px; padding-left:2px; } #charaprof .voicebox{ padding:.5em 0; border-bottom:1px dotted #333; } #charaprof .voicebox h5{ margin:0; } #charaprof .voicebox .voicecap{ padding-left:10px; margin:4px 0 5px 0; font-size:11px; line-height:13px; } #charaprof .voicebox .voicebtn{ padding-left:10px; margin:0; } /* キャラタブメニュー */ #charatab{ padding:0; margin-bottom:1.5em; } #charatab li a span{ position:absolute; left:-9999px; visibility:hidden; display:block; } #charatab li a#tab_prof{ display:block; width:160px; height:24px; padding-right:15px; background:transparent url(../img/game/chara/tab_prof_n.png) no-repeat 0 0; } #charatab li.ui-state-hover a#tab_prof, #charatab li.ui-state-selected a#tab_prof{ background:transparent url(../img/game/chara/tab_prof_hv.png) no-repeat 0 0; } #charatab li.ui-state-active a#tab_prof{ background:transparent url(../img/game/chara/tab_prof_act.png) no-repeat 0 0; } #charatab li a#tab_vis{ display:block; width:120px; height:24px; background:transparent url(../img/game/chara/tab_cg_n.png) no-repeat 0 0; } #charatab li.ui-state-hover a#tab_vis, #charatab li.ui-state-selected a#tab_vis{ background:transparent url(../img/game/chara/tab_cg_hv.png) no-repeat 0 0; } #charatab li.ui-state-active a#tab_vis{ background:transparent url(../img/game/chara/tab_cg_act.png) no-repeat 0 0; } #charatab li a#tab_voice{ display:block; width:120px; height:24px; background:transparent url(../img/game/chara/tab_voice_n.png) no-repeat 0 0; } #charatab li.ui-state-hover a#tab_voice, #charatab li.ui-state-selected a#tab_voice{ background:transparent url(../img/game/chara/tab_voice_hv.png) no-repeat 0 0; } #charatab li.ui-state-active a#tab_voice{ background:transparent url(../img/game/chara/tab_voice_act.png) no-repeat 0 0; } /* ドラマCDキャラクター */ /* パブリシティ用/製品情報テーブル */ #mcwrap .pubtable, #mcwrap .spec{ border:1px solid #000; border-top:1px solid #444; border-bottom:1px solid #444; border-collapse:collapse; width:600px; margin-bottom:2em; } #mcwrap .pubtable td, #mcwrap .pubtable th, #mcwrap .spec td, #mcwrap .spec th{ border-bottom:1px dotted #555; font-size:12px; line-height:15px; padding:4px; } #mcwrap .pubtable th , #mcwrap .spec th{ background-color:#222; text-align:left; } #mcwrap .pubtable tr:hover{ background-color:#222; background: -moz-linear-gradient(top, #000, #333); background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333)); background:linear-gradient(top, #000, #333); } /* パブ用テーブルカーソル反転 */ /* 汎用クラス */ .fright{ float:right; } .fleft{ float:left; } .aleft{ text-align:left; } .aright{ text-align:right; } .acenter{ text-align:center; } .clear{ clear:both; } hr.clear{ clear:both; height:1px; visibility:hidden; } .x-small, #main .x-small{ font-size:10px; } .smaller, #main .smaller{ font-size:smaller; } .larger, #main .larger{ font-size:larger; } .x-large, #main .x-large{ font-size:1.5em; } .sep{ margin:2em 0; } .notopmargin, #main .notopmargin{ margin-top:0; } .nobtmargin, #main .nobtmargin{ margin-bottom:0; } .nomargin, #main .nomargin{ margin:0; } .rpad1em{ padding-right:1em;} .lpad1em{ padding-left:1em;} .bpad1em{ padding-bottom:1em;} .btlinedotted{ border-bottom:1px dotted #999;} .topicbox{padding:5px; margin:0 0 .5em auto; background-color:#333; border:1px solid #555; } #mcwrap .infoupdate{ margin-top:0; font-size:11px; text-align:right; color:#999; font-family:"Courier New", Courier, mono; } .c_stpink{ color:#F06; } .c_stblue{ color:#09F; } .c_storg{ color:#F90; } .c_y {color: #FFFF00} .formtable{ border-collapse:collapse; border:1px solid #222; } .formtable th, .formtable td{ border:1px solid #222; padding:5px; } .formtable th{ background-color:#222; } .vamiddle{ vertical-align:middle; } .vatop{ vertical-align:top; } .vasub{ vertical-align:sub; } .vabase{ vertical-align:baseline; } /* 汎用クラス */ /* clear fix class */ .clearfix:after { content: "."; /* 新しい要素を作る */ display: block; /* ブロックレベル要素に */ clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } /* vtip */ p#vtip { display: none; position: absolute; padding: 8px 10px; width:280px; left: 5px; font-size: 14px; background-color:#111; border: 1px solid #444; -moz-border-radius: 5px; -webkit-border-radius: 5px; z-index: 9999; font-weight:bold; opacity:0.85; font-weight:bold; -moz-box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; box-shadow:2px 2px 10px #000;} p#vtip #vtipArrow { position: absolute; top: -5px; left: 5px; } /* jQuery UI */ .ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; /*padding: .5em 1em;*/ text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* thickbox */ #TB_window { font-size:14px; color: #FFF; } #TB_secondLine { font-size:10px; color:#333; } /* thickbox settings */ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#001; filter:alpha(opacity=35); -moz-opacity: 0.35; opacity: 0.35; } * html #TB_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } #TB_window { position: fixed; background: #000; z-index: 102; color:#fff; display:none; border: 3px ridge #2F2212; text-align:left; top:50%; left:50%; -moz-box-shadow:2px 2px 10px #000; -webkit-box-shadow:2px 2px 10px #000; box-shadow:2px 2px 10px #000; } * html #TB_window { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border: 1px solid #ccc; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #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:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; 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 */ } * html #TB_load { /* ie6 hack */ position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); } #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%; } * html #TB_HideSelect { /* ie6 hack */ 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; }