@charset "utf-8";

/*------------------------------
表示確認済みブラウザ(・ω・)
IE6,7,8
FF3.5
Opera10
Safari4
Chrome3
------------------------------*/

body, div, h1, ul, li {
	margin: 0px;
	padding: 0px;
}

.header {
	height: 260px;
	background: #000000 url(hdbg.jpg) repeat-x;
}

.header .nav {
	width: 715px;
	height: 49px;
	margin: 211px 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}

.header .nav ul {
	position: relative;
	margin-left: 350px;
	height: 49px;
}

.header .nav li {
	position: relative;
	height: 49px;
	width: 115px;
	float: left;
	list-style-type: none;
}

.header .nav li a {
	text-indent: -9999px;
	display: block;
	height: 49px;
	width: 115px;
	overflow: hidden;
}

.nav1 a { background: url(nav1.png) left top; }

.nav2 a { background: url(nav2.png); }

.nav3 a { background: url(nav3.png); }

.nav li a:hover, .nav li a:active {
	display: block;
	height: 260px;
	width: 115px;
	position: relative;
	left: 0px;
	top: -211px;
}

.nav1 a:hover, .nav1 a:active { background: url(nav1h-trans.png) right bottom; }

.nav2 a:hover, .nav2 a:active { background: url(nav2h-trans.png) bottom; }

.nav3 a:hover, .nav3 a:active { background: url(nav3h-trans.png) bottom; }

.contents {
	position: absolute;
	width: 695px;
	top: 260px;
	padding: 10px;
	clear: both;
	font-family: "comic Sans MS", sans-serif;
	line-height: 1.7;
}