@charset "shift_jis";

/*  ========== Chara main ============== start  */
.chara_right{
	float: left;
	padding: 0px;
	height: 720px;
	width: 430px;
	margin: 0px;
}

.chara_left{
	float: left;
	padding: 0px;
	height: 720px;
	width: 355px;
	margin: 0px;
}
/*  ========== Chara main ============== end  */


/*  ========== Chara ============== start  */


.rage, .altina, .fenrir, .roselinde, .fafner, .sleipnir, .yukihime, .sakuya, .rinrin, .aira, .elmina, .isari, 
.balder, .slut, .alberich, .ranah, .ryuna, .gouryuki, .misty, .gadem, .kerberos, .touka, .kanon, .ein, .clalaclan,
.rick, .amil, .airy, .neris, .dyran, .ddragon
{
	margin: 0px;
	padding: 0px;
	width: 960px;
	background-repeat: no-repeat;
	height: 720px;
	background-position: 175px;
}



.rage{
background-image: url(../chara/img/chara_rage_1.jpg);
}

.altina{	
	background-image: url(../chara/img/chara_altina_1.jpg);
}

.fenrir{	
	background-image: url(../chara/img/chara_fenrir_1.jpg);
}

.roselinde{
	background-image: url(../chara/img/chara_roselinde_1.jpg);
}

.fafner{	margin: 0px;
	background-image: url(../chara/img/chara_fafner_1.jpg);
}

.sleipnir{	
	background-image: url(../chara/img/chara_sleipnir_1.jpg);
}

.yukihime{	
	background-image: url(../chara/img/chara_yukihime_1.jpg);
}

.sakuya{	
	background-image: url(../chara/img/chara_sakuya_1.jpg);
}

.rinrin{
	background-image: url(../chara/img/chara_rinrin_1.jpg);
}

.aira{
	background-image: url(../chara/img/chara_aira_1.jpg);
}

.elmina{
	background-image: url(../chara/img/chara_elmina_1.jpg);
}

.isari{	
	background-image: url(../chara/img/chara_isari_1.jpg);
}

.balder{	
	background-image: url(../chara/img/chara_balder_1.jpg);
}

.slut{	
	background-image: url(../chara/img/chara_slut_1.jpg);
}

.alberich{	
	background-image: url(../chara/img/chara_alberich_1.jpg);
}

.ranah{	
	background-image: url(../chara/img/chara_ranah_1.jpg);
}

.ryuna{	
	background-image: url(../chara/img/chara_ryuna_1.jpg);
}

.gouryuki{	
	background-image: url(../chara/img/chara_gouryuki_1.jpg);
}


.misty{	
	background-image: url(../chara/img/chara_misty_1.jpg);
}

.gadem{	
	background-image: url(../chara/img/chara_gadem_1.jpg);
}

.kerberos{
	background-image: url(../chara/img/chara_kerberos_1.jpg);
}

.touka{
	background-image: url(../chara/img/chara_touka_1.jpg);
}

.kanon{	
	background-image: url(../chara/img/chara_kanon_1.jpg);
}

.ein{	
	background-image: url(../chara/img/chara_ein_1.jpg);
}

.clalaclan{
	background-image: url(../chara/img/chara_clalaclan_1.jpg);
}

.jin-crow{
	background-image: url(../chara/img/chara_jin-crow_2.jpg);
	margin: 0px;
	padding: 0px;
	width: 960px;
	background-repeat: no-repeat;
	height: 720px;
	background-position: right;
}


.rick{
	background-image: url(../chara/img/chara_rick_1.jpg);
}

.amil{
	background-image: url(../chara/img/chara_amil_1.jpg);
}


.airy{
	background-image: url(../chara/img/chara_airy_1.jpg);

}

.neris{	
	background-image: url(../chara/img/chara_neris_1.jpg);

}

.dyran{	
	background-image: url(../chara/img/chara_dyran_1.jpg);
}


.ddragon{	
	background-image: url(../chara/img/chara_ddragon_1.jpg);
}





/*  ========== Chara ============== end  */





/*  ========== sidemenu_chara ============== start  */

.sidemenu_chara{
	width: 167px;
	float: left;
	position: static;
	margin: 0px;
	height: 650px;
	background-image: url(../chara/img/sidemenu.jpg);
	background-repeat: no-repeat;
	padding-top: 70px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 8px;
}



.sidemenu_chara table{
	border-spacing:0;
	border-collapse:separate;
	empty-cells:show;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	overflow: hidden;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #e6d7d4;
	border-right-color: #e6d7d4;
	border-left-color: #e6d7d4;
}

*:first-child+html .sidemenu_chara table{ /*IE7 only*/
	border-spacing:0;
	border-collapse:separate;
	empty-cells:show;
	margin-top: -2px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	overflow: hidden;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.sidemenu_chara td{
	padding: 1px;
	background-color: #CBBAB4;
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #e6d7d4;
	border-right-color: #e6d7d4;
	border-left-color: #e6d7d4;
}


*:first-child+html .sidemenu_chara td{ /*IE7 only*/
	padding: 1px;
	background-color: #CBBAB4;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}


.sidemenu_chara td.cell2{
	border: 1px solid #e6d7d4;
}

.sidemenu_chara td.new{
	margin: 0px;
	padding: 1px;
	background-color: #6CC;

}

.sidemenu_chara td.np{
	margin: 0px;
	padding: 1px;
	background-color: #e6d7d4;
}

/*  ========== sidemenu_chara ============== end  */


/*  ========== item ============== start  */

.item{
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	height: 720px;
	width: 345px;
}

.item_jin{
	float: right;
	padding-top: 0px;
	padding-right: 78px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	width: 345px;
	height: 720px;
}



/*  ------- voice ------- start  */
.voice{
	padding-bottom: 3px;
	clear: both;
	height: 30px;
	width: 340px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
}


.voice ul,
.image ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	position: relative;
}

.voice ul li{
	height: 30px;
	width: 85px;
	list-style-type: none;
	float: left;
	margin: 0px;
	display:block;
	padding: 0px;
}

.voice ul li a:link,
.voice ul li a:visited{
	background-image: url(../chara/img/btn_voice_base.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display:block;

}

.voice ul li a:hover,
.voice ul li a:active{
	background-image: url(../chara/img/btn_voice_base.png);
	background-repeat: no-repeat;
	background-position: 0px -30px;
}
/*  ------- voice ------- end  */


/*  ------- image ------- start  */
.image{
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	clear: both;
	height: 72px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 2px;
	width: 340px;
}


.image ul li{
	float: left;
	height: 72px;
	width: 113px;
	padding: 0px;
	margin: 0px;
}


.image ul li .border{
	border: 1px solid #666;
	-moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
	background-color: #FFF;
}





/*  ------- image ------- end  */

/*  ========== item ============== end  */