html{
	height:100%;
}

body {
	height:100%; 

	font-size: 86%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
	color: #585858;
	background: url(./img/individual_bg_gradation.png) #ffffff repeat-x;
	background-attachment: fixed;
	text-align: center;
}
a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
*{
	margin: 0;
	padding: 0;
}

/* container */
#container {
	height:100%;
	min-height:100%;
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	background: url(./img/top_bg.png) repeat-y 0 0;
}
body > #container{
	height: auto;
}

#header {
	margin: 0 0 0 75px;
	background: transparent url("./img/top_logo.png") no-repeat 0 50px;
	width: 1000px;
	height: 300px;
}
#header h1{
	text-indent: -100em;
}

#nav {
	width: 1000px;
	height: 500px;
	margin: 0px 0px 0px 70px;
	text-align: left;
}

#nav ul {
	position: relative;
	list-style: none;
	overflow: hidden;
}
#nav li {
	height: 100px;
	padding: 0px 0px 0px 0px;
}

#nav li a {
	position: absolute;
	text-indent: -100em;
	height: 100px;
	margin: 50px 0px 0px 0px;
}

li#nav-coil a{
	width: 220px;
	height: 320px;
	background: transparent url("./img/top_box_coil_close.png") no-repeat 0 0;
	left: 0;
	top: 0px;
}
li#nav-bugs a{
	width: 220px;
	height: 320px;
	background: transparent url("./img/top_box_bugs_close.png") no-repeat 0 0;
	left: 220px;
	top: 0px;
}
li#nav-megle a{
	width: 220px;
	height: 320px;
	background: transparent url("./img/top_box_megle_close.png") no-repeat 0 0;
	left: 440px;
	top: 0px;
}
li#nav-fairy a{
	width: 220px;
	height: 320px;
	background: transparent url("./img/top_box_fairy_close.png") no-repeat 0 0;
	left: 660px;
	top: 0px;
}
li#nav-coil a:hover{
	background: transparent url("./img/top_box_coil_open.gif") no-repeat 0 0px;
}
li#nav-bugs a:hover{
	background: transparent url("./img/top_box_bugs_open.gif") no-repeat 0 0px;
}
li#nav-megle a:hover{
	background: transparent url("./img/top_box_megle_open.gif") no-repeat 0 0px;
}
li#nav-fairy a:hover{
	background: transparent url("./img/top_box_fairy_open.gif") no-repeat 0 0px;
}

/* footer */
#footer {
	clear: left;
	margin: 0 auto;
	_margin: 0 0 0 80px;
	text-align: center;
	width: 840px;
	height: 109px;
	background: #ffffff url("./img/top_base_bottom.png") no-repeat 0 0;
}
#footer p{
	margin:	0;
	color: #000000;
	font-size: 86%;
	font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
}
#footer p a{
	color: #FFFFFF;
	text-decoration: none;
}
#footer p a:hover {
	text-decoration: none;
}