#wrap { margin: 0 auto; width: 955px; }


/* header */
#header { margin-bottom: 10px; width: 930px; }
#header .top { height: 74px; }
#header .top h1.logo { float: left; margin: 0px; padding: 0px; margin-top: 20px; width: 180px; font: 900 2em verdana; }
#header .top .gnb { float: left; width: 750px; }
dl.gnbmenu { margin: 0px; margin-top: 5px; margin-right: 5px; padding: 0px; float: right; }
dl.gnbmenu dd { margin: 0px; padding: 0px; padding-right: 10px; margin-left: 5px; float: left; background: url('../imgs/gnbmenu_bg_bar.gif') right 4px no-repeat; }
dl.gnbmenu dd.backgroundNone { padding-right: 0px; background: none; }

#formTopSearch { clear: both; margin-top: 8px; float: right; }
#formTopSearch fieldset.info { margin: 0px; padding: 0px; border: 0px; padding-left: 5px; padding-top: 5px; width: 160px; height: 23px; border: 1px solid #dbdbdb; background-color: #fbfbfb; }
#formTopSearch fieldset.info .keyword { float: left; margin: 0px; padding: 0px; margin-right: 5px; width: 130px; height: 14px; border: 1px solid #717171; }
*html #formTopSearch fieldset.info .keyword { margin-right: 2px; }
#header ul#navi { clear: both; margin: 0px; padding: 0px; width: 930px; height: 37px; background: url('../imgs/navi_bg.gif') left top no-repeat; list-style: none; }
#header ul#navi li { float: left; }

#header ul#navi li.categoryBt { display: block; margin: 0px; padding: 0px; width: 195px; height: 29px; background: url('../imgs/navi_bt_category.gif') 4px 4px no-repeat; }
#header ul#navi li.categoryBt a { display: block; width: 195px; height: 29px; text-indent: -100em; text-decoration: none; overflow: hidden; }
#header ul#navi li.menu1 { display: block; margin: 0px; padding: 0px; width: 102px; height: 37px; background: url('../imgs/navi_bt_menu1.gif') no-repeat; }
#header ul#navi li.menu1 a { display: block; width: 102px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
#header ul#navi li.menu2 { display: block; margin: 0px; padding: 0px; width: 104px; height: 37px; background: url('../imgs/navi_bt_menu2.gif') no-repeat; }
#header ul#navi li.menu2 a { display: block; width: 104px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
#header ul#navi li.menu3 { display: block; margin: 0px; padding: 0px; width: 129px; height: 37px; background: url('../imgs/navi_bt_menu3.gif') no-repeat; }
#header ul#navi li.menu3 a { display: block; width: 129px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
#header ul#navi li.menu4 { display: block; margin: 0px; padding: 0px; width: 148px; height: 37px; background: url('../imgs/navi_bt_menu4.gif') no-repeat; }
#header ul#navi li.menu4 a { display: block; width: 148px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
#header ul#navi li.menu5 { display: block; margin: 0px; padding: 0px; width: 123px; height: 37px; background: url('../imgs/navi_bt_menu5.gif') no-repeat; }
#header ul#navi li.menu5 a { display: block; width: 123px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
#header ul#navi li.menu6 { display: block; margin: 0px; padding: 0px; width: 101px; height: 37px; background: url('../imgs/navi_bt_menu6.gif') no-repeat; }
#header ul#navi li.menu6 a { display: block; width: 101px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }

/* ja menu css */
body#ja #header ul#navi li.menu1 { display: block; margin: 0px; padding: 0px; width: 98px; height: 37px; background: url('../imgs/ja/navi_bt_menu1.gif') no-repeat; }
body#ja #header ul#navi li.menu1 a { display: block; width: 98px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#ja #header ul#navi li.menu2 { display: block; margin: 0px; padding: 0px; width: 110px; height: 37px; background: url('../imgs/ja/navi_bt_menu2.gif') no-repeat; }
body#ja #header ul#navi li.menu2 a { display: block; width: 110px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#ja #header ul#navi li.menu3 { display: block; margin: 0px; padding: 0px; width: 116px; height: 37px; background: url('../imgs/ja/navi_bt_menu3.gif') no-repeat; }
body#ja #header ul#navi li.menu3 a { display: block; width: 116px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#ja #header ul#navi li.menu4 { display: block; margin: 0px; padding: 0px; width: 116px; height: 37px; background: url('../imgs/ja/navi_bt_menu4.gif') no-repeat; }
body#ja #header ul#navi li.menu4 a { display: block; width: 116px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#ja #header ul#navi li.menu5 { display: block; margin: 0px; padding: 0px; width: 146px; height: 37px; background: url('../imgs/ja/navi_bt_menu5.gif') no-repeat; }
body#ja #header ul#navi li.menu5 a { display: block; width: 146px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#ja #header ul#navi li.menu6 { display: block; margin: 0px; padding: 0px; width: 131px; height: 37px; background: url('../imgs/ja/navi_bt_menu6.gif') no-repeat; }
body#ja #header ul#navi li.menu6 a { display: block; width: 131px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }

/* zh menu css */
body#zh #header ul#navi li.categoryBt { display: block; margin: 0px; padding: 0px; width: 195px; height: 29px; background: url('../imgs/zh/navi_bt_category.gif') 4px 4px no-repeat; }
body#zh #header ul#navi li.menu1 { display: block; margin: 0px; padding: 0px; width: 103px; height: 37px; background: url('../imgs/zh/navi_bt_menu1.gif') no-repeat; }
body#zh #header ul#navi li.menu1 a { display: block; width: 103px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#zh #header ul#navi li.menu2 { display: block; margin: 0px; padding: 0px; width: 150px; height: 37px; background: url('../imgs/zh/navi_bt_menu2.gif') no-repeat; }
body#zh #header ul#navi li.menu2 a { display: block; width: 150px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#zh #header ul#navi li.menu3 { display: block; margin: 0px; padding: 0px; width: 121px; height: 37px; background: url('../imgs/zh/navi_bt_menu3.gif') no-repeat; }
body#zh #header ul#navi li.menu3 a { display: block; width: 121px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#zh #header ul#navi li.menu4 { display: block; margin: 0px; padding: 0px; width: 122px; height: 37px; background: url('../imgs/zh/navi_bt_menu4.gif') no-repeat; }
body#zh #header ul#navi li.menu4 a { display: block; width: 122px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#zh #header ul#navi li.menu5 { display: block; margin: 0px; padding: 0px; width: 118px; height: 37px; background: url('../imgs/zh/navi_bt_menu5.gif') no-repeat; }
body#zh #header ul#navi li.menu5 a { display: block; width: 118px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }
body#zh #header ul#navi li.menu6 { display: block; margin: 0px; padding: 0px; width: 103px; height: 37px; background: url('../imgs/zh/navi_bt_menu6.gif') no-repeat; }
body#zh #header ul#navi li.menu6 a { display: block; width: 103px; height: 37px; text-indent: -100em; text-decoration: none; overflow: hidden; }

#header ul#navi li.first { margin-left: 20px; }
*html #header ul#navi li.first { margin-left: 20px; }


/* container */
#container { float: left; height: 100%; overflow: hidden; }
#container .sidebar { float: left; width: 200px; }

/* customer */
#container .sidebar .customer { margin-top: 10px; width: 200px; height: 100%; }
#container .sidebar .customer .top { width: 200px; height: 5px; background: url('../imgs/customer_bg_top.gif') no-repeat; overflow: hidden; }
#container .sidebar .customer .middle { width: 200px; height: 100%; background: url('../imgs/customer_bg_middle.gif') repeat-y; }
#container .sidebar .customer .box1 { width: 180px; margin-left: 10px; height: 100%; }
#container .sidebar .customer .box1 h3 { margin: 0px; padding: 5px 0px 0px 13px; width: 154px; height: 16px; text-align: center; }
#container .sidebar .customer .box1 p { margin: 10px 0px 0px 0px; padding: 0px 0px 10px 54px; width: 127px; height: 100%; background: url('../imgs/customer_icon.gif') left 10px no-repeat; line-height: 1.5em; color: #7c7c7c; border-bottom: 1px solid #dedede; }
#container .sidebar .customer .box1 p span.number { font: 900 1.08em verdana; color: #ff6c13; }
#container .sidebar .customer .box2 { width: 180px; margin-left: 10px; padding-top: 10px; height: 100%; }
#container .sidebar .customer .box2 h3 { margin: 0px; padding: 5px 0px 0px 13px; width: 154px; height: 16px; text-align: center; }
#container .sidebar .customer .box2 p { margin: 10px 0px 0px 0px; padding: 0px 0px 10px 54px; width: 127px; height: 100%; background: url('../imgs/bank_icon.gif') left 1px no-repeat; line-height: 1.8em; color: #7c7c7c; }
#container .sidebar .customer .box2 p span.number { font: 900 1.08em verdana; letter-spacing: -1px; color: #6cc233; }
#container .sidebar .customer .bottom { width: 200px; height: 5px; background: url('../imgs/customer_bg_bottom.gif') no-repeat; }

#container #contents { float: left; margin-left: 10px; width: 720px; height: 100%; overflow: hidden; }

#container .headTitle { margin-bottom: 15px; width: 720px; height: 30px; border-bottom: 2px solid #b8b8b8; overflow: hidden; }
#container .headTitle img { float: left; margin: 3px 0px 0px 0px; }


/* footer */
#footer { clear: both; margin-bottom: 20px; padding-top: 20px; width: 930px; height: 110px; }
#footer .sitemenu { height: 30px; text-align: center; border-top: 2px solid #636870; border-bottom: 1px solid #ebebeb; }
#footer .sitemenu ul { float: right; margin: 0px; padding: 0px; padding-top: 8px; list-style: none; }
#footer .sitemenu ul li { float: left; margin-right: 15px; }
#footer .sitemenu ul li a { color: #666; }

#footer .siteInfo { padding-top: 5px; margin-left: 40px; }
#footer .siteInfo .logo { margin: 15px 0px 0px 0px; padding: 0px; float: left; width: 160px; text-align: center; }
#footer .siteInfo .txt { margin: 0px; padding: 0px 0px 0px 30px; float: left; margin-left: 30px; padding-top: 10px; width: 660px; text-align: center; color: #7c7c7c; line-height: 1.6em; }
#footer .siteInfo .txt address { margin-top: 5px; font: 0.83em verdana; letter-spacing: -1px; color: #777; text-align: center; }
#footer .siteInfo .txt a.w3c { text-decoration: underline; }


/* modal login */
#formAjaxLogin { margin: 0px; padding: 0px; margin-top: 10px; margin-bottom: 10px;  text-align: right; }
#formAjaxLogin .login { margin-right: 28px; }
#formAjaxLogin fieldset .inputLogin { width: 140px; border: 0px; border: 1px solid #b6b6b6; background-color: #fff; }
#formAjaxLogin fieldset label { font-weight: 900; }
#formAjaxLogin fieldset.id { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.id img { vertical-align: middle; }
#formAjaxLogin fieldset.passwd { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.passwd img { vertical-align: middle; }
#formAjaxLogin fieldset.openId { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.openId img { vertical-align: middle; }
#formAjaxLogin fieldset.button { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#formAjaxLogin fieldset.button .useOpenId { margin-right: 20px; font-weight: 100; }
#formAjaxLogin fieldset.button .useOpenId input { vertical-align: middle; }
#formAjaxLogin p.button { margin: 0px; padding: 0px; margin-bottom: -10px; margin-top: 10px; padding: 5px; padding-right: 10px; padding-top: 8px; height: 16px; color: #b3b3b3; font-size: 0.92em; background-color: #e9e9e9; text-align: right; }
#formAjaxLogin p.button a { color: #555; }
#formAjaxLogin p.button a:hover { text-decoration: underline; }