#contents {
	height: 1150px;
}
#mein {
	height: 1150px;
	background-image: url(resource/page.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
}

.top {
	background-image: url(character/resource/chara_top.jpg);
	height: 139px;
	width: 681px;
}
.mein {
	height: 417px;
	width: 681px;
}
.chara_select {
	height: 417px;
	width: 225px;
	float: left;
}
.ys {
	background-image: url(character/resource/ys_back.jpg);
	float: left;
	height: 417px;
	width: 228px;
}
.ys_icon {
	height: 286px;
	float: right;
	width: 202px;
	margin: 108px 7px 0px 0px;
}
.sora {
	background-image: url(character/resource/sora_back.jpg);
	height: 417px;
	width: 228px;
	float: right;
}
.sora_icon {
	height: 286px;
	float: left;
	width: 202px;
	margin: 108px 0px 0px 7px;
}
.key {
	height: 144px;
	width: 681px;
	background-image: url(character/resource/key_back.jpg);
	margin: 0px;
	clear: both;
}
.key_icon {
	height: 66px;
	width: 100%;
	margin: 45px 0px 0px;
	float: left;
	padding: 0px;
}
.support {
	background-image: url(character/resource/support_back.jpg);
	height: 292px;
	width: 681px;
	clear: both;
}
.support_icon {
	height: 53px;
	margin: 50px 0px 0px;
	float: left;
	width: 100%;
	padding: 0px;
}


/*↓メニューボタン↓*/

img {
border:0;
}
.top02 a{
display:block;
width:213px;
height:96px;
background:url(resource/logo.jpg) no-repeat right top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.prologue02 a {
display:block;
width:213px;
height:52px;
background:url(resource/menu01.jpg) no-repeat right top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.prologue02 a:hover {
background-position:right bottom;
}
.chara02 {
display:block;
width:213px;
height:51px;
background:url(resource/menu02.jpg) no-repeat right bottom;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.world02 a {
display:block;
width:213px;
height:50px;
background:url(resource/menu03.jpg) no-repeat right top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.world02 a:hover {
background-position:right bottom;
}
.system02 a {
display:block;
width:213px;
height:50px;
background:url(resource/menu04.jpg) no-repeat right top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.system02 a:hover {
background-position:right bottom;
}
.spec02 a {
display:block;
width:213px;
height:50px;
background:url(resource/menu05.jpg) no-repeat right top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.spec02 a:hover {
background-position:right bottom;
}
.special02 a {
display:block;
width:213px;
height:50px;
background:url(resource/menu06.jpg) no-repeat right top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.special02 a:hover {
background-position:right bottom;
}
.download02 a {
display:block;
width:213px;
height:50px;
background:url(resource/menu07.jpg) no-repeat right top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.download02 a:hover {
background-position:right bottom;
}
.order02 a {
display:block;
width:213px;
height:68px;
background:url(resource/menu08.jpg) no-repeat right top;
text-indent:-9999px;
text-decoration:none;
outline:none;
}
.order02 a:hover {
background-position:right bottom;
}

/*IE6*/
*html  .ys_icon {
	height: 286px;
	width: 202px;
	margin: 105px 4px 0px 0px;
	background-image: url(character/icon/chara_ys_00.jpg);
	background-repeat: no-repeat;
}
*html  .sora_icon {
	height: 286px;
	width: 202px;
	margin: 105px 0px 0px 4px;
	background-image: url(character/icon/chara_sora_00.jpg);
	background-repeat: no-repeat;
}
*html  .key_icon {
	height: 66px;
	width: 100%;
	margin: 45px 0px 0px;
	padding: 0px;
}
*html  .support_icon {
	height: 53px;
	margin: 48px 0px 0px;
	width: 100%;
	padding: 0px;
}