/* commeon css */
body{ margin:0; padding:0; font:12px Arial, Verdana; color:#2F2F2F; background:#FFF; }

a:link, a:visited{ font:12px Arial, Verdana; color:#2F2F2F; text-decoration:none; }
a:hover, a:active{ color:#FC7202; text-decoration:underline; }

input, select, form, textarea{ font:12px Arial, Verdana; color:#2F2F2F; }

a img{ border:0; }
h1, h2, h3, h4, h5, h6, p, ol, li, dl, dd, dt, form, select, pre, input, textarea, blockquote, div{ font-size:1.0em; margin:0; padding:0; }
ul, ol, dd, dt, dl{ list-style:none; margin:0; padding:0; }

/* layout */
#warp{ width:824px; margin-left:6px; }

#top_logo{ width:809px; height:80px; padding:13px 0 0 15px; }
#site_link{ float:right; height:15px; }
#site_link li{ display:inline; }
.site_link_arw{ background:url(img/arrow.gif) no-repeat left center; padding-left:17px; }

#logo{ float:left; width:279px; height:73px; }
#logo h1{ margin-top:15px; }

#logo_tel{ float:left; margin-top:13px; margin-left:363px; }
.customer{ margin-left:6px; width:160px; height:29px; }

#container{ width:824px; margin-top:5px; }
#left_navi{ float:left; width:158px; margin-right:6px; margin-top:10px; }

#login{ background:#808284; padding-bottom:3px; }
#login h3{ font-size:12px; height:20px; padding:7px 0 0 35px; text-transform:uppercase; color:#FFF; background:url(img/log_tit_bg.gif) no-repeat; background-position:0px 0px;  }
.log_bak{ height:52px; background:#FFF; padding:11px 0 0 11px; margin:0 3px 0 3px; }
.log_bak p{ float:left; }
.log_ipt{ width:85px; height:40px; }
.log_btn{ margin:1px 0 0 3px; }

#login_out{ background:#808284; padding-bottom:3px; }
#login_out h3{ height:20px; padding:7px 0 0 35px; text-transform:uppercase; color:#FFF; background:url(img/log_tit_bg.gif) no-repeat; background-position:0px 0px;  }
.log_bak02{ height:59px; background:#FFF; margin:0 3px 0 3px; padding:4px 0 0 4px; }
.log_bak02 p{ float:left; }
/*.log_ipt02{ width:93px; height:47px; background:#Fcffca; padding:2px 3px; word-break: break-all; }*/
.log_ipt02{ width:93px; height:47px; background:#Fcffca; padding:2px 3px; }
.log_btn02{ margin:7px 0 0 5px; }

.create{ width:158px; height:15px;margin-top:5px; }
.my_accout{ width:158px; height:15px; margin-top:5px; }

#naiv01{ margin-top:11px; }
#naiv01 h3{ height:20px; padding:8px 6px 0 0; color:#FFF; font-weight:bold; text-align:right; background:url(img/pro_tit_bg.gif) no-repeat; background-position:0px 0px; text-transform:uppercase; }
#naiv01 ul{ background:#3b98f6; padding:0 3px 3px 3px; }
#naiv01 li{ display:block; height:16px; padding:1px 5px 1px 0; background:#FFFFFF url(img/left_navi_bg.gif) no-repeat; background-position:0px 0px; text-align:right; }

#naiv02{ margin-top:10px; }
#naiv02 h3{ height:18px; padding:8px 6px 0 0; color:#FFF; font-weight:bold; text-align:right; background:url(img/fin_tit_bg.gif) no-repeat; background-position:0px 0px; text-transform:uppercase; }
#naiv02 ul{ background:#f94370; padding:0 3px 3px 3px; }
#naiv02 li{ display:block; height:16px; padding:1px 5px 1px 0; background:#FFFFFF url(img/left_navi_bg.gif) no-repeat; background-position:0px 0px; text-align:right; }

#email{ background:#80b50f; margin:14px 0 1px 1px; padding:3px; }
.e_mail{ background:#FFF; padding:3px 5px 3px 4px; }
.email_text01{ font:1.0em Verdana, Arial, Helvetica, sans-serif; color:#80b50f; }
.email_text02{ font:0.8em Verdana, Arial, Helvetica, sans-serif; }
.email_send{ margin:4px 0; text-align:right; }
.email_send img{ margin-left:4px; }

.banner{ margin-top:14px; }
.banner p{ margin-top:6px; }

#content{ float:right; width:660px; }
#menu{ width:660px; height:30px; padding-top:10px;  background:url(img/menu_bg.gif)  no-repeat; background-position:0px 0px; }
#menu li{ float:left; text-transform:uppercase; }
#menu li a:link, #menu li a:visited{ font:12px Arial, sans-serif; font-weight:bold; color:#484848; }
#menu li a:hover, #menu li a:active{ color:#0035e1; }
.menu_01{ width:68px; text-align:center; }
.menu_02{ width:69px; text-align:center;  }
.menu_03{ width:127px; text-align:center; }
.menu_04{ width:114px; text-align:center; }
.menu_05{ width:114px; text-align:center; }
.menu_06{ width:101px; text-align:center; }
.menu_07{ width:65px; text-align:center; }

.visual, .visual_log{ margin-top:5px; margin-bottom:16px; }

.order_now{ position:absolute; left:664px; top:279px; }
.order_now_log{ position:absolute; left:517px; top:284px; }

#cos{ width:100%; }
.head_tit{ padding-left:22px; }
.tit_h2{ float:left; width:276px; height:40px; }
.tit_p{ float:left; width:330px; height:40px; margin-left:12px; }
.tit_h2 h2, .tit_p p{ display:none; }

.cos_body{ width:100%; height:243px; border-top:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; margin-top:7px; }
.cos_left{ float:left; width:243px; height:238px; text-align:left; padding-top:5px; border-right:1px solid #c9c9c9; }
.cos_right{ float:left; width:406px; padding:0 0 0 10px; }
.cos_right h3{ font-weight:bold; padding:5px 0 0 3px; }
.cos_right ol{ padding-top:7px; }
.cos_right li{ background:url(img/green_dot.gif) no-repeat left center; padding-left:9px; }
.cos_right img{ padding:10px 0 5px 0; }

.product{  }
.product img{ margin-top:4px; }
.product h4{ background:url(img/blue_dot.gif) no-repeat left center; padding-left:9px; text-transform:uppercase; margin:10px 0 7px 0; }
.pro_box, .pro_box02, .pro_box03{ float:left; width:202px; height:168px; border-bottom:1px solid #c9c9c9; }
.pro_box{ padding-right:13px;  border-right:1px solid #c9c9c9; }
.pro_box02{ padding:0 13px; border-right:1px solid #c9c9c9; }
.pro_box03{ padding-left:13px; }
.pro_txt{ text-align:right; padding-top:6px; }

#footer{ width:660px; padding:10px 0; margin-left:164px; }
.footer_link{ height:17px; padding-top:1px; background:#0e5591; text-align:center; }
.footer_link li{ display:inline; }
.footer_link li a:link, .footer_link li a:visited{ color:#FFF; } 
.footer_link li a:hover, .footer_link li a:active{ color:#e4ec35; }
.copyright{ text-align:center; font-style:normal; }

.quick{ width:154px; height:643px; background:#59a1ff; padding-top:3px; }
.quick_b{ height:643px; background:#FFF; }
.quick h5{ background:#0c4da2; height:20px; text-align:center; padding-top:5px; color:#FFF; }
.quick dt{ height:20px; text-align:center; color:#FFF; padding-top:2px; }
.quick dl{ margin-top:10px; }
.gre_bak{ background:#80b50f; }
.org_bak{ background:#ffa200; }
.testimon{ background:#FFF; border:1px solid #c9c9c9; }
.test_txt{ background:#f3f3f3; padding:5px 3px; }
.test_txt p{ text-align:right; font-size:0.9em; padding-top:2px; }
.test_link{ text-align:right; height:14px; padding-top:1px; }
.quick_fla{ text-align:center; margin-top:10px; }
.quick_btn{ border:1px solid #c9c9c9; padding:5px 10px 0 9px; }
.quick_btn span{ display:none; }
.quick_btn li a:link, .quick_btn li a:visited{ overflow:hidden; }
.quick_menu01 a:link, .quick_menu01 a:visited{ display:block; width:133px; height:57px; background:url(img/quick_btn01.gif) no-repeat; }
.quick_menu01 a:hover, .quick_menu01 a:active{ background-position:-266px 0; }
.quick_menu02{ margin-bottom:2px; }
.quick_menu02 a:link, .quick_menu02 a:visited{ display:block; width:133px; height:57px; background:url(img/quick_btn02.gif) no-repeat; }
.quick_menu02 a:hover, .quick_menu02 a:active{ background-position:-266px 0; }
.quick_menu03 a:link, .quick_menu03 a:visited{ display:block; width:133px; height:57px; background:url(img/quick_btn03.gif) no-repeat; }
.quick_menu03 a:hover, .quick_menu03 a:active{ background-position:-266px 0; }