@charset "Shift_JIS"; /* ---------------------------------------- LOST Online [index] file name: customer.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_body07.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; } /* 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_news_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_news_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%; } /* 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/customer/btn_h1sub_customer.jpg) top center; } div#left_column div.leftmenu div.submenu a.h1sub:hover { background-position: 0 100%; } /* submanu big BG ---------------- */ div#left_column div.leftmenu div.submenu a.customer01 { background: url(http://image.mgame.jp/new_rpg/new_eternal/customer/btn_sub_customer01.gif) top center; } div#left_column div.leftmenu div.submenu a.customer02 { background: url(http://image.mgame.jp/new_rpg/new_eternal/customer/btn_sub_customer02.gif) top center; } div#left_column div.leftmenu div.submenu a.customer03 { background: url(http://image.mgame.jp/new_rpg/new_eternal/customer/btn_sub_customer03.gif) top center; } /* 5: Glance [add:T.Hori(071028)] -----------------------------------------------------------------------------*/ div.maincontents div.glance_wrap div { position: relative; margin-bottom: 20px; height: 159px; } div.maincontents div.glance_wrap div a { display: block; width: 304px; height: 34px; position: absolute; left: 21px; top: 97px; text-indent: -9999px; } /* 01 */ div.maincontents div.glance_wrap div.customer_01 { margin-top: 10px; background: url(http://image.mgame.jp/new_rpg/new_eternal/customer/bg_customer_glance01.jpg) no-repeat top center; } /* 02 */ div.maincontents div.glance_wrap div.customer_02 { background: url(http://image.mgame.jp/new_rpg/new_eternal/customer/bg_customer_glance02.jpg) no-repeat top center; } div.maincontents div.glance_wrap div.customer_02 a { } /* 03 */ div.maincontents div.glance_wrap div.customer_03 { background: url(http://image.mgame.jp/new_rpg/new_eternal/customer/bg_customer_glance03.jpg) no-repeat top center; }