@charset "utf-8";
/* CSS Document */

.sub_menu {
	background-image: url(images/sub_menu.jpg);
	height: 44px;
	width: 850px;
	background-repeat: no-repeat;
}
.sub_icon{
	margin-right: 10px;
	margin-top: 5px;
}
.main {
	background-image: url(images/main_area.jpg);
	background-repeat: no-repeat;
	height: 174px;
	width: 834px;
	margin-top: 10px;
	padding-bottom: 15px;
}
.sub{
	background-image: url(images/sub_area.jpg);
	background-repeat: no-repeat;
	height: 494px;
	width: 834px;
	margin-top: 10px;
	padding-bottom: 15px;
}
.chara_icon {
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	margin: 0px;
}
.chara_icon  a { 
	display:block;
	width:100px;
	height:78px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.chara_icon  a:hover { 
	text-indent:-9999px;
} 

.chara_icon02 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	margin: 0px;
}
.chara_icon02  a { 
	display:block;
	width:100px;
	height:78px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.chara_icon02  a:hover { 
	text-indent:-9999px;
} 

.chara_icon03 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	margin: 0px;
}
.chara_icon03  a { 
	display:block;
	width:100px;
	height:78px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.chara_icon03  a:hover { 
	text-indent:-9999px;
} 

.chara_icon04 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 70px;
	margin: 0px;
}
.chara_icon04  a { 
	display:block;
	width:100px;
	height:78px;
	font-size:1px;
	line-height:1px;
	outline:none;
}
.chara_icon04  a:hover { 
	text-indent:-9999px;
} 


/*メインキャラクター*/
.roid {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon01_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.elie {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon02_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.kea {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon03_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.tio {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon04_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.randey {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon05_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.noeru {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon06_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.waji {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon07_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.none {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}

/*サブキャラクター*/
.ariosu {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon08_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.dadory {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon09_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.risha {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon10_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.iria {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon11_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.shuri {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon12_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.shari {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon13_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.shigu {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon14_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.twito {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon15_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.serugei {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon16_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.sonya {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon17_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.mireiyu {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon18_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.oribie {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon19_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.myura {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon20_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.ozborn {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon21_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.rekuta {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon22_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.kampa {
	width:100px;
	height:78px;
	background-image: url(images/chara_icon23_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.arian{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon24_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.novar{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon25_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.vald{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon26_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.abbas{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon27_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.maria{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon28_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.dieter{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon29_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.clod{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon30_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.julia{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon31_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.kirika{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon32_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.rock{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon33_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.cecil{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon34_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.sizu{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon35_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.guy{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon36_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.kevin{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon37_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}
.ries{
	width:100px;
	height:78px;
	background-image: url(images/chara_icon38_on.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	list-style-type: none;
}