@charset "Shift_JIS"; /* ---------------------------------------- LOST Online [index] file name: info.css Author: T.Hori create: 2007.10/12 Modified by : H.Park create: 2007. 10/17 =================contents================= 1: include_CSS 2: body style 3: H1 4: submenu 5: Glance [add:T.Hori(071028)] ========================================== */ /* 1: include_CSS -----------------------------------------------------------------------------*/ @import "style.css"; /* 2: body style -----------------------------------------------------------------------------*/ body { background: url(http://image.mgame.jp/new_rpg/new_eternal/common/bg_body05.jpg) #030e15 no-repeat top center ; background-position: center 32px; } /* 2: H1 -----------------------------------------------------------------------------*/ div#center_column div.inner div.h1 { width: 638px; height: 30px; background: url(http://image.mgame.jp/new_rpg/new_eternal/common/h1_dummy.jpg) no-repeat top center; } /* 2: pankuzu -----------------------------------------------------------------------------*/ div#center_column div.inner div.pankuzu { width: 638px; padding: 5px 0; text-align: right; } /* H1sub ---------------- */ div#left_column div.leftmenu div.submenu a.h1sub { display: block; width: 169px; height: 24px; background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_h1sub_info.jpg) top center; } div#left_column div.leftmenu div.submenu a.h1sub:hover { background-position: 0 100%; } /* 2: submenu -----------------------------------------------------------------------------*/ div#left_column div.leftmenu div.submenu { width: 170px; } div#left_column div.leftmenu div.submenu_sub { width: 170px; margin: 0; padding-top: 6px; background: url(http://image.mgame.jp/new_rpg/new_eternal/common/btn_sub_intro_jr_header.gif) no-repeat top left; } div#left_column div.leftmenu div.submenu_sub div { width: 170px; margin: 0; padding-bottom: 4px; background: url(http://image.mgame.jp/new_rpg/new_eternal/common/btn_sub_intro_jr_footer.gif) no-repeat bottom left; } div#left_column div.leftmenu div.submenu a.big { display: block; width: 168px; height: 22px; margin-top: 5px; } div#left_column div.leftmenu div.submenu a.big:hover { background-position: 0 100%; } div#left_column div.leftmenu div.submenu_sub div a.small { display: block; width: 168px; height: 18px; } div#left_column div.leftmenu div.submenu_sub div a.small:hover { background-position: 0 100%; } /* submanu big BG ---------------- */ div#left_column div.leftmenu div.submenu a.info01 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info01.gif) top center; } div#left_column div.leftmenu div.submenu a.info02 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info02.gif) top center; } div#left_column div.leftmenu div.submenu a.info03 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info03.gif) top center; } div#left_column div.leftmenu div.submenu a.info04 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info04.gif) top center; } div#left_column div.leftmenu div.submenu a.info05 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info05.gif) top center; } div#left_column div.leftmenu div.submenu a.info06 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info06.gif) top center; } /* submanu small BG ---------------- */ div#left_column div.leftmenu div.submenu_sub div a.info06_a { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info03_a.gif) top center; } div#left_column div.leftmenu div.submenu_sub div a.info06_b { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info03_b.gif) top center; } div#left_column div.leftmenu div.submenu_sub div a.info06_c { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_sub_info03_c.gif) top center; } /* glance.php buttons */ a.btn_ss01 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_ss01.gif) top center; } a.btn_ss02 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_ss02.gif) top center; } a.btn_ss03 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/btn_ss03.gif) top center; } /* 5: Glance [add:T.Hori(071028)] -----------------------------------------------------------------------------*/ div.maincontents div.glance_wrap div { position: relative; margin-bottom: 20px; } div.maincontents div.glance_wrap div a { display: block; width: 304px; height: 34px; position: absolute; left: 21px; top: 97px; text-indent: -9999px; } div.maincontents div.glance_wrap div.hgt159 { height: 159px; } /* 01 */ div.maincontents div.glance_wrap div.info_01 { margin-top: 10px; background: url(http://image.mgame.jp/new_rpg/new_eternal/info/bg_info_glance01.jpg) no-repeat top center; } /* 02 */ div.maincontents div.glance_wrap div.info_02 { height: 179px; background: url(http://image.mgame.jp/new_rpg/new_eternal/info/bg_info_glance02.jpg) no-repeat top center; } div.maincontents div.glance_wrap div.info_02 a { top: 117px; } /* 03 */ div.maincontents div.glance_wrap div.info_03 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/bg_info_glance03.jpg) no-repeat top center; } /* 04 */ div.maincontents div.glance_wrap div.info_04 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/bg_info_glance04.jpg) no-repeat top center; } /* 05 */ div.maincontents div.glance_wrap div.info_05 { background: url(http://image.mgame.jp/new_rpg/new_eternal/info/bg_info_glance05.jpg) no-repeat top center; } /* 06_01 */ div.maincontents div.glance_wrap div.info_06 div { margin-bottom: 0; } div.maincontents div.glance_wrap div.info_06 div.info_06_01 { height: 143px; background: url(http://image.mgame.jp/new_rpg/new_eternal/info/bg_info_glance06_01.jpg) no-repeat top center; } div.maincontents div.glance_wrap div.info_06 div.info_06_01 a { top: 89px; } /* 06_02 */ div.maincontents div.glance_wrap div.info_06 div.info_06_02 { height: 142px; background: url(http://image.mgame.jp/new_rpg/new_eternal/info/bg_info_glance06_02.jpg) no-repeat top center; } div.maincontents div.glance_wrap div.info_06 div.info_06_02 a { top: 87px; } /* 06_03 */ div.maincontents div.glance_wrap div.info_06 div.info_06_03 { height: 119px; background: url(http://image.mgame.jp/new_rpg/new_eternal/info/bg_info_glance06_03.jpg) no-repeat top center; } div.maincontents div.glance_wrap div.info_06 div.info_06_03 a { top: 56px; }