/***************************************
 * header.css
 ***************************************/
/* [#header] /////////////////////////*/
#header {
	overflow: hodden;
	width: 800px;
	margin-bottom: 10px;
}
#header h1 {
	width: 780px;
	padding: 0 10px;
	font-size: 12px;
	border-top: 5px solid #FF0066;
	border-bottom: 2px solid #FF0066;
}
#header h2 {
	width: 300px;
	padding: 10px 0;
	float: left;
}
#header p.head_b {
	width: 82px;
	padding-top: 15px;
	float: right;
}
#header ul {
	clear: both;
	width: 388px;
	height: 28px;
	padding-left: 412px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;	
}
#header ul li {
	height: 28px;
	float: left;
}
#header ul li a {
	overflow: hidden;
	display: block;
	height: 28px;
	text-indent: -9999px;	
}
#header ul li.m1 a {
	width: 46px;
	background: url(../image/head/m1.gif) no-repeat;
}
#header ul li.m2 a {
	width: 68px;
	background: url(../image/head/m2.gif) no-repeat;
}
#header ul li.m3 a {
	width: 103px;
	background: url(../image/head/m3.gif) no-repeat;
}
#header ul li.m4 a {
	width: 80px;
	background: url(../image/head/m4.gif) no-repeat;
}
#header ul li.m5 a {
	width: 91px;
	background: url(../image/head/m5.gif) no-repeat;
}
#header ul li.m1 a:hover {background: url(../image/head/m1_2.gif) no-repeat;}
#header ul li.m2 a:hover {background: url(../image/head/m2_2.gif) no-repeat;}
#header ul li.m3 a:hover {background: url(../image/head/m3_2.gif) no-repeat;}
#header ul li.m4 a:hover {background: url(../image/head/m4_2.gif) no-repeat;}
#header ul li.m5 a:hover {background: url(../image/head/m5_2.gif) no-repeat;}