@charset "utf-8";


/* Chara MAP Btn ------------------------------- */

/* common ================ */
#btn_ryuga,
#btn_hatena1,
#btn_rick, 
#btn_roselinde, 
#btn_sakuya,
#btn_misty, 
#btn_rage, 
#btn_fenrir,
#btn_xiao,
#btn_dylan,
#btn_urayukihime,
#btn_issac,
#btn_melty,
#btn_rouna{
	position: absolute;
	z-index: 100;
}


#btn_rick a:link,#btn_rick a:visited,
#btn_roselinde a:link,#btn_roselinde a:visited,
#btn_sakuya a:link,#btn_sakuya a:visited,
#btn_misty a:link,#btn_misty a:visited,
#btn_rage a:link,#btn_rage a:visited,

#btn_xiao a:link,#btn_xiao a:visited,
#btn_dylan a:link,#btn_dylan a:visited,
#btn_urayukihime a:link,#btn_urayukihime a:visited,

#btn_issac a:link,#btn_issac a:visited,
#btn_melty a:link,#btn_melty a:visited,

#btn_rouna a:link,#btn_rouna a:visited,
#btn_fenrir a:link,#btn_fenrir a:visited{
	width: 86px;
	height: 86px;
	text-indent: -9999px;
	background-position: left top;
	display: block;
	background-repeat: no-repeat;
}




#btn_rick a:hover,#btn_rick a:active,
#btn_roselinde a:hover,#btn_roselinde a:active,
#btn_sakuya a:hover,#btn_sakuya a:active,
#btn_misty a:hover,#btn_misty a:active,
#btn_rage a:hover,#btn_rage a:active,

#btn_xiao a:hover,#btn_xiao a:active,
#btn_dylan a:hover,#btn_dylan a:active,
#btn_urayukihime a:hover,#btn_urayukihime a:active,

#btn_issac a:hover,#btn_issac a:active,
#btn_melty a:hover,#btn_melty a:active,
#btn_rouna a:hover,#btn_rouna a:active,
#btn_fenrir a:hover,#btn_fenrir a:active{
	background-position: center bottom;	
}


/* btn_ryuga (SET) ================ */
#btn_ryuga{
	width: 120px;
	height: 120px;
	left: 414px;
	top: 367px;
}

#btn_ryuga a:link, #btn_ryuga a:visited{
	width: 120px;
	height: 120px;
	text-indent: -9999px;
	background-position: left top;
	display: block;
	background-repeat: no-repeat;
	background-image: url(../chara/img/icon_ryuga.jpg);
}

#btn_ryuga a:hover,#btn_ryuga a:active{
	background-position: center bottom;	
}



/* btn_rick ================ */
#btn_rick{
	left: 119px;
	top: 162px;
}

#btn_rick a:link,#btn_rick a:visited{
	background-image: url(../chara/img/icon_rick.jpg);
}


/* btn_rage ================ */
#btn_rage{
	left: 118px;
	top: 267px;
}

#btn_rage a:link,#btn_rage a:visited{
	background-image: url(../chara/img/icon_rage.jpg);
}


/* btn_sakuya ================ */
#btn_sakuya{
	left: 118px;
	top: 372px;
}

#btn_sakuya a:link,#btn_sakuya a:visited{
	background-image: url(../chara/img/icon_sakuya.jpg);
}


/* btn_roselinde ================ */
#btn_roselinde{
	left: 118px;
	top: 518px;
}

#btn_roselinde a:link,#btn_roselinde a:visited{
	background-image: url(../chara/img/icon_roselinde.jpg);
}


/* btn_misty ================ */
#btn_misty{
	left: 332px;
	top: 576px;
}

#btn_misty a:link,#btn_misty a:visited{
	background-image: url(../chara/img/icon_misty.jpg);
}


/* btn_fenrir ============= */
#btn_fenrir{
	left: 336px;
	top: 201px;
}

#btn_fenrir a:link,#btn_fenrir a:visited{
	background-image: url(../chara/img/icon_fenrir.jpg);
}




/* btn_xiao ============= */
#btn_xiao{
	left: 628px;
	top: 203px;
}

#btn_xiao a:link,#btn_xiao a:visited{
	background-image: url(../chara/img/icon_xiao.jpg);
}







/* btn_urayukihime ============= */
#btn_urayukihime{
	left: 770px;
	top: 133px;
}

#btn_urayukihime a:link,#btn_urayukihime a:visited{
	background-image: url(../chara/img/icon_urayukihime.jpg);
}


/* btn_dylan ============= */
#btn_dylan{
	left: 770px;
	top: 238px;
}

#btn_dylan a:link,#btn_dylan a:visited{
	background-image: url(../chara/img/icon_dylan.jpg);
}



/* btn_issac ============= */
#btn_issac{
	left: 770px;
	top: 343px;
}

#btn_issac a:link,#btn_issac a:visited{
	background-image: url(../chara/img/icon_issac.jpg);
}

/* btn_melty ============= */
#btn_melty{
	left: 770px;
	top: 448px;
}

#btn_melty a:link,#btn_melty a:visited{
	background-image: url(../chara/img/icon_melty.jpg);
}



/* btn_rouna ============= */
#btn_rouna{
	left: 625px;
	top: 589px;
}

#btn_rouna a:link,#btn_rouna a:visited{
	background-image: url(../chara/img/icon_rouna.jpg);
}



/* SideMenu start---------------------------------- */
#btn_chara_s{
	position: absolute;
	left: 6px;
	top: 50px;
	width: 154px;
}

#btn_chara_top{
	position: absolute;
	left: 6px;
	top: 754px;
	height: 35px;
	width: 140px;
}


#btn_chara_top a:link, #btn_chara_top a:visited{
	height: 35px;
	width: 140px;
	display:block;
	text-indent:-9999px;
	background-image: url(../chara/img/btn_chara_top.png);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:200;
}


#btn_chara_top a:hover, #btn_chara_top a:active{
	background-position: center bottom;
}


#btn_chara_s ul{
	width: 154px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
	height: 128px;
	padding: 0px;
}

#btn_chara_s ul li{
	padding: 0px;
	float: left;
	height: 120px;
	width: 48px;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 0px;
}



#btn_chara_sonia{
	position: absolute;
	left: 6px;
	top: 690px;
	height: 40px;
	width: 148px;
}



/* Sample Voice start---------------------------------- */

#btn_voice{
	position: absolute;
	z-index: 100;
	background-image: url(../chara/img/voice_base.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 250px;
	left: 243px;
	top: 162px;
}


#btn_voice ul{
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 110px;
}

#btn_voice ul li{
	padding: 0px;
	float: left;
	text-indent: -9999px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 2px;
}

.voice01 a:link, .voice01 a:visited,
.voice02 a:link, .voice02 a:visited,
.voice03 a:link, .voice03 a:visited{
	display: block;
	height: 40px;
	width: 40px;
	background-repeat: no-repeat;
	background-position: center top;
}


.voice01 a:link, .voice01 a:visited{
	background-image: url(../chara/img/voice_01.png);

}
.voice01 a:hover, .voice01 a:active,
.voice02 a:hover, .voice02 a:active,
.voice03 a:hover, .voice03 a:active{
	background-position: center bottom;	
}

.voice02 a:link, .voice02 a:visited{
	background-image: url(../chara/img/voice_02.png);
}

.voice03 a:link, .voice03 a:visited{
	background-image: url(../chara/img/voice_03.png);
}



.voice01_gray{
	background-image: url(../chara/img/voice_01_gray.png);
}

.voice02_gray{
	background-image: url(../chara/img/voice_02_gray.png);
}

.voice03_gray{
	background-image: url(../chara/img/voice_03_gray.png);
}


/* Sample Voice end---------------------------------- */

/* prof start------------------------------------ */
#prof{
	width: 340px;
	position: absolute;
	left: 198px;
	top: 250px;
	text-align: left;
}

#prof h3{
	margin: 0px;
	background-image: url(../chara/img/h3.png);
	background-repeat: no-repeat;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 10px;
	font-size: 1em;
	line-height: 1.2em;
}

#prof p{
	font-size: 0.9em;
	line-height: 1.4em;
	text-align: left;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 5px;
}
/* prof end-------------------------------------- */

/* ss_story start------------------------------------ */
#ss_story{
	width: 762px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: auto;
	/*height: 200px;*/
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-size: 0.8em;
	line-height: 1.5em;
}

#ss_story h4{
	font-size: 1.5em;
	line-height: 1.5em;
	background-image: url(../img/pocchi.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-left: 25px;
	background-position: left 2px;
	text-align: left;
	padding-bottom: 5px;
	padding-top: 0px;
}

#ss_story .large{
	font-size: 1.2em;
	font-weight:bold;
}
/* ss_story end-------------------------------------- */