/* CSS Document */



body{
font-family:arial,verdana;
font-size:12px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
color:#666666;
margin:0px;
padding:0px;
line-height:18px;
overflow:auto;
}


/****************************************
Common
*****************************************/
h1, h2, h3, h4, h5, h6, p { margin:0 ; padding:0;}

.blind{ display:none; width:0; height:0;}
.cl{ clear:both; font-size:0; line-height:0; height:0;}
.footer_space{ height:20px;}
.wrap_rel{ position:relative;}
.aln_r{ height:0;}
.con_bl{ position:absolute; text-indent:-10000px;}
.txt_c{ text-align:center;}
.txt_r{ text-align:right;}
.txt_l{ text-align:left;}
.txt_j{ text-align:justify}
.fl{ float:left;}
.fr{ float:right;}
.fc{ margin:0 auto;}
.boc{ display:block;}
img{ margin:0; padding:0;}

.ma_b5{ margin-bottom:5px;}
.ma_b10{ margin-bottom:10px;}
.ma_b15{ margin-bottom:15px;}
.ma_b20{ margin-bottom:20px;}
.ma_b25{ margin-bottom:25px;}
.ma_b30{ margin-bottom:30px;}
.ma_b40{ margin-bottom:40px;}
.ma_r10{ margin-right:10px;}
.ma_r15{ margin-right:15px;}
.ma_r30{ margin-right:30px;}
.ma_r50{ margin-right:50px;}
.ma_r20{ margin-right:20px;}
.ma_r27{ margin-right:27px}
.ma_r12{ margin-right:12px}
.ma_r5{ margin-right:5px;}
.ma_r3{ margin-right:3px;}
.ma_t5{ margin-top:5px;}
.ma_t3{ margin-top:3px;}
.ma_t50{ margin-top:50px;}
.ma_t40{ margin-top:40px;}
.ma_t30{ margin-top:30px;}
.ma_t20{ margin-top:20px;}
.ma_t15{ margin-top:15px;}
.ma_t10{ margin-top:10px;}
.ma_l30{ margin-left:30px;}
.ma_l25{ margin-left:25px;}
.ma_l20{ margin-left:20px;}
.ma_l15{ margin-left:15px;}
.ma_l10{ margin-left:10px;}
.ma_l5{ margin-left:5px;}
.ma_l3{ margin-left:3px;}
.pa_r3{ padding-right:3px;}
.pa_r5{ padding-right:5px;}


/****************************************
Layout
*****************************************/


#topmenu_area{ display:block; background:url(../images/sub_mainbg.jpg) 0 101px repeat-x;}

#left_area{ width:200px;font-family:verdana; vertical-align:top; padding-top:16px;}
#left_area h3{ margin:0; padding:0;}
#left_area .left_menu{margin:0; padding:0;}
#left_area .left_menu dt{ display:block; text-indent:-10000px;}

#left_area .lmenu1 a{ display:block; width:200px; height:24px; outline:0;}
#left_area .lmenu1 a:hover{ display:block; width:200px; height:24px;}
#left_area .lmenu1 a.on{ display:block; width:200px; height:24px;}
#left_area .lmenu2 a{ display:block; width:200px; height:24px;  outline:0;}
#left_area .lmenu2 a:hover{ display:block; width:200px; height:24px;}
#left_area .lmenu2 a.on{ display:block; width:200px; height:24px;}

#left_area .product .lmenu1 a{  background:url(../images/left_product_1.gif) left top no-repeat;}
#left_area .product .lmenu1 a:hover{ background:url(../images/left_product_1o.gif) left top no-repeat;}
#left_area .product .lmenu1 a.on{ background:url(../images/left_product_1o.gif) left top no-repeat;}
#left_area .product .lmenu2 a{ background:url(../images/left_product_2.gif) left top no-repeat;}
#left_area .product .lmenu2 a:hover{ display:block; background:url(../images/left_product_2o.gif) left top no-repeat;}
#left_area .product .lmenu2 a.on{ display:block; background:url(../images/left_product_2o.gif) left top no-repeat;}

#left_area .inform .lmenu1 a{ display:block; background:url(../images/left_inform_1.gif) left top no-repeat;}
#left_area .inform .lmenu1 a:hover{ display:block; background:url(../images/left_inform_1o.gif) left top no-repeat;}
#left_area .inform .lmenu1 a.on{ display:block; background:url(../images/left_inform_1o.gif) left top no-repeat;}

#left_area .about .lmenu1 a{ display:block; background:url(../images/left_about_1.gif) left top no-repeat;}
#left_area .about .lmenu1 a:hover{ display:block; background:url(../images/left_about_1o.gif) left top no-repeat;}
#left_area .about .lmenu1 a.on{ display:block; background:url(../images/left_about_1o.gif) left top no-repeat;}

#left_area .customer .lmenu1 a{ display:block; background:url(../images/left_custom_1.gif) left top no-repeat;}
#left_area .customer .lmenu1 a:hover{ display:block; background:url(../images/left_custom_1o.gif) left top no-repeat;}
#left_area .customer .lmenu1 a.on{ display:block; background:url(../images/left_custom_1o.gif) left top no-repeat;}
#left_area .customer .lmenu2 a{ display:block; background:url(../images/left_custom_2.gif) left top no-repeat;}
#left_area .customer .lmenu2 a:hover{ display:block; background:url(../images/left_custom_2o.gif) left top no-repeat;}
#left_area .customer .lmenu2 a.on{ display:block; background:url(../images/left_custom_2o.gif) left top no-repeat;}

#left_area .sitemap_left .lmenu1 a{ display:block; background:url(../images/left_sitemap_1o.gif) left top no-repeat;}
#left_area .sitemap_left .lmenu1 a:hover{ display:block; background:url(../images/left_sitemap_1o.gif) left top no-repeat;}
#left_area .sitemap_left` .lmenu1 a.on{ display:block; background:url(../images/left_sitemap_1o.gif) left top no-repeat;}



#left_area .lmenu_sub{ padding:0; margin:0; border-bottom:1px dotted #d5d5d5;}
#left_area .lmenu_sub a{ display:block; font-size:11px; width:180px; padding:5px 18px 5px 0; .padding:5px 0px 5px 0;  margin-bottom:5px; text-align:right;
text-decoration:none; color:#6e6e6e;}
 #left_area .lmenu_sub a:hover{ display:block; background:url(../images/left_m_arrow.gif) right center no-repeat;  font-size:11px; padding:5px 18px 5px 0;  margin-bottom:5px; color:#2f53b1;}
#left_area .lmenu_sub a.on{ display:block; background:url(../images/left_m_arrow.gif) right center no-repeat;  font-size:11px; padding:5px 18px 5px 0;  margin-bottom:5px; color:#2f53b1;}
#left_area .no_b{ padding:0; margin:0; border-bottom:0;}


#pg_contents{ background:url(../images/subbg.jpg) left top repeat-x;}


/****************************************
Contents
*****************************************/
.l_banner{ text-align:right; margin-top:30px;}
.con_wrap{ width:626px; margin-left:48px; font-size:12px;}
.box_inquiry{ padding-bottom:5px;}

.ls_type1{ margin:0; padding:0; list-style:none;}
.ls_type1 li{ display:block; background:url(../images/icon_ls3.gif) 0 6px no-repeat; margin-bottom:5px; padding-left:11px;}
.f_b1{ font-size:13px; color:#334473; }
.icon_tt1{ background:url(../images/icon_ls4.gif) 0 4px no-repeat; padding-left:12px; font-size:11px; color:#313b60; font-weight:bold; font-family:verdana;}

.m_box{ background:#fffbf1;}
.m_box .box_t{ background:url(../images/box1_t_m.gif) repeat-x;}
.m_box .box_b{ background:url(../images/box1_b_m.gif) repeat-x;}
.m_box .box_l{ background:url(../images/box1_m_l.gif) repeat-y;}
.m_box .box_r{ background:url(../images/box1_m_r.gif) repeat-y;}
.m_box .box_tt{ position:absolute; top:10px; left:-20px;}
.m_box .box_tt1{ position:absolute; top:2px; left:-20px;}

.pro_list{ margin:0; padding:0; margin-left:85px;font-size:12px; list-style:none;}
.pro_list li{ display:block; background:url(../images/icon_ls1.gif) 0 4px no-repeat; padding-left:16px; margin-bottom:5px; .margin-bottom:-3px; _vertical-align:2px;  }
.pro_list a{ font-family:verdana; font-size:12px; text-decoration:none; color:#6b6350;}
.pro_list a:hover{ font-family:verdana; font-size:12px; text-decoration:underline; color:#dd3900;}

.tt_type1{ padding:0; color:#001961; font-size:16px; font-family:verdana; margin-bottom:10px;}
.tt_type2{ background:url(../images/icon_tt2.gif) 0 3px no-repeat; border-bottom:1px solid #91a5df; border-top:1px solid #91a5df; padding:3px 0 3px 25px; color:#425a9d; 
font-size:14px; font-family:verdana; margin-bottom:20px;}
.tt_type3{background:none; padding:0; margin:0;border-bottom:1px solid #91a5df; border-top:1px solid #91a5df;}

.num_tt1{background:url(../images/icon_num1.gif) 0 0px no-repeat; padding-left:22px; color:#4561c6; font-size:12px; font-family:verdana; }
.num_tt2{background:url(../images/icon_num2.gif) 0 0px no-repeat; padding-left:22px; color:#4561c6; font-size:12px; font-family:verdana; }
.num_tt3{background:url(../images/icon_num3.gif) 0 0px no-repeat; padding-left:22px; color:#4561c6; font-size:12px; font-family:verdana; }
.num_tt4{background:url(../images/icon_num4.gif) 0 0px no-repeat; padding-left:22px; color:#4561c6; font-size:12px; font-family:verdana; }
.num_tt5{background:url(../images/icon_num5.gif) 0 0px no-repeat; padding-left:22px; color:#4561c6; font-size:12px; font-family:verdana; }

.about_info{ margin-top:20px; font-family::verdana; line-height:16px;}
.about_info dl{ width:342px; float:right; margin:0; padding:0}
.about_info dt{ margin:0; padding:0}
.about_info dd{ margin:0; padding:10px 8px 10px 8px; margin-bottom:15px;}

/* table Type */
.tb_view_type1 { border:1px solid #cfd5e8; font-family:verdana; font-size:12px;}
.tb_view_type1 th{ background:#e0e5f3; color:#4a5f99; font-weight:normal; padding:5px 5px 5px 5px;} 
.tb_view_type1 td{ border-left:1px solid #cfd5e8;padding:3px 5px 3px 5px;}
.fb2{ color:#404e80;}
.f_org1{ color:#f05d29;}
.note{ background:url(../images/icon_note.gif) no-repeat; padding-left:40px; color:#ec6715;}

/* contact us */
.com_info{ background:#F0FAFF; font-size:12px; padding:10px; }

.l_link { font-size:12px; text-decoration:none; color:#084db4; text-decoration:none;}
.l_link:hover{ font-size:12px; text-decoration:none; color:#f9661d;}


/****************************************
Footer
*****************************************/
.box_url{ background:url(../images/bg_bottom.gif) repeat-x; width:900px; padding:6px 10px 3px 10px;text-align:center;}
.bottom_url{ display:inline;  margin:0; padding:0;}
.bottom_url li{ display:inline; letter-spacing:-1px; text-align:center; b}
.bottom_url li a{ font-size:10px; font-family:verdana; color:#828282; text-decoration:none; background:url(../images/bottom_link_line.gif) right 3px no-repeat; padding-right:8px; padding-left:8px;}
.bottom_url li a:hover{ color:#3e57a9;}

/*sitemap*/
.ma_space{ margin-right:10px;}
.sitemap{ width:680px;}
.sitemap .box{ width:190px; float:left;}
.sitemap .box2{ width:130px; float:left;}

.sitemap .tt{ display:block; background:#7caad8; text-align:center; padding:3px 0 3px 0; margin-bottom:10px;}
.sitemap .tt a{ font-size:12px; font-family:verdana; font-weight:bold; color:#fff;}
.sitemap .tt a:hover{  color:#d8ff51; text-decoration:none;}
.sitemap .sub ul{ margin:0; padding:0; margin-left:5px; font-size:11px; color:#4A4A55; margin-bottom:10px;}
.sitemap .sub ul li{ margin-bottom:3px;  text-align:left; background:url(../images/sub/icon_ls_site.gif) 0 5px no-repeat; padding-left:10px;}
.sitemap .sub a{font-size:10px; font-family:verdana;  color:#0c2343; text-decoration:none;}
.sitemap .sub a:hover{color:#045bd3; text-decoration:underline;}