/* CSS Document */

@charset "utf-8";


#main-ph h2{
	background-image:url(../img/title_character.jpg);
}

#character-list{
	position:relative;	
}


#character-group li{
float:left;
}


#character-group li a{
	text-indent:-9999px;
	width:230px;
	height:258px;
	display:block;	
}


#mainBtn a{
	background-image:url(../img/btn/btn1_off.jpg);	
}

#mainBtn a:hover{
	background-image:url(../img/btn/btn1_on.jpg);	
}

#igoBtn a{
	background-image:url(../img/btn/btn2_off.jpg);	
}

#igoBtn a:hover{
	background-image:url(../img/btn/btn2_on.jpg);	
}

#bisyokuBtn a{
	background-image:url(../img/btn/btn3_off.jpg);	
}

#bisyokuBtn a:hover{
	background-image:url(../img/btn/btn3_on.jpg);	
}

#etcBtn a{
	background-image:url(../img/btn/btn4_off.jpg);
}

#etcBtn a:hover{
	background-image:url(../img/btn/btn4_on.jpg);
}

#mainCharaTitle{
	clear:both;
	text-indent:-9999px;
	background-image:url(../img/category1_title.gif);
	width:546px;
	height:126px;
	margin:auto;
	margin-top:32px;
}

#igoCharaTitle{
	clear:both;
	text-indent:-9999px;
	background-image:url(../img/category2_title.gif);
	width:546px;
	height:126px;
	margin:auto;
	margin-top:32px;	
	
}

#bishokuitle{
	clear:both;
	text-indent:-9999px;
	background-image:url(../img/category3_title.gif);
	width:546px;
	height:126px;
	margin:auto;
	margin-top:32px;	
	
}

#otherTitle{
	clear:both;
	text-indent:-9999px;
	background-image:url(../img/category4_title.gif);
	width:546px;
	height:126px;
	margin:auto;
	margin-top:32px;	
	
}