/* CHARA　ONLY -------------------------------- */
#chara_top {
	position: relative;
	width: 961px;
	height: 86px;
	margin: 0 auto;
	z-index:4;
	overflow:hidden;
	background: url(../chara/images/top_chara.png) no-repeat top center;
}

#main-contents {
	float: right;
	position: relative;
	width: 655px;
	height:100%;
	right:20px;
	background: url(../chara/images/bg-main.jpg) no-repeat top center;
}
/* --------------------SIDE-MENU-------------------- */

.sidem01 a {
	display:block;
	width:252px;
	height:40px;
	background:url(../chara/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(../chara/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(../chara/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;
}

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

.b-main01 a {
	display:block;
	width:286px;
	height:108px;
	background:url(../chara/images/b-main01.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-main01 a:hover, .b-main01 a.on {
	background-position:right bottom;
}
.b-main02 a {
	display:block;
	width:286px;
	height:108px;
	background:url(../chara/images/b-main02.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-main02 a:hover, .b-main02 a.on {
	background-position:right bottom;
}
.b-main03 a {
	display:block;
	width:139px;
	height:108px;
	background:url(../chara/images/b-main03.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-main03 a:hover, .b-main03 a.on {
	background-position:right bottom;
}
.b-main04 a {
	display:block;
	width:139px;
	height:108px;
	background:url(../chara/images/b-main04.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-main04 a:hover, .b-main04 a.on {
	background-position:right bottom;
}
.b-main05 a {
	display:block;
	width:139px;
	height:108px;
	background:url(../chara/images/b-main05.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-main05 a:hover, .b-main05 a.on {
	background-position:right bottom;
}
.b-main06 a {
	display:block;
	width:139px;
	height:108px;
	background:url(../chara/images/b-main06.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-main06 a:hover, .b-main06 a.on {
	background-position:right bottom;
}
.b-sub01 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub01.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub01 a:hover, .b-sub01 a.on {
	background-position:right bottom;
}
.b-sub02 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub02.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub02 a:hover, .b-sub02 a.on {
	background-position:right bottom;
}
.b-sub03 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub03.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub03 a:hover, .b-sub03 a.on {
	background-position:right bottom;
}
.b-sub04 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub04.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub04 a:hover, .b-sub04 a.on {
	background-position:right bottom;
}
.b-sub05 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub05.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub05 a:hover, .b-sub05 a.on {
	background-position:right bottom;
}
.b-sub06 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub06.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub06 a:hover, .b-sub06 a.on {
	background-position:right bottom;
}
.b-sub07 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub07.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub07 a:hover, .b-sub07 a.on {
	background-position:right bottom;
}
.b-sub08 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub08.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub08 a:hover, .b-sub08 a.on {
	background-position:right bottom;
}
.b-sub09 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub09.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub09 a:hover, .b-sub09 a.on {
	background-position:right bottom;
}
.b-sub10 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub10.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub10 a:hover, .b-sub10 a.on {
	background-position:right bottom;
}
.b-sub11 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub11.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub11 a:hover, .b-sub11 a.on {
	background-position:right bottom;
}
.b-sub12 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub12.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub12 a:hover, .b-sub12 a.on {
	background-position:right bottom;
}
.b-sub13 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub13.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub13 a:hover, .b-sub13 a.on {
	background-position:right bottom;
}
.b-sub14 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub14.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub14 a:hover, .b-sub14 a.on {
	background-position:right bottom;
}
.b-sub15 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub15.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub15 a:hover, .b-sub15 a.on {
	background-position:right bottom;
}
.b-sub16 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub16.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub16 a:hover, .b-sub16 a.on {
	background-position:right bottom;
}
.b-sub17 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub17.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub17 a:hover, .b-sub17 a.on {
	background-position:right bottom;
}
.b-sub18 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub18.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub18 a:hover, .b-sub18 a.on {
	background-position:right bottom;
}
.b-sub19 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub19.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub19 a:hover, .b-sub19 a.on {
	background-position:right bottom;
}
.b-sub20 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub20.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub20 a:hover, .b-sub20 a.on {
	background-position:right bottom;
}
.b-sub21 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub21.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub21 a:hover, .b-sub21 a.on {
	background-position:right bottom;
}
.b-sub22 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub22.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub22 a:hover, .b-sub22 a.on {
	background-position:right bottom;
}
.b-sub23 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub23.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub23 a:hover, .b-sub23 a.on {
	background-position:right bottom;
}
.b-sub24 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub24.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub24 a:hover, .b-sub24 a.on {
	background-position:right bottom;
}
.b-sub25 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub25.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub25 a:hover, .b-sub25 a.on {
	background-position:right bottom;
}
.b-sub26 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub26.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub26 a:hover, .b-sub26 a.on {
	background-position:right bottom;
}
.b-sub27 a {
	display:block;
	width:90px;
	height:90px;
	background:url(../chara/images/b-sub27.jpg) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	outline:none;
	margin: 0px auto;
	margin-bottom:2px;
}
.b-sub27 a:hover, .b-sub27 a.on {
	background-position:right bottom;
}