body { background:url(../images/back_header.gif) center top no-repeat #ffffff; margin:0; padding:0; font-size:0.8em; text-align:center;}

img { margin:0; padding:0; border:0; }

h1, h2, h3, div, p, dl, dt, dd, ul, li, span, form { margin:0; padding:0; }

a { color:#0C5F95; text-decoration:underline;}

a:hover { color:#0C5F95; text-decoration:none;}

a:visited { color:#5DA1CF;}

.clear { clear: both; }

.right { text-align:right; }

.center { text-align:center; }

span.note{display:none;}

ul li{list-style-type:none;}

.txt_s{font-size:0.8em;}

.item img{border:2px solid #fff;}

a.item img{border:2px solid #333;}

a.item:hover img{border:2px solid #86c8ef;}



/* header ------------------------ */

#header{background:url(../images/back_header_line.gif) repeat-x #cadff3; width:801px;}

#header #logo{width:212px; float:left;}

#header #topimg{clear:both;}



/* menu ------------------------ */

#header #menu{width:589px; float:left;}

#header #menu .tagline{text-align:right; padding:4px 2px 0 0; height:15px; font-size:0.8em;}

#header #menu #btn{text-align:right; width:589px;float:left;}



/*global*/

#menu #global{float:none;}

#menu #global li{float:left;}

#menu #global li.first a{width:99px;height:54px;display:block;background:no-repeat 0px 0px;}

#menu #global li a{width:98px;height:54px;display:block;background:no-repeat 0px 0px;}



/*out*/

#menu #global #home a{background-image:url("../images/menu_home.jpg");}

#menu #global #business a{background-image:url("../images/menu_business.jpg");}

#menu #global #products a{background-image:url("../images/menu_products.jpg");}

#menu #global #recruit a{background-image:url("../images/menu_recruit.jpg");}

#menu #global #corporate a{background-image:url("../images/menu_corporate.jpg");}

#menu #global #contact a{background-image:url("../images/menu_contact.jpg");}

/*on*/

#menu #global #home a:hover{background-image:url("../images/menu_home_on.jpg");}

#menu #global #business a:hover{background-image:url("../images/menu_business_on.jpg");}

#menu #global #products a:hover{background-image:url("../images/menu_products_on.jpg");}

#menu #global #recruit a:hover{background-image:url("../images/menu_recruit_on.jpg");}

#menu #global #corporate a:hover{background-image:url("../images/menu_corporate_on.jpg");}

#menu #global #contact a:hover{background-image:url("../images/menu_contact_on.jpg");}



/*active*/

body.home #menu #global #home a, body.home #menu #global #home a:hover{background-image:url("../images/menu_home_active.jpg");}

body.business #menu #global #business a, body.business #menu #global #business a:hover{background-image:url("../images/menu_business_active.jpg");}

body.products #menu #global #products a, body.products #menu #global #products a:hover{background-image:url("../images/menu_products_active.jpg");}

body.recruit #menu #global #recruit a, body.recruit #menu #global #recruit a:hover{background-image:url("../images/menu_recruit_active.jpg");}

body.corporate #menu #global #corporate a, body.corporate #menu #global #corporate a:hover{background-image:url("../images/menu_corporate_active.jpg");}

body.contact #menu #global #contact a, body.contact #menu #global #contact a:hover{background-image:url("../images/menu_contact_active.jpg");}



/* middle ------------------------ */

#middle{text-align:left; width:801px; background-color:#ddd;}



/* main ------------------------ */

#middle #gotop{margin-left:210px; width:591px; background-color:#fff;}

#middle #gotop .bottom{clear:both;}



/* left_navi ------------------------ */

#left_navi { margin:0; padding:0; background-color:#dddddd; float:left; width:210px; height:100%; text-align:center;}

#left_navi img { margin-top:5px; }

#left_navi img.service { margin-top:10px;}

#left_navi img.lefttitle { margin:0; }

#left_navi ul.navigation { padding:0; padding-bottom:9px; margin:0 5px 10px 5px; background:#fff url(../images/back_navigation.jpg) repeat-x; list-style-type:none; border:1px solid #ccc; border-top:0; text-align:left;}

#left_navi .navigation li { border-bottom:1px solid #ccc; margin:0 10px; padding:9px 0;}

#left_navi .navigation a { color:#0C5F95; background: url(../images/icon_link.gif) no-repeat 0 1px; padding-left:22px;}

#left_navi .navigation a:hover { background: url(../images/icon_link_on.gif) no-repeat 0 1px;}





/* main ------------------------ */

#main{float:left; background:url(../images/back_content.gif) no-repeat; background-color:#fff;}

body.home #main{background:url(../images/back_content_home.gif) no-repeat; background-color:#fff;}



/* bread */

#main #bread{background-color:#eee; margin-top:23px; margin-left:19px;}

#main #bread .top{background:url(../images/bread_top.gif) no-repeat;}

#main #bread .cont{margin:0 9px; font-size:0.8em;}

#main #bread .bottom{background:url(../images/bread_bottom.gif) no-repeat; clear:both;}



/* content ------------------------ */

#content{width:572px; height:100%; margin-left:19px; margin-top:5px;}

#content h2{background:url(../images/back_title.gif) 0 15px repeat-x; padding:15px 0 21px 0;}

#content h2.infomation{padding-bottom:18px;}

#content .rss{float:right; margin-top:18px; height:22px;}



/* cont_1 */

#content #cont_1{margin:0 5px; border:}

#content #cont_1 .bottom{clear:both;}

#content #cont_1 dl{margin:0; line-height:1.2em;}

#content #cont_1 dl dt{display:inline; float:left; width:120px; text-indent:21px; background:url(../images/icon_list.gif) no-repeat 2px 1px;}

#content #cont_1 dl dd{padding-left:120px; margin-right:45px; text-indent:0; }

#content #cont_1 dd.line{ clear:both; padding-left:0; height:9px; font-size:8px;}



/* cont_1line */

#content #cont_1line{margin:0 5px;background:url(../images/cont_line_562.gif) repeat-y;}

#content #cont_1line .top{background:url(../images/cont_1line_top.gif) no-repeat;}

#content #cont_1line .cont{border-right:1px solid #ccc; border-left:1px solid #ccc;}

#content #cont_1line .bottom{background:url(../images/cont_1line_bottom.gif) no-repeat; clear:both;}

#content #cont_1line dl{margin:0;}

#content #cont_1line dl dt{margin:0px 11px; font-weight:bold;}

#content #cont_1line dl dd{margin:0 11px;}

#content #cont_1line dt img{ margin-top:6px;}

#content #cont_1line dt p{ margin:10px;}

#content #cont_1line dd p{ line-height:1.2em; margin:10px 0 10px 10px;}



#cont_1line .cont_form{ margin:10px 10px 4px 10px;}

#cont_1line .cont_form dt{ display:inline; float:left; width:148px; padding-bottom:5px;}

#cont_1line .cont_form dd{ padding-left:148px; padding-bottom:5px;}

#cont_1line .cont_form dd.line{ clear:both; padding:0; height:7px; font-size:1px;background:url(../images/line_glay.gif) repeat-x;}

#cont_1line .cont_form dt img {vertical-align:text-bottom;}



/* cont_1glay */

#content #cont_1glay{margin:0 5px;background-color:#eee;}

#content #cont_1glay .top{background:url(../images/cont_1glay_top.gif) no-repeat;}

#content #cont_1glay .cont{}

#content #cont_1glay .bottom{background:url(../images/cont_1glay_bottom.gif) no-repeat; clear:both;}

#content #cont_1glay p{ margin:10px;}

#content #cont_1glay dl{margin:0px 0 0px 21px;}

#content #cont_1glay dl dt{font-weight:bold;}

#content #cont_1glay dl img{float:left;}

#content #cont_1glay dl p{margin-top:0; font-size:0.9em; line-height:1.2em; margin-left:44px;}



/* cont_2l */

#cont_2l{padding:0 5px;}

#cont_2l .bottom{ clear:both;}

#cont_2l .cont_left { width:361px; float:left;}

#cont_2l .cont_left p{ margin:10px 0; line-height:1.2em; }

#cont_2l .cont_right { width:191px; margin-left:10px; float:left;}



/* cont_2r */

#cont_2r{padding:0 5px;}

#cont_2r .cont_left { width:166px; float:left;}

#cont_2r .bottom{ clear:both;}

#cont_2r .cont_right {margin-left:10px; float:left; width:382px;}

#cont_2r .cont_right dl{ margin-left:4px; line-height:1.2em; }

#cont_2r .cont_right dt{ margin:5px 0; }

#cont_2r .cont_right dd{ margin:5px 1px; }



/* cont_3line */

#content #cont_3line{background:url(../images/cont_3lines.gif) 8px 0  repeat-y;}

#content #cont_3line .top{background:url(../images/cont_3lines_top.gif) 8px 0 no-repeat;}

#content #cont_3line #w180{ width:188px; float:left;}

#content #cont_3line #w180 dt{ width:156px; margin-left:9px; margin-right:1px; padding:4px 11px 11px 11px; background-color:#eee;}

#content #cont_3line #w180 dd{ width:156px; margin-left:8px; padding:1px 11px;}

#content #cont_3line #w180 dd p{ font-size:0.8em; line-height:1.2em; margin-top:9px; margin-bottom:12px;}

#content #cont_3line .bottom{background:url(../images/cont_3lines_bottom.gif) 8px 0 no-repeat; clear:both;}

#content #cont_3line #w180 dt a{ display:block; margin:0; padding-left:22px; background: url(../images/icon_link.gif) no-repeat 0 2px; text-indent:-1px; line-height:1.2em; color:#0C5F95;}

#content #cont_3line #w180 dt a:hover { background: url(../images/icon_link_on.gif) no-repeat 0 2px;}



/* line */

#main #content .line_dot_l{clear:both; background:url(../images/line_dot.gif) 0 10px repeat-x; width:190px; padding-top:10px; padding-bottom:6px;}

#main #content .line_clear{ background:url(../images/clear.gif) repeat-x; width:572px; margin-top:10px; padding-bottom:9px;}

#main #content .line_clear_10{clear:both; background:url(../images/clear.gif); margin-top:8px;}

#main #content .line_clear_20{clear:both; background:url(../images/clear.gif); margin-top:18px;}

#main #content .line_dot{clear:both; background:url(../images/line_dot.gif) repeat-x; width:572px;}



/* footer ------------------------ */

#footer { clear:both; margin:0; width:801px; padding:10px 0;}

#footer .links { width:801px; height:24px; background-image:url(../images/back_footer.gif); background-repeat:repeat-x; text-align:center; color: #666; font-size:0.8em; padding-top:17px; text-height:1em;}

#footer .links a{ color:#0C5F95;}

#footer .copyright { width:801px; height:17px; background-color:#0271B4; text-align:center; color: #fff; font-size:0.8em; text-height:1em; padding-top:5px;}



/* btn ------------------------ */

#btn a{display:block; float:right;}

#btn .arcives,

#btn .all,

#btn .lage{height:20px;}

#btn .order{height:31px;}

#btn .gotop{height:11px;}



/*out*/

#btn .privacy a{background:url(../images/btn_privacy.gif);width:117px;height:20px;}

#btn .sitemap a{background:url(../images/btn_sitemap.gif);width:80px;height:20px;}

#btn .arcives a{background:url(../images/btn_arcives.gif);width:142px;height:20px;}

#btn .all a{background:url(../images/btn_all.gif);width:119px;height:20px;}

#btn .next a{background:url(../images/btn_next.gif);width:87px;height:20px;}

#btn .lage a{background:url(../images/btn_lage.gif);width:108px;height:20px;}

#btn .order a{background:url(../images/btn_order.gif);width:191px;height:31px;}

#btn .gotop a{background:url(../images/btn_gotop.gif);width:77px;height:11px;}



/*on*/

#btn .privacy a:hover{background:url(../images/btn_privacy_on.gif);}

#btn .sitemap a:hover{background:url(../images/btn_sitemap_on.gif);}

#btn .arcives a:hover{background:url(../images/btn_arcives_on.gif);}

#btn .all a:hover{background:url(../images/btn_all_on.gif);}

#btn .next a:hover{background:url(../images/btn_next_on.gif);}

#btn .lage a:hover{background:url(../images/btn_lage_on.gif);}

#btn .order a:hover{background:url(../images/btn_order_on.gif);}

#btn .gotop a:hover{background:url(../images/btn_gotop.gif);}