body{ margin:0px auto; font:12px "Osaka", "seoul", "Arial", "Helvetica"; color:#4D4D4D; background:#f0f0f0; }

/* link css & commonness */
a img{ border:0px; }
a:link, a:visited{ font:12px "Osaka", "seoul", "Arial", "Helvetica"; color:#231f20; text-decoration:none; }
a:hover, a:active{ color:#d3383e; }
h1, h2, h3, h4, h5, h6, p, ol, li{ font-size:1.0em; margin:0px; padding:0px; }
ul, dd, dt{ margin:0px; padding:0px; list-style:none; }
blockquote{ margin:0 0 0 12px; }

/* header */
#header{  }
/* -- header/keyword */
#keyword{ text-align:right; color:#666; line-height:17px; background:#eaeaea; padding-right:5px; }
*html #keyword{ height:18px; }
/* -- header/logo */
#logo{ float:left; }
/* -- header/logo/login */
#login{ float:left; width:614px; padding-top:14px; text-align:right; }
#login .span_left{ text-align:right; font-weight:bold; padding-right:190px; padding-top:5px;}
#login li{ display:inline; }
.log_form{ margin-top:2px; margin-right:0px; }
/* -- header/menu */
/* --- menu basis frame */
#menu{ width:838px; height:30px; position:relative; z-index: 9998; }
#main_menu{ margin:0; padding:0;}
#main_menu li{ display: inline; }
#main_menu li a:link , #main_menu li a:visited, #main_menu li a:hover, #main_menu li a:active
{ float:left; height:0px; padding-top:30px; overflow:hidden; }
#main_menu li a:link , #main_menu li a:visited, #main_menu li a:hover, #main_menu li a:active, #menu
{ background-image:url(/image/menu_bg.gif); background-repeat: no-repeat; }
.line_image{ float:left; width:1px; height:0px; background:url(../image/menu_line.gif) no-repeat; padding-top:30px; overflow:hidden; }
/* menu a:link, a:visited */
.menu_01 a:link, .menu_01 a:visited { width: 85px;	background-position: 0 -30px; }
.menu_02 a:link, .menu_02 a:visited { width: 105px; background-position: -86px -30px; }
.menu_03 a:link, .menu_03 a:visited { width: 156px; background-position: -192px -30px; }
.menu_04 a:link, .menu_04 a:visited { width: 98px; background-position: -349px -30px; }
.menu_05 a:link, .menu_05 a:visited { width: 124px; background-position: -448px -30px; }
.menu_06 a:link, .menu_06 a:visited { width: 106px; background-position: -573px -30px; }
.menu_07 a:link, .menu_07 a:visited { width: 60px; background-position: -680px -30px; }
.menu_08 a:link, .menu_08 a:visited { width: 97px; background-position: -741px -30px; }

/* menu a:hover, a:active */
.menu_01 a:hover, .menu_01 a:active { width: 85px; background-position: 0 -60px; }
.menu_02 a:hover, .menu_02 a:active { width: 105px; background-position: -86px -60px; }
.menu_03 a:hover, .menu_03 a:active { width: 156px; background-position: -192px -60px; }
.menu_04 a:hover, .menu_04 a:active { width: 98px; background-position: -349px -60px; }
.menu_05 a:hover, .menu_05 a:active { width: 124px; background-position: -448px -60px; }
.menu_06 a:hover, .menu_06 a:active { width: 106px; background-position: -573px -60px; }
.menu_07 a:hover, .menu_07 a:active { width: 60px; background-position: -680px -60px; }
.menu_08 a:hover, .menu_08 a:active { width: 97px; background-position: -741px -60px; }


/* --- ƪ۰----------- */
#main_menu_re{ margin:0; padding:0;}
#main_menu_re li{ display: inline; }
#main_menu_re li a:link , #main_menu_re li a:visited, #main_menu_re li a:hover, #main_menu_re li a:active
{ float:left; height:0px; padding-top:30px; overflow:hidden; }
#main_menu_re li a:link , #main_menu_re li a:visited, #main_menu_re li a:hover, #main_menu_re li a:active, #menu
{ background-image:url(/image/menu_bg_re.gif); background-repeat: no-repeat; }
.line_image{ float:left; width:1px; height:0px; background:url(../image/menu_line.gif) no-repeat; padding-top:30px; overflow:hidden; }
/* menu a:link, a:visited */
.menu_01_re a:link, .menu_01_re a:visited { width: 85px;	background-position: 0 -30px; }
.menu_02_re a:link, .menu_02_re a:visited { width: 93px; background-position: -85px -30px; }
.menu_03_re a:link, .menu_03_re a:visited { width: 98px; background-position: -178px -30px; }
.menu_04_re a:link, .menu_04_re a:visited { width: 151px; background-position: -276px -30px; }
.menu_05_re a:link, .menu_05_re a:visited { width: 90px; background-position: -427px -30px; }
.menu_06_re a:link, .menu_06_re a:visited { width: 78px; background-position: -520px -30px; }
.menu_07_re a:link, .menu_07_re a:visited { width: 95px; background-position: -600px -30px; }
.menu_08_re a:link, .menu_08_re a:visited { width: 45px; background-position: -701px -30px; }
.menu_09_re a:link, .menu_09_re a:visited { width: 95px; background-position: -745px -30px; }

/* menu a:hover, a:active */
.menu_01_re a:hover, .menu_01_re a:active { width: 85px; background-position: 0 -60px; }
.menu_02_re a:hover, .menu_02_re a:active { width: 93px; background-position: -85px -60px; }
.menu_03_re a:hover, .menu_03_re a:active { width: 98px; background-position: -178px -60px; }
.menu_04_re a:hover, .menu_04_re a:active { width: 151px; background-position: -276px -60px; }
.menu_05_re a:hover, .menu_05_re a:active { width: 90px; background-position: -427px -60px; }
.menu_06_re a:hover, .menu_06_re a:active { width: 78px; background-position: -520px -60px; }
.menu_07_re a:hover, .menu_07_re a:active { width: 95px; background-position: -600px -60px; }
.menu_08_re a:hover, .menu_08_re a:active { width: 45px; background-position: -701px -60px; }
.menu_09_re a:hover, .menu_09_re a:active { width: 95px; background-position: -745px -60px; }

/* content */
#content{ width:838px; margin-top:11px; background:#FFF; }
#content_temp{ width:1010px; margin-top:11px; background:#FFF; }
/* left_content */
#sub_menu{ float:left; margin-left:10px; padding-bottom:20px; }
*html #sub_menu{ margin-left:5px; }
/* -- content/left_content/sub_menu_list */
#sub_menu_list li{ width:154px; height:22px; line-height:22px; background:url(../image/sub_bg.gif) repeat-y left top; padding-left:22px; }

/* content/left_content/layer_menu */
#sub_layer{ width:166px; background:#d6e286; border:1px solid #cacccf; padding:4px; margin-top:6px; }
#sub_layer li{ width:145px; height:21px; padding:6px 0 2px 21px; background:url(../image/sub_lay_bg.gif) repeat-y left top; }
#sub_layerR{ width:166px; background:#ea886a; border:1px solid #cacccf; padding:4px; margin-top:6px; }
#sub_layerR li{ width:145px; height:21px; padding:6px 0 2px 21px; background:url(../image/sub_lay_bg.gif) repeat-y left top; }

/* layer control */
.layer_menu{ width:163px; border:1px solid #E0E0E0; border-bottom:none; filter:alpha(opacity="90"); }
.layer_menu li{ height:18px; background:#FFF; padding:2px 2px 0 5px; border-bottom:1px solid #E0E0E0; }
.layer_menu li:hover, .layer_menu li:active{ height:18px; padding:2px 2px 0 5px; background:#F9F4DE; }

/* -- customer -- */
.customer{ margin-top:7px; width:176px; font-weight:bold; }
.customer p{ line-height:17px; padding:4px 0 0 11px; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; }

/* -- receipts information -- */
.pay{ margin-top:7px; width:176px; }
.pay p{ line-height:17px; padding:4px 0 0 5px; border-left:1px solid #bcbcbc; border-right:1px solid #bcbcbc; }

/* center content */
#main_content{ float:left; margin-left:9px; background:#FFF; }
/* footer */
#footer{ clear:both; width:838px; background:#FFF; }
#footer ul, #footer li{ display:inline; }
.site_link, .site_link_02{ width:838px; background:#FB8A00; color:#FFF; text-align:center; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
.site_link_02{ border:none; }
.site_link li a:link, .site_link li a:visited, .site_link_02 li a:link, .site_link_02 li a:visited{ color:#FFF; line-height:22px; }
.copyright, .copyright_02{ width:838px; border:1px solid #d6d6d6; border-top:none; background:#FFF; }
.copyright_02{ border:none; }
.copy_logo{ margin-top:0px;}
.copyright_text{ width:533px; height:54px; float:left; margin:10px 0 0 14px; }
.copyright_text02{ color:#b9b8b8; text-align:center; margin:5px 0 0 1px; padding-bottom:8px; border-bottom:5px solid #7C7C7C; }
.copyright_text02 li a:link, .copyright_text02 li a:visited{ color:#b9b8b8; }

#main_template{ float:left; width:1000px; padding-left:10px; margin-bottom:10px; }
#footer_temp{ clear:both; width:1010px; }
#footer_temp ul , #footer_temp li{display:inline; }
.site_link, .site_link_temp{ width:1000px; background:#FB8A00; color:#FFF; text-align:center; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
.site_link_temp li a:link, .site_link li a:visited, .site_link_temp li a:link, .site_link_temp li a:visited{ color:#FFF; line-height:22px; }

.copyright_temp{ width:1010px; color:#b9b8b8; text-align:center; margin:5px 0 0 1px; padding-bottom:8px; border-bottom:5px solid #7C7C7C; }
.copyright_temp li a:link, .copyright_temp li a:visited{ color:#b9b8b8; }

/* w3c */
.w3c{ width:88px; height:31px; float:right; margin:18px 5px 0 0; }

