@charset "utf-8";


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

/* common ================ */
#btn_yuma,
#btn_hatena1,
#btn_lesty, 
#btn_agnum, 
#btn_rinna,
#btn_sonia, 
#btn_kirika, 
#btn_jenius,
#btn_zest,
#btn_joachim,
#btn_georg,
#btn_marion,
#btn_beatrice,
#btn_excela,
#btn_dragon1,
#btn_dragon2,
#btn_dragon3,
#btn_dragon4,
#btn_dragon5,
#btn_others1,
#btn_others2{
	position: absolute;
	z-index: 100;
}


#btn_lesty a:link,#btn_lesty a:visited,
#btn_agnum a:link,#btn_agnum a:visited,
#btn_rinna a:link,#btn_rinna a:visited,
#btn_sonia a:link,#btn_sonia a:visited,
#btn_kirika a:link,#btn_kirika a:visited,

#btn_zest a:link,#btn_zest a:visited,
#btn_joachim a:link,#btn_joachim a:visited,
#btn_georg a:link,#btn_georg a:visited,

#btn_marion a:link,#btn_marion a:visited,
#btn_beatrice a:link,#btn_beatrice a:visited,

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




#btn_lesty a:hover,#btn_lesty a:active,
#btn_agnum a:hover,#btn_agnum a:active,
#btn_rinna a:hover,#btn_rinna a:active,
#btn_sonia a:hover,#btn_sonia a:active,
#btn_kirika a:hover,#btn_kirika a:active,

#btn_zest a:hover,#btn_zest a:active,
#btn_joachim a:hover,#btn_joachim a:active,
#btn_georg a:hover,#btn_georg a:active,

#btn_marion a:hover,#btn_marion a:active,
#btn_beatrice a:hover,#btn_beatrice a:active,
#btn_excela a:hover,#btn_excela a:active,
#btn_jenius a:hover,#btn_jenius a:active{
	background-position: center bottom;	
}


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

#btn_yuma a:link, #btn_yuma 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_yuma.jpg);
}

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



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

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


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

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


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

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


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

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


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

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


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

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




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

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







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

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


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

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



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

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

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

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



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

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




#btn_dragon1 a:link, #btn_dragon1 a:visited,
#btn_dragon2 a:link, #btn_dragon2 a:visited,
#btn_dragon3 a:link, #btn_dragon3 a:visited,
#btn_dragon4 a:link, #btn_dragon4 a:visited,
#btn_dragon5 a:link, #btn_dragon5 a:visited{
	width: 48px;
	height: 48px;
	text-indent: -9999px;
	background-position: left top;
	display: block;
	background-repeat: no-repeat;
}

#btn_dragon1 a:hover,#btn_dragon1 a:active,
#btn_dragon2 a:hover,#btn_dragon2 a:active,
#btn_dragon3 a:hover,#btn_dragon3 a:active,
#btn_dragon4 a:hover,#btn_dragon4 a:active,
#btn_dragon5 a:hover,#btn_dragon5 a:active{
	background-position: center bottom;	
}

/* btn_dragon  ================ */
#btn_dragon1{
	left: 589px;
	top: 698px;
}

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



/* btn_dragon2 ================ */
#btn_dragon2{
	left: 648px;
	top: 698px;
}

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

/* btn_dragon3 ================ */
#btn_dragon3{
	left: 707px;
	top: 698px;
}

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


/* btn_dragon4 ================ */
#btn_dragon4{
	left: 792px;
	top: 599px;
}

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

/* btn_dragon5 ================ */
#btn_dragon5{
	left: 792px;
	top: 659px;
}

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



/* btn_others1 (SET) ================ */
#btn_others1 a:link, #btn_others1 a:visited,
#btn_others2 a:link, #btn_others2 a:visited{
	width: 75px;
	height: 75px;
	text-indent: -9999px;
	background-position: left top;
	display: block;
	background-repeat: no-repeat;

}


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

#btn_others1{
	left: 230px;
	top: 673px;
}

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

#btn_others2{
	left: 135px;
	top: 673px;
}


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

/* SideMenu start---------------------------------- */
#btn_chara_s{
	position: absolute;
	left: 10px;
	top: 45px;
	height: 690px;
	width: 154px;
}

#btn_chara_top{
	position: absolute;
	left: 12px;
	top: 760px;
	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;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	height: 124px;
}

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

#btn_chara_s ul li.yuma a:link, #btn_chara_s ul li.yuma a:visited,
#btn_chara_s ul li.yumadra a:link, #btn_chara_s ul li.yumadra a:visited,
#btn_chara_s ul li.jenius a:link, #btn_chara_s ul li.jenius a:visited,

#btn_chara_s ul li.sonia a:link, #btn_chara_s ul li.sonia a:visited,
#btn_chara_s ul li.kirika a:link, #btn_chara_s ul li.kirika a:visited,
#btn_chara_s ul li.rinna a:link, #btn_chara_s ul li.rinna a:visited,

#btn_chara_s ul li.lesty a:link, #btn_chara_s ul li.lesty a:visited,
#btn_chara_s ul li.agnum a:link, #btn_chara_s ul li.agnum a:visited,
#btn_chara_s ul li.fromage a:link, #btn_chara_s ul li.fromage a:visited,

#btn_chara_s ul li.zest a:link, #btn_chara_s ul li.zest a:visited,
#btn_chara_s ul li.excela a:link, #btn_chara_s ul li.excela a:visited,
#btn_chara_s ul li.beatrice a:link, #btn_chara_s ul li.beatrice a:visited,

#btn_chara_s ul li.georg a:link, #btn_chara_s ul li.georg a:visited,
#btn_chara_s ul li.joachim a:link, #btn_chara_s ul li.joachim a:visited,
#btn_chara_s ul li.marion a:link, #btn_chara_s ul li.marion a:visited
{
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	text-indent:-9999px;
	height: 124px;
	width: 48px;
	z-index:200;
}

#btn_chara_s ul li.yuma a:active, #btn_chara_s ul li.yuma a:hover,
#btn_chara_s ul li.yumadra a:active, #btn_chara_s ul li.yumadra a:hover,
#btn_chara_s ul li.jenius a:active, #btn_chara_s ul li.jenius a:hover,

#btn_chara_s ul li.sonia a:active, #btn_chara_s ul li.sonia a:hover,
#btn_chara_s ul li.kirika a:active, #btn_chara_s ul li.kirika a:hover,
#btn_chara_s ul li.rinna a:active, #btn_chara_s ul li.rinna a:hover,

#btn_chara_s ul li.lesty a:active, #btn_chara_s ul li.lesty a:hover,
#btn_chara_s ul li.agnum a:active, #btn_chara_s ul li.agnum a:hover,
#btn_chara_s ul li.fromage a:active, #btn_chara_s ul li.fromage a:hover,

#btn_chara_s ul li.zest a:active, #btn_chara_s ul li.zest a:hover,
#btn_chara_s ul li.excela a:active, #btn_chara_s ul li.excela a:hover,
#btn_chara_s ul li.beatrice a:active, #btn_chara_s ul li.beatrice a:hover,

#btn_chara_s ul li.georg a:active, #btn_chara_s ul li.georg a:hover,
#btn_chara_s ul li.joachim a:active, #btn_chara_s ul li.joachim a:hover,
#btn_chara_s ul li.marion a:active, #btn_chara_s ul li.marion a:hover{
	background-position: center bottom;
}



#btn_chara_s ul li.yuma a:link, #btn_chara_s ul li.yuma a:visited{
	background-image: url(../chara/img/icon_yuma_s.jpg);
}

#btn_chara_s ul li.yumadra a:link, #btn_chara_s ul li.yumadra a:visited{
	background-image: url(../chara/img/icon_yumadra_s.jpg);
}

#btn_chara_s ul li.jenius a:link, #btn_chara_s ul li.jenius a:visited{ 
	background-image: url(../chara/img/icon_jenius_s.jpg);
}

#btn_chara_s ul li.sonia a:link, #btn_chara_s ul li.sonia a:visited{
	background-image: url(../chara/img/icon_sonia_s.jpg);
}

#btn_chara_s ul li.kirika a:link, #btn_chara_s ul li.kirika a:visited{
	background-image: url(../chara/img/icon_kirika_s.jpg);
}

#btn_chara_s ul li.rinna a:link, #btn_chara_s ul li.rinna a:visited{
	background-image: url(../chara/img/icon_rinna_s.jpg);
}

#btn_chara_s ul li.lesty a:link, #btn_chara_s ul li.lesty a:visited{
	background-image: url(../chara/img/icon_lesty_s.jpg);
}

#btn_chara_s ul li.agnum a:link, #btn_chara_s ul li.agnum a:visited{
	background-image: url(../chara/img/icon_agnum_s.jpg);
}

#btn_chara_s ul li.fromage a:link, #btn_chara_s ul li.fromage a:visited{
	background-image: url(../chara/img/icon_fromage_s.jpg);
}

#btn_chara_s ul li.zest a:link, #btn_chara_s ul li.zest a:visited{
	background-image: url(../chara/img/icon_zest_s.jpg);
}

#btn_chara_s ul li.excela a:link, #btn_chara_s ul li.excela a:visited{
	background-image: url(../chara/img/icon_excela_s.jpg);
}

#btn_chara_s ul li.beatrice a:link, #btn_chara_s ul li.beatrice a:visited{
	background-image: url(../chara/img/icon_beatrice_s.jpg);
}

#btn_chara_s ul li.georg a:link, #btn_chara_s ul li.georg a:visited{
	background-image: url(../chara/img/icon_georg_s.jpg);
}

#btn_chara_s ul li.joachim a:link, #btn_chara_s ul li.joachim a:visited{
	background-image: url(../chara/img/icon_joachim_s.jpg);
}

#btn_chara_s ul li.marion a:link, #btn_chara_s ul li.marion a:visited{
	background-image: url(../chara/img/icon_marion_s.jpg);
}


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

#btn_voice_yuma, 
#btn_voice_kirika, 
#btn_voice_sonia, 
#btn_voice_agnum, 
#btn_voice_rinna, 
#btn_voice_lesty, 

#btn_voice_georg, 
#btn_voice_marion, 
#btn_voice_joachim,
#btn_voice_zest,
#btn_voice_beatrice,
#btn_voice_excela,

#btn_voice_jenius,
#btn_voice_others1,
#btn_voice_others2{
	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: 360px;
}

#btn_voice_yuma{
	left: 199px;
	top: 132px;
}

#btn_voice_kirika{
	left: 587px;
	top: 153px;
}

#btn_voice_sonia{
	left: 191px;
	top: 154px;
}

#btn_voice_agnum{
	left: 206px;
	top: 148px;
}

#btn_voice_rinna{
	left: 601px;
	top: 133px;
}

#btn_voice_lesty{
	left: 588px;
	top: 154px;
}


#btn_voice_georg{
	left: 585px;
	top: 152px;
}

#btn_voice_marion{
	left: 198px;
	top: 215px;
}

#btn_voice_joachim{
	left: 588px;
	top: 240px;
}

#btn_voice_zest{
	left: 584px;
	top: 155px;
}

#btn_voice_beatrice{
	left: 585px;
	top: 155px;
}

#btn_voice_excela{
	left: 585px;
	top: 152px;
}


#btn_voice_jenius{
	left: 197px;
	top: 325px;
}

#btn_voice_others1{
	left: 223px;
	top: 137px;
}

#btn_voice_others2{
	left: 579px;
	top: 705px;
}

#btn_voice_yuma ul, 
#btn_voice_kirika ul, 
#btn_voice_sonia ul, 
#btn_voice_agnum ul, 
#btn_voice_rinna ul, 
#btn_voice_lesty ul,
 
#btn_voice_georg ul, 
#btn_voice_marion ul, 
#btn_voice_joachim ul,
#btn_voice_zest ul,
#btn_voice_beatrice ul,
#btn_voice_excela ul,
#btn_voice_jenius ul,
#btn_voice_others1 ul,
#btn_voice_others2 ul{
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 110px;
}

#btn_voice_yuma ul li, 
#btn_voice_kirika ul li, 
#btn_voice_sonia ul li, 
#btn_voice_agnum ul li, 
#btn_voice_rinna ul li, 
#btn_voice_lesty ul li,
 
#btn_voice_georg ul li, 
#btn_voice_marion ul li, 
#btn_voice_joachim ul li,
#btn_voice_zest ul li,
#btn_voice_beatrice ul li,
#btn_voice_excela ul li,

#btn_voice_jenius ul li,
#btn_voice_others1 ul li,
#btn_voice_others2 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,
.voice04 a:link, .voice04 a:visited,
.voice05 a:link, .voice05 a:visited,
.voice01_gray,
.voice02_gray,
.voice03_gray,
.voice04_gray,
.voice05_gray{
	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,
.voice04 a:hover, .voice04 a:active,
.voice05 a:hover, .voice05 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);
}

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

.voice05 a:link, .voice05 a:visited{
	background-image: url(../chara/img/voice_05.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);
}

.voice04_gray{
	background-image: url(../chara/img/voice_04_gray.png);
}

.voice05_gray{
	background-image: url(../chara/img/voice_05_gray.png);
}

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


#btn_yuma_1, #btn_yuma_2{
	position:absolute;
	text-indent:-9999px;
}


#btn_yuma_1{
	left: 830px;
	top: 794px;
	z-index: 100;
}

#btn_yuma_1 a:link,
#btn_yuma_1 a:visited{
	background-image: url(../chara/yuma/img/btn_yuma_1.png);
	display: block;
	width: 140px;
	height: 65px;
}

#btn_yuma_1 a:hover,
#btn_yuma_1 a:active{
	background-image: url(../chara/yuma/img/btn_yuma_1.png);
	background-position: center bottom;	
}


#btn_yuma_2{
	left: 827px;
	top: 596px;
	z-index: 100;
}

#btn_yuma_2 a:link,
#btn_yuma_2 a:visited{
	background-image: url(../chara/yuma/img/btn_yuma_2.png);
	display: block;
	width: 140px;
	height: 65px;
}

#btn_yuma_2 a:hover,
#btn_yuma_2 a:active{
	background-image: url(../chara/yuma/img/btn_yuma_2.png);
	background-position: center bottom;	
}