@charset "UTF-8"; /* CSS Document */ /* -------------------------------------------------------------------------- ** ** BASE ** -------------------------------------------------------------------------- */ /* * HTML Structure * *

* *

* * */ /* \*/ * html div#wrap { height: 1%; } /**/ body { display: block; margin: 0; background-color: #fff; color: #333; font: normal normal normal 62.5%/1.6em "Lucida Grande", "AppleGothic", "Apple Gothic", Arial, Verdana, Meiryo, Geneva, sans-serif; } #wrap { margin: 0 auto; font-size: 1.2em; line-height: 1.5em; text-align: center; } #header, #body, #footer { position: relative; margin: 0; padding: 0; text-align: center; } #header .contents, #body, #footer .contents { width: 960px; margin: 0 auto; text-align: left; } /* -------------------------------------------------------------------------- ** ** HEADER ** -------------------------------------------------------------------------- */ #header { background: transparent url(../images/common/header_background.jpg) repeat-x left top; } #header .contents { padding-bottom: 16px; } #header h1 { float: left; height: 85px; margin: 0; padding: 0; line-height: 85px; font-size: 1em; } #header h1 a { display: block; width: 300px; height: 0px; margin: 0; padding: 0; padding-top: 85px; background: transparent url(../images/common/h1_title_cn.jpg) no-repeat left top; overflow: hidden; } .cn #header h1 a { background: transparent url(../images/common/h1_title_cn.jpg) no-repeat left top; } .tw #header h1 a { background: transparent url(../images/common/h1_title_tw.jpg) no-repeat left top; } .kr #header h1 a { background: transparent url(../images/common/h1_title_kr.jpg) no-repeat left top; } .en #header h1 a { background: transparent url(../images/common/h1_title_en.jpg) no-repeat left top; } /* -------------------------------------------------------------------------- ** ** LANGUAGE NAVI ** -------------------------------------------------------------------------- */ #header #lnav { list-style: none; float: right; margin: 0; margin-top: 30px; padding: 0; } #header #lnav li { display: inline; width: 65px; height: 20px; margin: 0; padding: 0; } #header #lnav li a { float: left; display: block; width: 65px; height: 0px; margin: 0; padding: 0; padding-top: 20px; background: transparent url(../images/common/lang_menu.jpg) no-repeat left top; color: #333; text-decoration: none; overflow: hidden; } #header #lnav li.ja a { background-position: 0px 0px; } #header #lnav li.en a { background-position: -70px 0px; } #header #lnav li.cn a { background-position: -140px 0px; } #header #lnav li.tw a { background-position: -210px 0px; } #header #lnav li.kr a { background-position: -280px 0px; } #header #lnav li.ja a.selected { background-position: 0px -40px; } #header #lnav li.en a.selected { background-position: -70px -40px; } #header #lnav li.cn a.selected { background-position: -140px -40px; } #header #lnav li.tw a.selected { background-position: -210px -40px; } #header #lnav li.kr a.selected { background-position: -280px -40px; } #header #lnav li.ja a:hover { background-position: 0px -20px; } #header #lnav li.en a:hover { background-position: -70px -20px; } #header #lnav li.cn a:hover { background-position: -140px -20px; } #header #lnav li.tw a:hover { background-position: -210px -20px; } #header #lnav li.kr a:hover { background-position: -280px -20px; } /* #header #lnav li { display: inline; padding-left: 0.5em; } #header #lnav li a { padding-left: 12px; background: transparent url(../images/common/arrow.gif) no-repeat left center; color: #333; text-decoration: none; } #header #lnav li a.selected { color: #c1c1c1; } #header #lnav li a:hover { color: #ff9c00; text-decoration: underline; } */ /* -------------------------------------------------------------------------- ** ** GLOBAL NAVI ** -------------------------------------------------------------------------- */ #header #gnav { clear: both; list-style: none; width: 960px; margin: 0; padding: 0; } #header #gnav li { display: block; float: left; width: 160px; height: 28px; text-align: center; line-height: 28px; } #header #gnav li a { display: block; width: 160px; height: 0px; padding-top: 28px; background-image: url(../images/common/gnav_cn.jpg); line-height: 28px; overflow: hidden; } .cn #header #gnav li a { background-image: url(../images/common/gnav_cn.jpg); background-repeat: no-repeat; } .tw #header #gnav li a { background-image: url(../images/common/gnav_tw.jpg); background-repeat: no-repeat; } .kr #header #gnav li a { background-image: url(../images/common/gnav_kr.jpg); background-repeat: no-repeat; } .en #header #gnav li a { background-image: url(../images/common/gnav_en.jpg); background-repeat: no-repeat; } #gnav li#g_top a { background-position: 0 0; } #gnav li#g_about a { background-position: -160px 0; } #gnav li#g_floormap a { background-position: -320px 0; } #gnav li#g_event a { background-position: -480px 0; } #gnav li#g_access a { background-position: -640px 0; } #gnav li#g_faq a { background-position: -800px 0; } #gnav li#g_top a:hover { background-position: 0 -28px; } #gnav li#g_about a:hover { background-position: -160px -28px; } #gnav li#g_floormap a:hover { background-position: -320px -28px; } #gnav li#g_event a:hover { background-position: -480px -28px; } #gnav li#g_access a:hover { background-position: -640px -28px; } #gnav li#g_faq a:hover { background-position: -800px -28px; } #gnav li#g_top a:active, .top #gnav li#g_top a { background-position: 0 -56px; cursor: default; } #gnav li#g_about a:active, .about #gnav li#g_about a { background-position: -160px -56px; cursor: default; } #gnav li#g_floormap a:active, .floormap #gnav li#g_floormap a { background-position: -320px -56px; cursor: default; } #gnav li#g_event a:active, .event #gnav li#g_event a { background-position: -480px -56px; cursor: default; } #gnav li#g_access a:active, .access #gnav li#g_access a { background-position: -640px -56px; cursor: default; } #gnav li#g_faq a:active, .faq #gnav li#g_faq a { background-position: -800px -56px; cursor: default; } /* -------------------------------------------------------------------------- ** ** BODY ** -------------------------------------------------------------------------- */ #body { } #body .lcontents { float: left; width: 640px; margin: 0; margin-bottom: 20px; padding: 0; } #body .rcontents { float: right; width: 300px; margin: 0; margin-bottom: 20px; padding: 0; } #body .fcontents { clear: both; margin-bottom: 20px; background-color: #eee; min-height: 170px; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; } /* -------------------------------------------------------------------------- ** ** FOOTER ** -------------------------------------------------------------------------- */ #footer { background: transparent url(../images/common/bg_publication.gif) repeat-x left top; color: #666; font-size: 0.75em; } #footer .contents { padding: 26px 0 15px 0; } #footer hr { display: none; } #footer address { margin: 0; padding: 0; text-align: right; font-style: normal; font-family: Arial, Helvetica, sans-serif; } #footer .right { float: right; } /* -------------------------------------------------------------------------- */ /* Copyright (c) VenusFort Inc. All Rights Reserverd. /* -------------------------------------------------------------------------- */