@charset"utf-8";

#header, #contents{
	width: 860px;
	margin: 0 auto;
}

#header{
	height: 80px;
	margin: 0 auto;
	padding-top: 25px;
	text-align: left;
}

#header #header_left{
	width: 600px;
	float: left;
}

#header #header_left h1{
	width: 137px;
	height: 34px;
	float: left;
	background-image: url(../img/logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header #header_left #navi{
	width: 400px;
	float: right;
}

#header #header_left #navi li{
	/*margin-right: 52px;*/
	margin-right: 36px;
	float: left;
}

#header #header_left #navi a{
	display: block;
	width: 70px;
	height: 34px;
}

#header #header_left #navi #navi1{
	background-image: url(../img/navi_p.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
}

#header #header_left #navi #navi2{
	background-image: url(../img/navi_i.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header #header_left #navi #navi3{
	width: 50px;
	background-image: url(../img/navi_b.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header #header_left #navi #navi4{
	width: 50px;
	background-image: url(../img/navi_l.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#header #header_left #navi #navi1:hover, #header #header_left #navi #navi2:hover, #header #header_left #navi #navi3:hover, #header #header_left #navi #navi4:hover{
	background-position: left -34px;
}

#header #header_right{
	width: 248px;
	float: right;
	color: #666666;
}

#header #header_right img{
	margin-right: 8px;
}

#copyright{
	font-size: 10px;
	color: #999999;
}

#contents{
	height:100px;
	text-align: center;
	z-index: auto;
}

#contents #topImage{
	margin: 0 auto;
	text-align: center;
}