@charset "UTF-8";

/*
==========================================================
header
========================================================
*/

#header{
	width:960px;
	height:75px;
	clear:both;
	overflow:hidden;
	padding:0px;
	margin:0 auto;
}
.logo a{
	width:400px;
	height:75px;
	padding:0px;
	margin:0px 0px 0px 0px;
	float:left;
	background-image:url(/commonImage/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	display:block;
}
.logo a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.header_copy{
	width:354px;
	height:75px;
	padding:0px;
	margin:0px;
	float:left;
	background-image:url(/commonImage/header_copy.png);
	background-repeat:no-repeat;
	background-position:center;
}

/*
==========================================================
top banner
========================================================
*/
 .report_btn a{
	width:156px;
	height:70px;
	padding:0px;
	margin:0px;
	float:right;
	background-image:url(/commonImage/report_btn.jpg);
	display:block;
}

 .report_btn , a:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


/*
==========================================================
navi
========================================================
*/
#navi{
	width:960px;
	height:80px;
	padding:0px;
	margin:0px auto 0px auto;
	overflow:hidden;
	clear:both;
}
#navi:after {
height:0;
visibility:hidden;
content:".";
display:block;
clear:both;
}

#navi ul {
	padding:0px;
	margin: 0px 0px 0px 0px;
	width:960px;
	height:80px;
}

#navi  ul li {
	height:80px;
	list-style-type:none;
	float:left;
	padding: 0px;
	display: inline;
}
#navi  ul li a {
	display:block;
	height:80px;
}

#navi .navi1 a {
	background-image:url(/commonImage/navi1.jpg);
	width:137px;
}
#navi .navi2 a {
	background-image:url(/commonImage/navi2.jpg);
	width:137px;
}
#navi .navi3 a {
	background-image:url(/commonImage/navi3.jpg);
	width:137px;
}
#navi .navi4 a {
	background-image:url(/commonImage/navi4.jpg);
	width:137px;
}
#navi .navi5 a {
	background-image:url(/commonImage/navi5.jpg);
	width:137px;
}
#navi .navi6 a {
	background-image:url(/commonImage/navi6.jpg);
	width:137px;
}
#navi .navi7 a {
	background-image:url(/commonImage/navi7.jpg);
	width:138px;
}


#navi ul li a:hover {
	background-position: 0px -80px;
}

/*
==========================================================
footer
========================================================
*/

#footer{
	width:960px;
	height:350px;
	padding:0px;
	margin:100px auto 0px auto;
	clear:both;
	overflow:hidden;
}

/*sitemap*/

#footer #sitemap{
	width:240px;
	height:210px;
	padding:0px;
	margin:0px;
	float:left;
	border-right:1px dotted #ccc;
	overflow:hidden;
}
#footer #sitemap h2{
	width:240px;
	height:20px;
	padding:0px;
	margin:0px 0px 10px 0px;
	float:left;
	clear:both;
	background-image:url(/commonImage/footer_sitemap_h2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#footer #sitemap ul{
	width:240px;
	height:auto;
	padding:0px;
	margin:0px;
	float:left;
	clear:both;
	overflow:hidden;
}
#footer #sitemap ul li{
	width:240px;
	height:auto;
	padding:0px 0xp 0xp 0px;
	margin:0px 0px 0px 0px;
	float:left;
	clear:both;
	list-style-type:none;
	font-size:14px;
	text-align:left;
	line-height:150%;
	color:#333;
	font-weight:normal;
	background-image:url(/commonImage/point.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}
#footer #sitemap ul li a{
	color:#333;
	text-decoration:none;
}
#footer #sitemap ul li a:hover{
	color:#ccc;
	text-decoration:none;
}

/*contact*/

#footer #contact{
	width:350px;
	height:210px;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
	border-right:1px dotted #ccc;
	overflow:hidden;
}
#footer #contact h2{
	width:330px;
	height:20px;
	padding:0px;
	margin:0px 0px 10px 20px;
	float:left;
	clear:both;
	background-image:url(/commonImage/footer_contact_h2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#footer #contact p{
	width:330px;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 20px;
	float:left;
	clear:both;
	font-size:14px;
	text-align:left;
	color:#333;
	line-height:150%;
	font-weight:normal;
}
#footer #contact .phone{
	width:206px;
	height:24px;
	padding:0px;
	margin:10px 0px 10px 20px;
	float:left;
	clear:both;
	background-image:url(/commonImage/phone.jpg);
	background-repeat:no-repeat;
}
#footer #contact .contact_btn a{
	width:250px;
	height:40px;
	padding:0px;
	margin:0px 0px 0px 20px;
	float:left;
	clear:both;
	display:block;
	background-image:url(/commonImage/footer_contact_btn.jpg);
}
#footer #contact .contact_btn a:hover{
	background-position:0 -40px;
}

/*com*/

#footer #com{
	width:368px;
	height:210px;
	padding:0px;
	margin:0px;
	float:left;
	overflow:hidden;
}
#footer #com h2{
	width:348px;
	height:20px;
	padding:0px;
	margin:0px 0px 10px 20px;
	float:left;
	clear:both;
	background-image:url(/commonImage/footer_com_h2.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}
#footer #com p{
	width:348px;
	height:auto;
	padding:0px;
	margin:0px 0px 0px 20px;
	float:left;
	clear:both;
	font-size:14px;
	text-align:left;
	color:#333;
	line-height:150%;
	font-weight:normal;
}
#footer #com .copy{
	width:296px;
	height:18px;
	padding:0px;
	margin:20px 0px 0px 20px;
	float:left;
	clear:both;
	background-image:url(/commonImage/copy.jpg);
	
}




/*
==========================================================
pageup
==========================================================
*/

.pageup {
	width: 960px;
	height:30px;
	margin:0px auto 30px auto;
	padding:0px;
	clear:both;
	border-bottom:3px solid #E6E6E6;
}

.pageup a {
	background-image: url(/commonImage/pageup.jpg);
	background-position:top;
	display: block;
	float:right;
	clear:both;
	height: 30px;
	width: 100px;
	padding:0px;
	margin:0px 30px 0px 0px;
}

.pageup a:hover {
	background-position:top;
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}