@charset "euc-jp"; /* common */ body { margin: 0 ; padding: 0 ; } #bodyBg { background: url(../img/background.jpg) repeat;} h1,h2,h3,h4 { display: none ; margin: 0 ; padding: 0 ;} img { margin: 0 ; padding: 0 ; border: 0 ; } p { margin: 0 ; padding: 0 ; font: "£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3" ; } a { color: #F09018 ; line-height: 160%; text-decoration: none ; } a:hover { color: #F09018 ; line-height: 160%; text-decoration: none ; } #display { margin: 0 auto ; text-align: center ; background:url("../img/line.jpg") center top repeat-y ; } #display2 { margin: 0 auto ; text-align: center ; background:url("../img/line2.jpg") center top repeat-y ; } #main_backG { margin: 0 auto ; text-align: center; background: url("../img/background.jpg") repeat;} /* top */ #top_area { margin: 0 auto ; text-align: center ; width: 760px ; height: 745px ; background: url("../img/top/main.jpg") no-repeat ; } #read1 { height: 82px ; } #topnavi { height: 245px ; text-align: left ;} #topnavi table { margin: 15px 0 0 20px ; } #toplogo { height: 200px ; } #main_bottom{ width: 720px ; height: 120px ; margin: 0 20px 10px 20px ; } #spec { background: url("../../../img/img_cero/cero_A.gif") right bottom no-repeat ; } #spec p { font-size: 11px ; color: #1D2087 ; line-height: 130% ; text-align: left ; margin-bottom: 5px; } #spec .bold{ font-weight: bold ; } #spec_right { text-align: right ; } #top_bana { margin: 0 0 0 20px; text-align: left;} /* content */ #content { margin: 0 auto ; text-align: center ; width: 740px ; } #left_area { width: 197px ; text-align: left ; background:url("../img/navi_bottom.jpg") center bottom no-repeat ; } #logo { padding: 10px 0 ; } #navi { margin: 0 auto ; padding: 0 ; text-align: center ; display: table ; } #navi div { width: 167px ; } #navi a { display: block ; } #navi ul { list-style-type: none; margin: 0 ; padding: 0 ; float: right ; } #navi li { list-style-image: none ; list-style: none ;} #navi li span { display: none ; } .navimrg { padding-bottom: 5px ; } #right_area { width: 535px ; padding: 10px 0 10px 8px ; } #content_top { width: 535px ; height: 31px ; background:url("../img/content_top.jpg") no-repeat ; } #content_center { margin: 0 auto ; text-align: center ; background:url("../img/content_center.jpg") repeat-y ; } #cont { width: 502px ; margin: 0 auto ; text-align: center ; } #cont p { font-size: 14px ; color: #1D2087 ; line-height: 160% ; text-align: left ; } #title { padding: 20px 0 ; } .subtitle { padding: 0 0 15px 0 ; } .text { padding: 0 0 15px 0 ; } .screen { padding: 0 0 15px 0 ; text-align: center ; } .screen_mrg { margin-right: 10px ; } #gototop { padding: 20px 0 ; } #content_bottom { width: 535px ; height: 31px ; background:url("../img/content_bottom.jpg") no-repeat ; } /* chara */ #veigue_back { width: 502px ; height: 770px ; background:url("../../character/img/veigue/veigue.jpg") no-repeat ; text-align: left ; } #claire_back { width: 502px ; height: 770px ; background:url("../../character/img/claire/claire.jpg") no-repeat ; text-align: left ; } #mao_back { width: 502px ; height: 770px ; background:url("../../character/img/mao/mao.jpg") no-repeat ; text-align: left ; } #eugene_back { width: 502px ; height: 770px ; background:url("../../character/img/eugene/eugene.jpg") no-repeat ; text-align: left ; } #annie_back { width: 502px ; height: 770px ; background:url("../../character/img/annie/annie.jpg") no-repeat ; text-align: left ; } #tytree_back { width: 502px ; height: 770px ; background:url("../../character/img/tytree/tytree.jpg") no-repeat ; text-align: left ; } #hilda_back { width: 502px ; height: 770px ; background:url("../../character/img/hilda/hilda.jpg") no-repeat ; text-align: left ; } #agarte_back { width: 502px ; height: 770px ; background:url("../../character/img/agarte/agarte.jpg") no-repeat ; text-align: left ; } #text2 { height: 540px ; padding: 0px 0 15px 0 ; } #text2 p { width: 251px ; line-height: 130% ; } .screen2 { padding: 0 0 5px 0 ; text-align: center ; } .screen_mrg2 { margin-right: 10px ; } .textMAR {margin-top:220px;} /* popup */ #popup { width: 650px ; height: 425px ; } #popback { width: 650px ; height: 365px ; background: url("../../popup/img/background.jpg") no-repeat ; } /* campaign */ #camCa { margin: 0 10px;} #camCa p { font-size: 12px;} /*lnavi*/ #veigue a { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/veigue.gif") no-repeat ; } #veigue a:hover { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/veigue_f.gif") no-repeat ; } #claire a { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/claire.gif") no-repeat ; } #claire a:hover { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/claire_f.gif") no-repeat ; } #mao a { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/mao.gif") no-repeat ; } #mao a:hover { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/mao_f.gif") no-repeat ; } #eugene a { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/eugene.gif") no-repeat ; } #eugene a:hover { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/eugene_f.gif") no-repeat ; } #annie a { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/annie.gif") no-repeat ; } #annie a:hover { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/annie_f.gif") no-repeat ; } #tytree a { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/tytree.gif") no-repeat ; } #tytree a:hover { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/tytree_f.gif") no-repeat ; } #hilda a { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/hilda.gif") no-repeat ; } #hilda a:hover { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/hilda_f.gif") no-repeat ; } #agarte a { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/agarte_new.gif") no-repeat ; } #agarte a:hover { width: 148px ; height: 30px ; background: url("../../character/chara_lnavi/agarte_new_f.gif") no-repeat ; } #system02 a { width: 148px ; height: 30px ; background: url("../../system/sys_navi/battle.gif") no-repeat ; } #system02 a:hover { width: 148px ; height: 30px ; background: url("../../system/sys_navi/battle_f.gif") no-repeat ; } #system01 a { width: 148px ; height: 30px ; background: url("../../system/sys_navi/plus_new.gif") no-repeat ; } #system01 a:hover { width: 148px ; height: 30px ; background: url("../../system/sys_navi/plus_new_f.gif") no-repeat ; }