body {
	background-color: #000000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-position: top center;
	background-repeat: no-repeat;
}

#wrapper {
	position:relative;
	min-width: 1030px;
	margin:0 auto;
	text-align:center;
	background-position:top center;
	background-repeat: no-repeat;
	line-height: 0px;
	background-image: url(resource/top_back.jpg);
}
.font {
	color: #FFFFFF;
	font-size: 12px;
}


.m01 a{
display:block;
width:139px;
height:127px;
background:url(resource/top_btn_product.png) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:-60px;
}
.m01 a:hover, .m01 a.on{
background-position: 0 -127px;
}

.m02 a{
display:block;
width:139px;
height:127px;
background:url(resource/top_btn_story.png) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.m02 a:hover, .m02 a.on{
background-position: 0 -127px;
}

.m03 a{
display:block;
width:139px;
height:127px;
background:url(resource/top_btn_chara.png) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:40px;
}
.m03 a:hover, .m03 a.on{
background-position: 0 -127px;
}

.m04 a{
display:block;
width:139px;
height:127px;
background:url(resource/top_btn_system.png) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:40px;
}
.m04 a:hover, .m04 a.on{
background-position: 0 -127px;
}

.m05 a{
display:block;
width:139px;
height:127px;
background:url(resource/top_btn_special.png) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.m05 a:hover, .m05 a.on{
background-position: 0 -127px;
}

.m06 a{
display:block;
width:139px;
height:127px;
background:url(resource/top_btn_order.png) no-repeat left top;
text-indent:-9999px;
text-decoration:none;
outline:none;
margin-top:-60px;
}
.m06 a:hover, .m06 a.on{
background-position: 0 -127px;
}