.hjax-hidden {
	visibility: hidden!important;
}

.hjax-none {
	display: none!important;
}

.hjax-absolute {
	position: absolute;
	top: 0;
	left: 0;
}

#contents {
    width: 320px;
    height: 480px;
}

.spinner-bg {
	width: 130px;
	height: 130px;
	position: absolute;
	/*position: fixed;*/
	left: 95px;
	top: 175px;
	background-image: url("../i/common/loarding_back.png");
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: 130px 130px;
	z-index: 1001;
}

.spinner {
	width: 20px;
	height: 20px;
	/*position: absolute;*/
	position: fixed;
	left: 291px;
	top: 9px;
	background-image: url("../i/common/loarding.gif");
	background-repeat: no-repeat;
	background-position: right top;
	-webkit-background-size: 20px 20px;
	z-index: 1002;
}

/* popup-dialog */
.popup-dialog {
	position:absolute;
	/*position: fixed;*/
	top:0;
	left:0;
	width:320px;
	height:480px;
	margin: 0;
	padding: 0;
	z-index:1000;
	font-family: NormalFont;
	overflow: hidden;
}

.popup-dialog-underlay, .popup-dialog-overlay {
	background-color: #282828;
	opacity: 0.95;
	top:0;
	left:0;
	width:100%;
	height:5000px;
	z-index:1000;
	position:absolute;
	position: fixed;
}

.popup-dialog-overlay {
	opacity: 0.0;
	z-index:2000;
}

.popup-dialog-box {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	background:#eee;
	width:90%;
	z-index:1001;
	position:absolute;
	/*position: fixed;*/
}

.popup-dialog-content {
	text-align:left;
	margin:13px; padding:10px;
	color:#666;
	/*font-family:arial;*/
	font-size:11px;
}

.popup-dialog-btn-cancel {
	margin:0px 35px 20px; padding: 5px 10px 6px;
	text-align:center;
	display: block;
	width:50px;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	background-color: #e33100;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	float: left;
}

.popup-dialog-btn-ok {
	margin:0px 35px 20px; padding: 5px 10px 6px;
	text-align:center;
	display: block;
	width:50px;
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 1;
	background-color: #e33100;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	float: right;
}

.popup-dialog-btn-cancel:hover {
	background-color: #c33100;
}
.popup-dialog-btn-ok:hover {
	background-color: #c33100;
}

/* popup-character */
.popup-character {
	/*position:absolute;*/
	position: fixed;
	top:0;
	left:0;
	width:320px;
	height:480px;
	margin: 0;
	padding: 0;
	z-index:10000;   /* TODO */
	font-family: NormalFont;
}

/* overlay for tutorial */
.clipped-overlay,
.simple-overlay {
    background-color: rgba(0, 0, 0, 0.7);
}

.clipped-overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    z-index: 302; /* was 950 */
}


/* Animation */
@-webkit-keyframes pulse-keyframe {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0.6;
    }
}

.blinking-anim {
    -webkit-animation-name: pulse-keyframe;
    -webkit-animation-duration: 0.6s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
}