@charset "utf-8";
/* CSS Document */
body { background:#7e9ba9 url(../images/bg.gif) repeat-x top; margin:0; }
body * { font:12px/1.5em Arial, Helvetica, sans-serif; color:#545353; }
h1,strong { font-weight:bold; }
a img { border:none; }
a { text-decoration:none; }
a:hover { color:#FF9900; }
p { margin:7px 0; }

div.wrap { width:962px; padding:0 12px; margin:auto; overflow:auto; background:url(../images/wrap_bg.gif) no-repeat top; }
*html div.wrap { height:1%; }
div.wrap_s1 { 
	background-image:url(../images/wrap_s1.gif); height:14px; overflow:hidden; margin:7px auto 0; width:986px; 
}
div.wrap_s2 { 
	background-image:url(../images/wrap_s2.gif); height:14px; overflow:hidden; margin:auto;  width:986px;
	margin-bottom:9px; 
}

div.top { height:75px; padding-top:12px; background-image:url(../images/top_bg.gif); }
div.top a.logo { display:inline; float:left; margin:0 0 0 30px; }
div.top div.nav { width:227px; margin-top:31px; float:right; }
div.top div.nav a { text-decoration:none; color:#383838; }
div.top div.nav a img { margin:0 5px -1px 23px; }

div.mnav { clear:both; height:35px; background-image:url(../images/mnav_bg.gif); }
div.mnav div#mnav { float:left; width:566px; padding-left:23px; }
div.mnav div#mnav a { 
	display:inline; float:left; height:35px; line-height:35px; padding:0 13px; margin:0 1px;
	text-decoration:none;
}
div.mnav div#mnav a:hover { color:#333333; }
div.mnav div#mnav a.sel { 
	background-color:#FFFFFF; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc;
	color:#333333; font-weight:bold; 
}
div.mnav div.fav { width:133px; padding-top:7px; display:block; float:right; }
div.mnav div.fav a img { margin:0 5px -1px 0; }

div.swf { width:938px; clear:both; margin:7px 12px 10px; }

div.wrap1 { padding:0 12px 15px; clear:both; background:#ffffff url(../images/sid_bg.gif) repeat-y center 10px; overflow:auto; }
*html div.wrap1 { height:1%; }
div.wrap1 div.sid { width:191px; float:left; }
div.wrap1 div.sid h1 { 
	display:block; margin:0 0 9px 0px; color:#ffffff; background:#aaaaaa url(../images/arrow1.gif) no-repeat 10px 11px;
	padding:11px 0 8px 32px; line-height:15px;
}
div.wrap1 div.sid ul { margin:0 0 0 10px; padding:0 0 0 3px; list-style:none; }
div.wrap1 div.sid ul a { text-decoration:none; }
div.wrap1 div.sid ul li { 
	display:block; background:url(../images/arrow2.gif) no-repeat 2px 4px; padding-left:15px;
	margin:5px 0; cursor:pointer;  
}
div.wrap1 div.sid ul li ul { padding:0; margin:0; display:none; }
div.wrap1 div.sid ul li.active ul { display:block; }
div.wrap1 div.sid ul li ul li.sel { border:solid 1px #999999; background-color:#FFFFFF; margin-right:13px; }

div.wrap1 div.con { width:722px; float:right; }
div.wrap1 div.con h1 { display:block; margin:11px 0 0; color:#f4000c; font-size:16px; font-weight:bold; }
div.wrap1 div.con h1 em { color:#f4000c; font-size:16px; font-style:italic; font-weight:bold; }

div.wrap1 div.con div.abs { padding:0 5px 11px; }
div.wrap1 div.con div.abs img { float:right; margin:0 0 21px 21px; }

div.wrap1 div.con div.pro { 
	width:711px; background-color:#dddddd; overflow:auto;
	padding:9px 0 9px 11px; margin-top:7px; 
}
*html div.wrap1 div.con div.pro { height:1%; }
div.wrap1 div.con div.pro a {
	color:#000000; text-decoration:none;
	height:110px; width:160px; display:inline; float:left; text-align:center; margin:0 8px 9px; 
}
div.wrap1 div.con div.pro a img { display:block; border:solid 1px #aaaaaa; width:158px; height:98px; }

div.fo { border-top:solid 1px #c0c0c0; padding:5px 9px; color:#999999; clear:both; background-color:#FFF; }
div.fo img { vertical-align:middle; margin-right:9px; }

div.b { 
	width:700px; float:right; height:41px; background-image:url(../images/b_bg.jpg); text-align:right;
	line-height:52px; overflow:hidden; padding:24px 22px 0 0; 
}
div.b img.b { margin-left:39px; display:inline; float:left; }
div.info, div.procon { width:660px; padding:31px; float:right; overflow:hidden; }
div.swf_aboutus { float:right; margin:0 0 21px 21px; }

div.info h1 { font-size:16px; color:#FF6600; font-weight:bold; }

div.prolist { width:711px; padding:9px 0 9px 11px; margin-top:7px; float:right; }
div.prolist a {
	color:#000000; text-decoration:none;
	height:130px; width:160px; display:inline; float:left; text-align:center; margin:0 8px 9px; 
}
div.prolist a img { display:block; border:solid 1px #aaaaaa; width:158px; height:98px; margin-bottom:3px; }
div.prolist a:hover img { border:solid 1px #FF6600; }
div#pageno { width:722px; float:right; text-align:center; }

div.procon div.pro_info { width:200px; float:left; margin:0 9px 9px 0; }
div.procon img#pic { width:200px; height:131px; }
div.procon ul.info { 
	display:block; float:right; width:178px; margin:9px 0 0 0; padding:11px;
	list-style-position:inside; background-color:#eeeeee;
}
div.procon ul.info li { margin-bottom:11px; }
div.procon div#content { clear:both; }

table#news thead tr { background-color:#CCCCCC; }
table#news thead tr td { height:22px; padding-top:7px; font-weight:bold; text-align:center; }

table#news tbody tr { background:url(../images/td_l.gif) repeat-x bottom; }
table#news tbody tr.ou { background-color:#E8EAE8; }
table#news tbody tr td { padding:7px 7px; text-align:left; }
table#news tbody tr td.date { text-align:center; }
table#news tbody tr td a { text-decoration:none; }
table#news tbody tr td a:hover { color:#FF6600; }

img.arrow4 { margin:0 5px -2px 0; }

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; }

ul.sitemap { margin:0 0 0 10px; padding:0 0 0 3px; list-style:none; width:190px; }
ul.sitemap a { text-decoration:none; }
ul.sitemap li { 
	display:block; background:url(../images/arrow2.gif) no-repeat 2px 4px; padding-left:15px;
	margin:5px 0; border-bottom:dotted 1px #CCCCCC;
}