@charset "utf-8";
/* CSS Document */
body { background:url(../images/bg.gif) repeat-x top #4c596b; margin:0; }
body, input, td, div, a { font:12px/1.5em Arial, Helvetica, sans-serif; color:#354753; }
a img { border:none; }

.wrap { width:902px; margin:0 auto; }
.top { height:88px; }
.top a.logo { display:inline; float:left; margin:20px 0 0 24px; } 
.top .search { float:right; padding:13px 23px 0 0; }
.top .search input { border:none; background-color:#7e8a9b; width:179px; height:20px; line-height:20px; color:#d5d7db; }
.top .search img { margin:0 0 -5px 5px; }

#mnav { height:34px; background:url(../images/mnav_bg.gif) repeat-x; padding-left:31px; }
#mnav a { 
	display:inline; float:left; padding:7px 21px 0; height:27px; float:left; text-decoration:none;
	font-weight:bold;
}
#mnav a:hover,
#mnav a.sel { background:url(../images/mnav_bg2.gif) repeat-x; color:#FFF; }

.wrap2 { padding:22px 40px 22px 39px; margin:0 auto; overflow:auto; background-color:#FFF; }
*html .wrap2 { height:1%; } 
.swf { height:181px; background:url(../images/swf_bg.gif) no-repeat; text-align:left; padding-left:25px; }
.swf h1 { 
	height:59px; padding:16px 0 0 19px; margin:0; font-size:18px; color:#FFF; display:block;
	width:460px; line-height:1.5em;
}
.swf h1 a { font-size:16px; color:#FFF; }
.swf .nav { width:490px; float:left;  }
.swf #swf { width:265px; float:right; }

.idx_pro { clear:both; padding-top:11px; overflow:auto; }
*html .idx_pro { height:1%; }
.idx_pro h2 { font-size:16px; padding:0; margin:0 0 5px; }
.idx_pro div { clear:both; }
.idx_pro div a { display:inline; float:left; text-align:center; margin:0 19px; }
.idx_pro div a img { display:block; margin-bottom:3px; width:111px; height:111px; }

.idx_con { padding-top:23px; clear:both; }
.idx_con h2 { font-size:16px; padding:0; margin:0 0 5px; }
.idx_con .about { float:left; }
.idx_con .about p { margin:2px 0; }
.idx_con .about img { float:left; margin-right:11px; }
.idx_con .sid { width:388px; float:right; }
.idx_con .sid .pro { height:167px; }
.idx_con .sid .pro a { display:block; float:left;  }
.idx_con .sid .contact { 
	background:url(../images/idx_contact.gif) no-repeat left 23px;	
}
.idx_con .sid .contact table { margin-left:44px; }
.idx_con .sid .contact td, .idx_con .sid .contact th { 
	font-size:14px; font-weight:bold; text-align:left; vertical-align:top;
	padding-top:5px;
}
.idx_con .sid .contact th { width:45px; padding-top:7px; }

.footer { height:53px; background-color:#c7c6c6; padding:5px 23px 0; }
.footer .wd { float:left; font-size:10px; padding-top:5px; }
.footer .nav { float:right; }
.footer .nav a { margin:0 5px; font-size:10px; text-decoration:none; }

.oth_wrap { overflow:auto; padding:11px 0; }
*html .oth_wrap { height:1%; }
.oth_wrap .sid { width:218px; float:left; }
.oth_wrap .sid div.box { background:url(../images/sid_bg.gif) no-repeat bottom; margin-bottom:6px; padding-bottom:9px; }
.oth_wrap .sid div.box h2 { 
	background:url(../images/sid_s.gif) no-repeat top; display:block; padding:11px 0 3px 16px; margin:0;
	font-size:16px;
}
.oth_wrap .sid div.box div.pro { text-align:center; }
.oth_wrap .sid div.box div.pro a { display:block; margin:0 auto; width:181px; }
.oth_wrap .sid div.box .category { padding:0 17px; }
.oth_wrap .sid div.box .category a { display:block; padding:2px 11px; text-decoration:none; }
.oth_wrap .sid div.box .category a:hover,
.oth_wrap .sid div.box .category a.sel { 
	background-color:#b6c7d2; 
}
.oth_wrap .sid div.box .category div div a { padding-left:13px; }

.oth_wrap .sid div.box div.contact { background:url(../images/sid_contact.gif) no-repeat 11px 3px; }
.oth_wrap .sid div.box div.contact table { margin-left:39px; width:159px; }
.oth_wrap .sid div.box div.contact table * { vertical-align:top; padding:0 2px 15px; }

.oth_wrap .oth_con { width:591px; float:right; }
.oth_wrap .oth_con h1 { display:block; margin:0; padding:0; font-size:18px; line-height:2em; }
.oth_wrap .oth_con div.b{ clear:both; text-align:right; padding:2px 31px; }
.oth_wrap .oth_con h2 { font-size:16px; }

.oth_wrap .oth_con .pro a { display:inline; float:left; text-align:center; margin:3px 9px; }
.oth_wrap .oth_con .pro a img { width:171px; height:171px; }
.oth_wrap .oth_con .pro a span { display:block; padding:1px; border:solid 1px #9eadc0; margin-bottom:5px; }
.oth_wrap .oth_con #pageno { text-align:center; padding:7px; clear:both; }
.oth_wrap .oth_con .procon img.pic { margin:auto; border:solid 1px #CCC; }
.oth_wrap .oth_con .procon .par { padding:31px; text-align:center; }
.oth_wrap .oth_con .procon .desc { width:580px; overflow:hidden; clear:both; }

.oth_wrap .oth_con .contact { background:url(../images/contact.gif) no-repeat 10px top; margin:31px 0 0 31px; }
.oth_wrap .oth_con .contact table { margin-left:53px; }
.oth_wrap .oth_con .contact table * { vertical-align:top; font-size:14px; padding-bottom:9px; }
.oth_wrap .oth_con .contact td { font-weight:bold; }
.oth_wrap .oth_con .contact th { font-weight:normal; padding:3px 5px 0; }
.oth_wrap .oth_con .contact td a { font-weight:bold; }

.oth_wrap .oth_con .sitemap table { font-size:14px; margin:31px; }
.oth_wrap .oth_con .sitemap table * { padding:2px 5px; }

table.tab_form { width:70%; margin-left:30px; }
table.tab_form td { padding:3px 5px; }
table.tab_form td input { width:300px; } 
table.tab_form td textarea { width:300px; height:100px; }
div.bn { padding:9px 53px; }
div.bn input { width:130px; margin:0 7px; }
font.m { font-weight:bold; color:#FF0000; }

.pro_idx { padding-top:13px; }
.pro_idx img { border:solid 1px #CCC; float:left; margin:0 13px 9px 0; }
.pro_idx .con {  }
.pro_idx .con h2 { margin:5px 0 11px; }

div#con2 { display:none; }
div.oth_con a { color:#F00; }