@charset "utf-8"; /* CSS Document */ *{margin:0; padding:0; border:none} html,body{width:100%;} body{background-color:#000; color:#FFF; font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size:12px; line-height:1.2em;} ul{list-style-position:outside; list-style-type:none;} li{list-style:none;} a img{border-style:none;} a{overflow:hidden; outline:none;} #header{background:url(../img/header_bg_rep.jpg) repeat-x center top; width:100%; min-width:1200px; height:40px; position:relative;} #nav_area{ background:url(../img/header_bg.jpg) no-repeat center; width:1230px; min-width:1200px; height:40px; margin:0 auto;} #nav{width:100%; margin:0 auto; position:relative; overflow:hidden;} #nav ul{position:relative; float:left;} #nav li{height:40px; position:relative; top:0;} #nav li#cog,#nav li#capcom{padding:0 0px 0 10px; float:left;} #nav li#capco{width:120px;} #nav li#twitter,#nav li#facebook{padding:0px 2px 0 0; float:right;} #nav li#bgm{padding:7px 7px 0 0; float:right;} #nav li#twitter{width:40px;} #nav li#facebook{width:40px;} #menu_area_out{background:url(../img/menu_bg_rep.jpg) repeat-x center; height:80px; width:100%; min-width:1200px; position:relative;} #menu_area{background:url(../img/menu_bg.jpg) no-repeat center; height:80px; width:100%; min-width:1200px; position:relative; margin:0 auto;} #menu_list{width:1200px; margin:0 auto; position:relative;} #menu_list .nav_menu{width:866px; height:52px; margin:0; padding:0; position:absolute; left:210px; top:11px;} #menu_list .nav_menu .n_menu_l{float:left; margin:0; padding:0;} #contents{background:url(../img/top_main.jpg) no-repeat center; width:100%; min-width:1200px; height:780px; margin:0 auto; position:relative;} #footer{background:url(../img/footer_bg.jpg) no-repeat center; width:100%; min-width:1200xp; height:180px; margin:0 auto; position:relative;} #footer_area{ background:url(../img/footer_top_bg.jpg) no-repeat center top; width:1200px; height:180px; margin:0 auto; position:relative;} #btn_g7{width:314px; height:112px;float:left; margin-top:20px; margin-left:16px;} #btn_beginner{width:240px; height:32px; float:left; margin-top:20px; margin-left:20px;} #btn_mem{width:240px; height:32px; float:left; margin-top:20px; margin-left:20px;} #btn_cog{width:103px; height:28px; float:left; margin-top:20px; margin-left:20px;} /* 生態 */ #ecology #menu_area_out #menu_area{background:url(../img/menu_weapon.jpg) no-repeat center; height:80px; width:100%; min-width:1200px; position:relative; margin:0 auto;} #ecology #contents{background:url(../img/ecology_main.jpg) no-repeat center; width:100%; min-width:1200px; height:780px; margin:0 auto; position:relative;} #ecology #footer{background:url(../img/footer_ecology.jpg) no-repeat center; width:100%; min-width:1200xp; height:180px; margin:0 auto; position:relative;} #ecology #footer_area{background:url(../img/footer_ecology_bg.jpg) no-repeat center top; width:1200px; height:180px; margin:0 auto; position:relative;} #ecology #con_out{width:1200px; height:780px; position:relative; margin:0 auto;} #ecology #con_in{width:500px; height:600px; position:relative; margin-left:700px; margin-top:0px;} a.ssbox{display:block; width:368px; height:211px; position:absolute; background-repeat:no-repeat; background-position:left top;} a.ssbox:hover{background-position:0 -211px;} #con_in a#ss1{background-image:url(../img/btn_ss01.jpg); left:68px; top:135px;} #con_in a#ss2{background-image:url(../img/btn_ss02.jpg); left:117px; top:385px;} #ecology #btn__movie{width:348px; height:219px; position:absolute;top:258px; left:55px;} #ecology .btn__movie01{background-image:url(../img/btn_moive01.jpg);} a.btn__movie01{display:block; width:348px; height:219px; position:absolute; background-repeat:no-repeat; background-position:left top;} a.btn__movie01:hover{background-position:0 -219px;} /* 炎角竜武器 */ #weapon #menu_area_out #menu_area{background:url(../img/menu_weapon.jpg) no-repeat center; height:80px; width:100%; min-width:1200px; position:relative; margin:0 auto;} #weapon #contents{background:url(../img/weapon_main.jpg) no-repeat center; width:100%; min-width:1200px; height:780px; margin:0 auto; position:relative;} #weapon #footer{background:url(../img/footer_weapon.jpg) no-repeat center; width:100%; min-width:1200xp; height:180px; margin:0 auto; position:relative;} #weapon #footer_area{background:url(../img/footer_weapon_bg.jpg) no-repeat center top; width:1200px; height:180px; margin:0 auto; position:relative;} /* 炎角竜防具 */ #protector #menu_area_out #menu_area{background:url(../img/menu_weapon.jpg) no-repeat center; height:80px; width:100%; min-width:1200px; position:relative; margin:0 auto;} #protector #contents{background:url(../img/protector_main.jpg) no-repeat center; width:100%; min-width:1200px; height:780px; margin:0 auto; position:relative;} #protector #footer{background:url(../img/footer_protector.jpg) no-repeat center; width:100%; min-width:1200xp; height:180px; margin:0 auto; position:relative;} #protector #footer_area{background:url(../img/footer_protector_bg.jpg) no-repeat center top; width:1200px; height:180px; margin:0 auto; position:relative;} /* 烈種武具の強化先追加 */ #strengthen #menu_area_out #menu_area{background:url(../img/menu_weapon.jpg) no-repeat center; height:80px; width:100%; min-width:1200px; position:relative; margin:0 auto;} #strengthen #contents{background:url(../img/strengthen_main.jpg) no-repeat center; width:100%; min-width:1200px; height:780px; margin:0 auto; position:relative;} #strengthen #footer{background:url(../img/footer_strengthen.jpg) no-repeat center; width:100%; min-width:1200xp; height:180px; margin:0 auto; position:relative;} #strengthen #footer_area{background:url(../img/footer_strengthen_bg.jpg) no-repeat center top; width:1200px; height:180px; margin:0 auto; position:relative;} /* G級モンスター */ #monster #menu_area_out #menu_area{background:url(../img/menu_weapon.jpg) no-repeat center; height:80px; width:100%; min-width:1200px; position:relative; margin:0 auto;} #monster #contents{background:url(../img/monster_main.jpg) no-repeat center; width:100%; min-width:1200px; height:780px; margin:0 auto; position:relative;} #monster #footer{background:url(../img/footer_monster.jpg) no-repeat center; width:100%; min-width:1200xp; height:180px; margin:0 auto; position:relative;} #monster #footer_area{background:url(../img/footer_monster_bg.jpg) no-repeat center top; width:1200px; height:180px; margin:0 auto; position:relative;} #monster #con_out{width:1200px; height:780px; position:relative; margin:0 auto;} #monster #con_in{width:560px; height:351px; position:relative; margin-left:640px; margin-top:0px;} a.ssbox{display:block; width:368px; height:211px; position:absolute; background-repeat:no-repeat; background-position:left top;} a.ssbox:hover{background-position:0 -211px;} #con_in a#ss3{background-image:url(../img/btn_ss03.jpg); left:157px; top:128px;} /* 新武器追加 */ #weaponN #menu_area_out #menu_area{background:url(../img/menu_weapon.jpg) no-repeat center; height:80px; width:100%; min-width:1200px; position:relative; margin:0 auto;} #weaponN #contents{background:url(../img/new_weapon_main.jpg) no-repeat center; width:100%; min-width:1200px; height:780px; margin:0 auto; position:relative;} #weaponN #con_out{width:1200px; height:780px; position:relative; margin:0 auto;} #weaponN #btn_kyoku{width:531px; height:97px; position:absolute; bottom:10px; right:120px;} #weaponN #footer{background:url(../img/footer_weaponN.jpg) no-repeat center; width:100%; min-width:1200xp; height:180px; margin:0 auto; position:relative;} #weaponN #footer_area{background:url(../img/footer_weaponN_bg.jpg) no-repeat center top; width:1200px; height:180px; margin:0 auto; position:relative;} /* 新要素追加 */ #elementN #menu_area_out #menu_area{background:url(../img/menu_weapon.jpg) no-repeat center; height:80px; width:100%; min-width:1200px; position:relative; margin:0 auto;} #elementN #contents{background:url(../img/elementN_main.jpg) no-repeat center; width:100%; min-width:1200px; height:780px; margin:0 auto; position:relative;} #elementN #footer{background:url(../img/footer_elementN.jpg) no-repeat center; width:100%; min-width:1200xp; height:180px; margin:0 auto; position:relative;} #elementN #footer_area{background:url(../img/footer_elementN_bg.jpg) no-repeat center top; width:1200px; height:180px; margin:0 auto; position:relative;}