@charset "utf-8";
/* CSS Document */

/*キャラクター*/

#character .tabArea{
	position:relative;
}
#character .tabArea .tabs .leftBtn{
	position:absolute;
	top:23px;
	left:55px;
	background:url(../images/character/btn_chara1_1.png) no-repeat left top;
}
#character .tabArea .tabs .leftBtn.select{
	position:absolute;
	top:23px;
	left:55px;
	background:url(../images/character/btn_chara1_2.png) no-repeat left top;
}
#character .tabArea .tabs .rightBtn{
	position:absolute;
	top:23px;
	right:55px;
	background:url(../images/character/btn_chara2_1.png) no-repeat left top;
}
#character .tabArea .tabs .rightBtn.select{
	position:absolute;
	top:23px;
	right:55px;
	background:url(../images/character/btn_chara2_2.png) no-repeat left top;
}
#character .tabArea .tabs .leftBtn2{
	position:absolute;
	bottom:25px;
	left:55px;
	background:url(../images/character/btn_chara3_1.png) no-repeat left top;
}
#character .tabArea .tabs .leftBtn2.select{
	position:absolute;
	bottom:25px;
	left:55px;
	background:url(../images/character/btn_chara3_2.png) no-repeat left top;
}
#character .tabArea .tabs .rightBtn2{
	position:absolute;
	bottom:25px;
	right:55px;
	background:url(../images/character/btn_chara4_1.png) no-repeat left top;
}
#character .tabArea .tabs .rightBtn2.select{
	position:absolute;
	bottom:25px;
	right:55px;
	background:url(../images/character/btn_chara4_2.png) no-repeat left top;
}
.hide{
	display:none;
}


/*キャラクタ立ち絵*/
#character .contentArea .characterArea1{
	position:relative;
}

#character .contentArea .characterArea1 .chara1Pos{
	position:absolute;
	right: 34px;
	top: 0px;
	z-index: 1;

}
#character .contentArea .characterArea1 .chara2Pos{
	position:absolute;
	left: 40px;
	top: 37px;
	z-index: 2;
}
#character .contentArea .characterArea1 .chara3Pos{
	position:absolute;
	left: 55px;
	top: 577px;
	z-index: 3;
}
#character .contentArea .characterArea1 .chara4Pos{
	position:absolute;
	right: 56px;
	top: 530px;
	z-index: 4;
}
#character .contentArea .characterArea1 .chara5Pos{
	position:absolute;
	left: 38px;
	top: 1115px;
	z-index: 5;
}
#character .contentArea .characterArea1 .chara6Pos{
	position:absolute;
	right: 22px;
	top: 1130px;
	z-index: 6;
}			

#contents {
  z-index: 0;
  font-size: 16px;
}

#modal-open {
  color: #cc0000;
}
#modal-bg {
	display:none;
	width:100%;
	height:100%;
	background-color: #FECDFE;
	opacity:0.8;
	position:fixed;
	top:0;
	left:0;
	z-index: 50;
}
#modal-main img{
	width:100%;
}
#modal-main {display: none;width: 650px;height: 956px;margin: 0;padding: 0;color: #666666;position:fixed;z-index: 51;}
#modal-main li{
	display:none;
}