@charset "UTF-8";

/**********************************
         * modal window *
**********************************/

.modal_mask {
	/*position: absolute;*/
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	background-color: rgba(255,255,255,0.9);
	z-index: 9000;
}

.modal_wrap {
	position: absolute;
	left: 50%;
	top: 0;
	width: 50%;
	height: 100%;
	/*background-color: rgba(255,0,0,0.1);*/
	z-index: 9001;
}

.modal_base {
	position: absolute;
	
	/*max-width: 800px;*/
	
	padding: 20px 20px;
	margin: 0 0 40px;
	
	background-color: #FFF;
	border: 1px solid #DDD;
	
	/* border-radius */
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	
	/* box-shadow */
	box-shadow:rgba(204, 204, 204, 0.2) 0px 0px 1px 2px;
	-webkit-box-shadow:rgba(204, 204, 204, 0.2) 0px 0px 1px 2px;
	-moz-box-shadow:rgba(204, 204, 204, 0.2) 0px 0px 1px 2px;
	
	z-index: 9002;
}

/*
.modal_base iframe {
	background-image: url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
*/
.modal_base .iframe_wrap {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.modal_base .iframe_wrap iframe {
	background-image: url(../../images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

/*
.modal_base .head_bar {
	position: absolute;
	left: 0;
	top: 0;
	width: 30%;
	height: 3px;
	background-color: #0039a6;
}
*/

.modal_close_base {
	position: absolute;
	right: 0;
	top: 0;
	width: 200%;
	height: 100%;
	/*background-color: rgba(0,0,255,0.1);*/
}

.modal_close_button {
	position: absolute;
	right: 0;
	top: -50px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	/*background-color: rgba(0,0,255,0.1);*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../../images/btn_close.png);
}