/* ----------------------------- targ ----------------------------- */
html{
height: 100%;
border: none;
}
body{
height: 100%;
margin: 0 auto;
font: 11px Verdana,Arial,Helvetica,sans-serif;
color: #666;
background-color: #eef5fc;
}
input,select{
font: 11px Verdana,Arial,Helvetica,sans-serif;
color: #666;
}
img{
border: none;
}
.form_txt{
border: 1px solid #c5d5e7;
font: 11px Verdana,Arial,Helvetica,sans-serif;
color: #666;
}
.form_submit{
border: 0px;
background-color: #e2eaf4;
color: #005ba0;
padding: 2px 5px 1px 5px;
font: 9px Verdana,Arial,Helvetica,sans-serif;
cursor: pointer;
}
.font_b{
font: bold 11px Verdana,Arial,Helvetica,sans-serif;
}
.font_red{
color: #F30;
}
.page{
margin: 0 20px 0 20px;
text-align: left;
color: #F30;
width: 660px;
}
#web_body{
width: 964px;
margin: 0 auto;
background: url(../images/main_bg.gif) top left repeat-y;
}
a:link {color: #3474c3; text-decoration: none;}
a:visited {color: #3474c3; text-decoration: none;}
a:hover {color: #F00; text-decoration: underline;}
a:active {color: #F00; text-decoration: underline;}
/* ---------------------------------------------------------- */

/* ----------------------------- top ----------------------------- */
#top{
width: 964px;
}
/* ---------------------- */
#top_left{
float: left;
width: 240px;
height: 264px;
background: url(../images/main_logo.gif) top right no-repeat;
text-align: left;
}

#top_left_menu{
width: 240px;
padding: 82px 0 0 0;
}
#top_left_menu ul {
margin: 0;
list-style: none;
padding: 0;
}
#top_left_menu li {
margin: 0;
padding: 0;
text-align: center;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
color: #FFF;
}
#top_left_menu li.menu_active {
height: 25px;
padding: 5px 0 0 0;
background: url(../images/main_1.gif) top left no-repeat;
}
#top_left_menu li.menu_active_end {
height: 35px;
padding: 5px 0 0 0;
background: url(../images/main_1.gif) top left no-repeat;
}
#top_left_menu a {
display: block;
padding: 2px 0 0 0;
width: 240px;
height: 21px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
}
#top_left_menu a.menu_end {
height: 26px;
}
#top_left_menu a:link {color: #005ba0; text-decoration: none;
background: url(../images/main_2a.gif) top left no-repeat;}
#top_left_menu a:visited {color: #005ba0; text-decoration: none;
background: url(../images/main_2a.gif) top left no-repeat;}
#top_left_menu a:hover {color: #FFF; text-decoration: none;
background: url(../images/main_2b.gif) top left no-repeat;}
#top_left_menu a:active {color: #FFF; text-decoration: none;
background: url(../images/main_2b.gif) top left no-repeat;}
/* ---------------------- */
#top_right{
float: right;
width: 700px;
margin: 0 12px 0 0;
}

#top_right_search{
text-align: right;
padding: 7px 10px 0 0;
}
#top_right_word{
text-align: right;
padding: 38px 10px 3px 0;
color: #666;
}
#top_right_word h1{
padding: 0;
margin: 0;
font: 11px Verdana,Arial,Helvetica,sans-serif;
}

#top_right_banner{
padding: 0;
float: left;
position: relative;
text-align: left;
}
#top_right_banner img{
width: 700px;
height: 175px;
}
#top_right_banner_window{
height:175px;
width: 700px;
overflow: hidden;
position: relative;
}
#top_right_banner_image{
position: absolute;
}
#top_right_banner_image img{
float: left;
}
#top_right_banner_paging{
position: absolute;
bottom: 5px;
right: -5px;
width: 100px;
height:15px;
z-index: 100;
text-align: center;
display: block;
font: 10px Verdana,Arial,Helvetica,sans-serif;
}
#top_right_banner_paging a{
padding: 0;
width: 12px;
height: 12px;
display: inline-block;
text-decoration: none;
color: #fff;
background: #0d3b74;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
}
#top_right_banner_paging a.active{
font-weight: bold; 
background: #d06200;
}
#top_right_banner_paging a:hover {
font-weight: bold;
}

/* ---------------------------------------------------------- */

/* ----------------------------- main ----------------------------- */
#main{
clear: both;
width: 940px;
margin: 0 auto;
}

#main_left{
float: left;
width: 228px;
}

#main_left_special{
margin: 0 0 7px auto;
width: 214px;
border: 1px solid #779eca;
background: url(../images/main_left_special.jpg) top left no-repeat;
}
#main_left_special p{
padding: 160px 0 15px 0;
margin: 0;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
text-align: center;
}

#main_left_catalog{
margin: 0 0 7px auto;
width: 214px;
border: 1px solid #779eca;
background: url(../images/main_left_catalog.gif) top left no-repeat;
text-align: left;
}
#main_left_catalog p{
padding: 95px 0 15px 30px;
margin: 0;
font: 10px Verdana,Arial,Helvetica,sans-serif;
}
#main_left_catalog a{
padding: 4px 0 4px 20px;
background: url(../images/main_pdf_ico.gif) top left no-repeat;
line-height: 22px;
}

#main_left_eas{
margin: 0 0 7px auto;
width: 214px;
border: 1px solid #779eca;
background: url(../images/main_left_eas.gif) top left no-repeat;
text-align: left;
}
#main_left_eas h4{
padding: 15px;
margin: 0;
font: bold 12px Verdana,Arial,Helvetica,sans-serif;
}
#main_left_eas p{
padding: 0 0 15px 15px;
margin: 0;
font: 10px Verdana,Arial,Helvetica,sans-serif;
}
/* ---------------------- */
#main_right{
float: right;
width: 700px;
background: url(../images/main_right_newsbg.gif) 342px 64px no-repeat;
}

#main_right_nav{
float: right;
width: 700px;
height: 22px;
margin: 0;
border-bottom: 1px dotted #ABC;
}
#main_right_nav p{
float: left;
margin: 0 0 10px 0;
padding: 0 0 0 20px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_home.gif) 0px 1px no-repeat;
color: #F60;
}
#main_right_nav h1{
float: left;
margin: 0 0 0 9px;
padding: 0 0 0 12px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 0px 4px no-repeat;
color: #F60;
}
#main_right_nav h2{
float: left;
margin: 0 0 0 9px;
padding: 0 0 0 12px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 0px 4px no-repeat;
color: #F60;
}
#main_right_nav h3{
float: left;
margin: 0 0 0 9px;
padding: 0 0 0 12px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 0px 4px no-repeat;
color: #F60;
}
#main_right_nav h4{
float: left;
margin: 0 0 0 9px;
padding: 0 0 0 12px;
font: 11px Verdana,Arial,Helvetica,sans-serif;
background: url(../images/sub_navi_ico_next.gif) 0px 4px no-repeat;
color: #F60;
}
.main_right_body_title{
font: bold 18px "Times New Roman", Times, serif;
margin: 0 0 20px -10px;
padding: 0;
color: #999;
}
.main_right_body_title_easp{
font: bold 18px "Times New Roman", Times, serif;
margin: 0 0 20px 0;
padding: 0;
color: #999;
}

#main_right_news{
width: 700px;
background: url(../images/main_right_newsbg.gif) 342px 64px no-repeat;
}

#main_right_newsletter{
float: left;
width: 340px;
text-align: left;
background: url(../images/main_title_newsletter.gif) 14px 25px no-repeat;
overflow: hidden;
}
#main_right_newsletter_body{
padding: 70px 0 0 0;
width: 400px;
}
#main_right_newsletter_body p{
margin: 0;
padding: 0;
line-height: 28px;
}
#main_right_newsletter_body a{
padding: 0 0 0 36px;
background: url(../images/main_list_point.gif) 21px 4px no-repeat;
}
#main_right_newsletter_body a.new{
padding: 0 0 0 36px;
background: url(../images/main_list_new.gif) 10px 4px no-repeat;
}
#main_right_newsletter_more{
text-align: right;
padding: 5px 20px 20px 0;
}

#main_right_products{
float: right;
width: 345px;
text-align: left;
background: url(../images/main_title_products.gif) 14px 25px no-repeat;
overflow: hidden;
}
#main_right_products_body{
padding: 70px 0 0 0;
width: 400px;
}
#main_right_products_body p{
margin: 0;
padding: 0;
line-height: 28px;
}
#main_right_products_body a{
padding: 0 0 0 36px;
background: url(../images/main_list_point.gif) 21px 4px no-repeat;
}
#main_right_products_body a.new{
padding: 0 0 0 36px;
background: url(../images/main_list_new.gif) 10px 4px no-repeat;
}
#main_right_products_more{
text-align: right;
padding: 5px 25px 20px 0;
}
/* ---------------------- */
#main_right_ontime{
clear: both;
width: 700px;
height: 165px;
background: url(../images/main_ontime_bg.gif) 30px 30px no-repeat;
text-align: left;
}
#main_right_ontime p{
margin: 0;
padding: 45px 60px 0 45px;
line-height: 20px;
}
#main_right_ontime span{
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
}
/* ---------------------- */
#main_right_partners{
width: 700px;
height: 150px;
background: url(../images/main_title_partners.gif) 14px 15px no-repeat;
text-align: left;
}
.partners{
float: left;
text-align: center;
font: 10px Verdana, Arial, Helvetica, sans-serif;
padding: 60px 0 0 35px;
}
#main_right_partners p{
margin: 7px 0 0 0;
}

/* ---------------------------------------------------------- */

/* ----------------------------- foot ----------------------------- */
#foot{
clear: both;
width: 940px;
height: 76px;
text-align: left;
margin: 0 auto;
padding: 25px 0 0 0;
background: url(../images/main_foot_bg.gif) repeat-x;
}
/* ---------------------- */
#foot_menu{
text-align: center;
padding: 0 0 35px 0;
}
#foot_menu ul{
margin: 0; 
padding: 0;
list-style-type: none;
}
#foot_menu ul li.menu{
display: inline;
margin: 0;
padding: 0 10px;
border-right: 1px solid #666;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#foot_menu ul li.menuend{
display: inline;
margin: 0;
padding: 0 10px;
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}
#foot_menu a:link {color: #666; text-decoration: none;}
#foot_menu a:visited {color: #666; text-decoration: none;}
#foot_menu a:hover {color: #134; text-decoration: none;}
#foot_menu a:active {color: #134; text-decoration: none;}
/* ---------------------- */
#foot_copyright{
text-align: center;
font: 10px Verdana, Arial, Helvetica, sans-serif;
color: #666;
margin: 0;
}
#foot_copyright a{
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
}
/* ---------------------------------------------------------- */