/* CHARA　ONLY -------------------------------- */
#system_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../system/images/top_system.png) no-repeat top center;
}
#style_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../system/images/top_style.png) no-repeat top center;
}
#kakushi_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../system/images/top_kakushi.png) no-repeat top center;
}
#geigeki_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../system/images/top_geigeki.png) no-repeat top center;
}
#seiatsu_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../system/images/top_seiatsu.png) no-repeat top center;
}
#danaside_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../system/images/top_danaside.png) no-repeat top center;
}
#gallery_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../system/images/top_gallery.png) no-repeat top center;
}
#night_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../system/images/top_night.png) no-repeat top center;
}
/* --------------------SIDE-MENU-------------------- */

.sidem01 a {
	display:block;
	width:252px;
	height:40px;
	background:url(../system/images/m01.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.sidem01 a:hover, .sidem01 a.on {
	background-position:right bottom;
}
.sidem02 a {
	display:block;
	width:252px;
	height:40px;
	background:url(../system/images/m02.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.sidem02 a:hover, .sidem02 a.on {
	background-position:right bottom;
}
.sidem03 a {
	display:block;
	width:252px;
	height:40px;
	background:url(../system/images/m03.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.sidem03 a:hover, .sidem03 a.on {
	background-position:right bottom;
}
.sidem04 a {
	display:block;
	width:252px;
	height:40px;
	background:url(../system/images/m04.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.sidem04 a:hover, .sidem04 a.on {
	background-position:right bottom;
}
.sidem05 a {
	display:block;
	width:252px;
	height:40px;
	background:url(../system/images/m05.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.sidem05 a:hover, .sidem05 a.on {
	background-position:right bottom;
}
.sidem06 a {
	display:block;
	width:252px;
	height:40px;
	background:url(../system/images/m06.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.sidem06 a:hover, .sidem06 a.on {
	background-position:right bottom;
}
.sidem07 a {
	display:block;
	width:252px;
	height:40px;
	background:url(../system/images/m07.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.sidem07 a:hover, .sidem07 a.on {
	background-position:right bottom;
}

/* --------------------CONTENTS-------------------- */

.pm01 a {
	display:block;
	width:302px;
	height:134px;
	background:url(../system/images/pm01.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
}
.pm01 a:hover, .pm01 a.on {
	background-position:right bottom;
}
.pm02 a {
	display:block;
	width:302px;
	height:134px;
	background:url(../system/images/pm02.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
}
.pm02 a:hover, .pm02 a.on {
	background-position:right bottom;
}
.pm03 a {
	display:block;
	width:302px;
	height:134px;
	background:url(../system/images/pm03.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
}
.pm03 a:hover, .pm03 a.on {
	background-position:right bottom;
}
.pm04 a {
	display:block;
	width:302px;
	height:134px;
	background:url(../system/images/pm04.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
}
.pm04 a:hover, .pm04 a.on {
	background-position:right bottom;
}
.pm05 a {
	display:block;
	width:302px;
	height:134px;
	background:url(../system/images/pm05.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
}
.pm05 a:hover, .pm05 a.on {
	background-position:right bottom;
}
.pm06 a {
	display:block;
	width:302px;
	height:134px;
	background:url(../system/images/pm06.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
}
.pm06 a:hover, .pm06 a.on {
	background-position:right bottom;
}
.pm07 a {
	display:block;
	width:302px;
	height:134px;
	background:url(../system/images/pm07.png) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
}
.pm07 a:hover, .pm07 a.on {
	background-position:right bottom;
}