@charset "UTF-8";

/* (';') */

#CharacterInfo  { /* キャラ */
	text-indent	: -9999px;
}
	
#chara00{
	height: 630px;
	background-image: url(../images/chara/chara_00.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); 
}
	
#chara01{
	height: 630px;
	background-image: url(../images/chara/chara_01.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); 
}

#chara02{
	height: 630px;
	background-image: url(../images/chara/chara_02.png);
	background-repeat: no-repeat;	
	background-position: 0px 10px;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); 
}

#chara03{
	height: 630px;
	background-image: url(../images/chara/chara_03.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
 	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); 
}

#chara04{
	height: 630px;
	background-image: url(../images/chara/chara_04.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
		box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); 
}
	
#chara05{
	height: 630px;
	background-image: url(../images/chara/chara_05.png);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.4); 
}


/* Sub Navi */

#charaset {
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(../images/chara/bg02.png);
	background-repeat: repeat-x;
/*	background-color: #000;*/
/*	background-image: url(../images/chara/chara_001.png);
	background-repeat: no-repeat;
	background-position: 150px 0px;*/
/*	width: 778px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-left-color: #000;
/*	height:450px;*/
}



#subnavi {
	margin:0 auto;
	padding: 5px 5px 0px 0px;
/*	background-image: url(../images/chara/bg_navi.png);
	background-repeat: repeat-y;
	background-image: url(../images/chara/bg_navi00.png);
	background-repeat: no-repeat;*/
	margin-top: 10px;
	margin-left: 100px;
	display: block;
	width: 100%;	
		float: left;
}

#subnavi ul {
	list-style: none; /* リスト形式を削除 */
	padding:0 0px;/* リスト開始位置0818 */
}

 /* リストを横並びに */
#subnavi ul li{
	width: 100px;
	height: 35px;
	float: left;	/*0915*/
	padding:0 1px;
}

#subnavi li {
	padding: 0;
	margin: 0;
	list-style-type:none;
	text-indent: -9999px; /* テキストをとばす */  
}


#subnavi ul li a{
	text-indent: -9999px; /* テキストをとばす */  
	text-decoration: none;  
	display: block;  
	width: 100px;  
	height: 35px;  
	background-image: url(../images/chara/navi0.png);  
	background-repeat: no-repeat;  
}


 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#subnavi ul li#xm00 a { background-position: 0px 0px; }   
#subnavi ul li#xm01 a { background-position: 0px -35px; }  
#subnavi ul li#xm02 a { background-position: 0px -70px; }  
#subnavi ul li#xm03 a { background-position: 0px -105px; }  
#subnavi ul li#xm04 a { background-position: 0px -140px; } 
#subnavi ul li#xm05 a { background-position: 0px -175px; } 

#subnavi ul li a:hover{
	text-decoration: none;  
	background-image: url(../images/chara/navi0.png);  
	background-repeat: no-repeat;   
}

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#subnavi ul li#xm00 a:hover { background-position: -100px 0px; }   
#subnavi ul li#xm01 a:hover { background-position: -100px -35px; }   
#subnavi ul li#xm02 a:hover { background-position: -100px -70px; }   
#subnavi ul li#xm03 a:hover { background-position: -100px -105px; }  
#subnavi ul li#xm04 a:hover { background-position: -100px -140px; } 
#subnavi ul li#xm05 a:hover { background-position: -100px -175px; } 

/* a:activeの背景の指定 ※左の数字がx軸、右の数字がy軸*/
#subnavi ul li#xm00.active a { background-position: -100px 0px; }   
#subnavi ul li#xm01.active a { background-position: -100px -35px; }   
#subnavi ul li#xm02.active a { background-position: -100px -70px; }   
#subnavi ul li#xm03.active a { background-position: -100px -105px; }  
#subnavi ul li#xm04.active a { background-position: -100px -140px; } 
#subnavi ul li#xm05.active a { background-position: -100px -175px; } 

/*
#subnavi li#xm00 a {
	border: none;
	background-image: url(../images/chara/navi00.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 130px;
	height:400px;
}

#subnavi li#m00 a {
	background-position: 0px -10px;
	display: block;
	width: 130px;
	height: 400px;
}
#subnavi li#xm00 a:hover {
	background-position: 0px -400px;
}*/