@charset "shift_jis";
/* CSS Document */

div.modal {
	position: relative;
	display:none;
	z-index:9999;
}
div.modal .pr_box {
	width:500px;
	height:auto;
	margin:auto;
	box-shadow:0px 0px 12px rgba(0,0,0,0.4);
	padding:40px;
	background:#FFFFFF;
}
.pr_box img:hover {
	filter: alpha(opacity=50);
	-webkit-opacity:0.50;
	-moz-opacity:0.50;
	-ms-opacity:0.50;
	-o-opacity:0.50;
	opacity:0.50;
}
.close_modal{
	display: block;
	width: 180px;
	line-height:50px;
	display: inline-table;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #018ad1;
	background: #018ad1;
	*display: inline;
	*zoom: 1;
}
.close_modal:hover {
	text-decoration: none;
	display: inline-table;
	color: #018ad1;
	border: 2px solid #018ad1;
	background: #fff;
}
.close_modal_no{
	display: block;
	width: 180px;
	line-height:50px;
	display: inline-table;
	-webkit-transition: all 200ms linear;
	-moz-transition: all 200ms linear;
	-o-transition: all 200ms linear;
	transition: all 200ms linear;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	transition: all 300ms linear;
	color: #fff;
	border: 2px solid #60cfff;
	background: #60cfff;
	*display: inline;
	*zoom: 1;
}
.close_modal_no:hover {
	text-decoration: none;
	display: inline-table;
	color: #018ad1;
	border: 2px solid #60cfff;
	background: #fff;
}

/*Custom
----------------------------------*/
div.modal {
    position: absolute;
	margin: auto;
	top: 20%;
	left: 0;
	right: 0;
}

div.modal .pr_box {
	width: 50%;
	padding: 5%;
}


.disclaimer_bt p {
    text-align: center;
}

.close_modal {
	margin: 0 0 10px 0;
	border: 2px solid #002364;
	background: #002364;
}

.close_modal:hover {
	color: #002364;
	border: 2px solid #002364;
}

.close_modal_no {
	margin: 0 0 10px 0;
    color: #002364;
	border: 2px solid #002364;
	background: #fff;
}

.close_modal_no:hover {
	color: #fff;
	border: 2px solid #002364;
	background: #002364;
}

@media only screen and (max-width: 959px) {
	div.modal .pr_box {
		width: 90%;
		padding: 5%;
	}
}