.loadingWrap {
 width: 100%;/*100%で全画面表示*/
 height: 100%;/*100%で全画面表示*/
 background: #000;/*背景色*/
 position: fixed;
 top: 0;/*画面上部からの位置*/
 left: 0;/*画面左部からの位置*/
 z-index: 9999;/*レイヤー(この他にpositionを使用していない場合は不要)*/
}
.loadingWrap img {
 position: absolute;
 top: 50%;/*中央表示*/
 left: 50%;/*中央表示*/
 margin: -150px 0 0 -180px;/*画像位置調整(-画像高さの半分 0 0 -画像幅の半分)*/
 width: auto;/*画像サイズをナチュラルに(レスポンシブデザインでない場合は不要)*/
}

body {
    width:100%;
    margin:0;
    padding:0;
    background-color:#000;
	font-family:"游ゴシック","メイリオ","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;	//"Times New Roman"
//    font-family:Century Gothic,'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color:#fff;
    line-height:1.6em;
    }

img {border: 0px;}

div .secret{
//	opacity:0;
}

div .open{
	opacity:1;
}

.overall{
	position: absolute;
	left: 0px; 
	top: 0px;  
	width:800px;
	height:600px;
}
.zeroposi{
	position: absolute;
	left: 0px; 
	top: 0px;  
}


#frame_right_contents{
	position: absolute;
	top:0px;
	left:450px;
	margin:0;
	padding:0;
}

#contentsbox_right{
	position: absolute;
	top:10px;
	left:450px;
	width:350px;
	height:510px;
	margin:0;
	padding:0;
	overflow-y: scroll;
	background-color: rgba(255,255,255,0.6);
//	border:1px solid blue;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.event_bn{
	margin:20px 0px 0px 20px;
}
.event_bn2{
	margin:20px 0px -10px 20px;
}

#my_chara{
	position: absolute;
	top:0px;
	left:0px;
	width:800px;
	height:600px;
	overflow: hidden;
}

#my_chara.my_chara_posi{
	position: absolute;
	top:0px;
	left:-130px;
	margin:0;
	padding:0;
}
.myroom_dialog{
	position: absolute;
	left: 40px;
	top: 360px;
}

#myroom_dialog_text{
	position: absolute; 
	left: 65px;
	top: 395px;
	width:285px;
	background-color:transparent;
	font-size: 1.2em;
	line-height:1.6em;
	color: #fff;
	text-align:left;
}
.myroom_chara_click {
	position: absolute; 
	width:	330px;
	height:	470px;
	left:	100px;
	top:	40px;
//	border:1px solid blue;
}

#place_box{
	position: absolute;
	top:15px;
	left:0px;
	margin:0;
	padding:0;
}

.menubar {
	position: absolute; 
	left:	0px;
	top:	530px;
}

.menu1 {
	position: absolute; 
	left:	10px;
	top:	530px;
}

.menu2 {
	position: absolute; 
	left:	210px;
	top:	530px;
}

.menu3 {
	position: absolute; 
	left:	410px;
	top:	530px;
}

.menu4 {
	position: absolute; 
	left:	610px;
	top:	530px;
}

.menu1_right {
	position: absolute; 
	left:	638px;
	top:	85px;
}

.menu2_right {
	position: absolute; 
	left:	638px;
	top:	155px;
}

.menu3_right {
	position: absolute; 
	left:	638px;
	top:	225px;
}

.menu4_right {
	position: absolute; 
	left:	638px;
	top:	295px;
}


.menu_link:hover{
	opacity:0.6;
}


#name_change{
	position: absolute; 
	left: -10px; 
	top: 630px;
}

#start{
	position: absolute; 
	left: 0px; 
	top: 0px;
}














#line1{
width:600px;
}
#line2{
width:600px;
}
#line3{
width:600px;
}
#line4{
width:600px;
}


#fitting_dialog{
	position: absolute;
	left: 30px;
	top: 444px;
}
#fit_dialog_txt{
	position: absolute; 
	left: 25px;
	top: 35px;
	width:285px;
	background-color:transparent;
	font-size: 1.2em;
	line-height:1.6em;
	color: #fff;
	text-align:left;
}

.view_dialog{
	position: absolute;
	left: 445px;
	top: 444px;
}
#view_dialog_txt{
	position: absolute; 
	left: 470px;
	top: 479px;
	width:285px;
	background-color:transparent;
	font-size: 1.2em;
	line-height:1.6em;
	color: #fff;
	text-align:left;
}
#finish_dialog{
	position: absolute;
	left: 445px;
	top: 444px;
}
#finish_dialog_txt{
	position: absolute; 
	left: 25px;
	top: 35px;
	width:285px;
	background-color:transparent;
	font-size: 1.2em;
	line-height:1.6em;
	color: #fff;
	text-align:left;
}

.dialogBase{
	position: absolute;
	left: 0px; 
	top: 0px;  
	width:800px;
	height:600px;
}

.dialogName{
	position: absolute;
	left: 20px; 
	top: 390px;
	width:260px;
	height:52px;
}

.dialogFace{
	position: absolute;
	left: 23px; 
	top: 447px;  
	width:130px;
	height:130px;
}


.dialogPosi {
	position: absolute; 
	width:800px;
	height:600px;
	left: 0px; 
	top: 0px; 
}

.dialog_text_posi{
	position: absolute; 
	width:635px;
	left: 170px;
	top: 440px;
	background-color:transparent;
	border:0;
	font-size: 1.4em;
	line-height:1.5em;
	color: #fff;
	text-align:left;
}

.link_text a{
	position: absolute;
	width:800px;
	color:#fff;
	top:380px;
	text-align:center;
	font-size:120%;
	text-decoration: none;
}


.place {
	position: absolute; 
	left:	531px;
	top:	15px;
}
.place_shop {
	position: absolute; 
	left:	400px;
	top:	15px;
}

.back {
	position: absolute; 
	left:	0px;
	top:	15px;
}

.time {
	position: absolute; 
	left:	0px;
	top:	15px;
	font-size: 1.2em;
	line-height:1.6em;
	color: #fff;
}


.under_bar {
	position: absolute; 
	left:	292px;
	top:	530px;
}

.under_bar_shop {
	position: absolute; 
	left:	25px;
	top:	530px;
}
#coin_shop{
	position: absolute;
	margin:0;
	padding:0;
	left:	130px;
	top:	547px;
	color:#fff;
	font-size:180%;
}

#coin{
	position: absolute;
	margin:0;
	padding:0;
//	left:	410px;
//	top:	545px;
	left:	130px;
	top:	547px;
	color:#fff;
	font-size:180%;
}

#ticket{
	position: absolute;
	margin:0;
	padding:0;
	left:	657px;
	top:	545px;
	color:#fff;
	font-size:180%;
}

.head_bar {
	position: absolute; 
	left:	292px;
	top:	15px;
}

.head_coin{
	position: absolute;
	margin:0;
	padding:0;
	left:	410px;
	top:	30px;
	color:#fff;
	font-size:180%;
}

.head_ticket{
	position: absolute;
	margin:0;
	padding:0;
	left:	657px;
	top:	30px;
	color:#fff;
	font-size:180%;
}

.event_bn_now {
	position: absolute; 
	left:	0px;
	top:	93px;
}

.event_bn_big {
	position: absolute; 
	left:	30px;
	top:	190px;
}

.event_bn_big2 {
	position: absolute; 
	width: 240px;
	left:	30px;
	top:	350px;
}

.chara_fitting {
	position: absolute; 
	left:	-120px;
	top:	0px;
}
.chara_center {
	position: absolute; 
	left:	0px;
	top:	0px;
}

.enjoy {
	position: absolute; 
	left:	435px;
	top:	0px;
}


#kakunin_txt {
	position: absolute; 
	left:	420px;
	top:	105px;
	height: 380px;
	width: 360px;
//	border:1px solid blue;
	color:#fff;
	font-size:120%;
}
/*
.kakunin_txt2 {
	position: absolute; 
	left:	420px;
	top:	350px;
	height: 380px;
	width: 360px;
}

.kakunin_img {
	position: absolute; 
	left:	530px;
	top:	150px;
}
*/
#detail_txt {
	position: absolute; 
	left:	430px;
	top:	410px;
	height: 90px;
	width: 360px;
	color:#fff;
	font-size:120%;
}

/*
. {
	position: absolute; 
	width:	px;
	height:	px;
	left:	px;
	top:	px;
}

*/



.select01{
	position: absolute; 
	width:578px;
	height:64px;
	left: 111px; 
	top: 95px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:150%;
	color:#ffffff;
//	border:1px solid blue;
	line-height:2.5em;
}

.select02{
	position: absolute; 
	width:578px;
	height:64px;
	left: 111px; 
	top: 195px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:150%;
	color:#ffffff;
	line-height:2.5em;
}

.select03{
	position: absolute; 
	width:578px;
	height:64px;
	left: 111px; 
	top: 290px;
	margin:0;
	padding:0;
	text-align:center;
	font-size:150%;
	color:#ffffff;
	line-height:2.5em;
}
.time{
	position: absolute; 
	left: 60px; 
	top: 10px;
	font-size:160%;
	color:#ffffff;
	line-height:2.5em;
}

.next_icon2{
	position: absolute;
	left: 690px; 
	top: 135px;  
	width:29px;
	height:21px;
	 -webkit-animation: switchtext 0.5s 4 alternate;
	 -moz-animation: switchtext 0.5s 4 alternate;
	 animation: blink 0.5s 4 alternate;
}

.next_icon{
	position: absolute;
	left: 750px; 
	top: 560px;  
	width:29px;
	height:21px;
	 -webkit-animation: switchtext 0.5s 4 alternate;
	 -moz-animation: switchtext 0.5s 4 alternate;
	 animation: blink 0.5s 4 alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}

@keyframes blink {
 from { opacity: 1.0; }
 to { opacity: 0; }
}

.blink_2{
	 -webkit-animation: switchtext 0.5s 4 alternate;
	 -moz-animation: switchtext 0.5s 4 alternate;
	 animation: blink 0.5s 4 alternate;
}
@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes blink {
 from { opacity: 1.0; }
 to { opacity: 0; }
}