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

/* ContentsArea
-------------------------- */
#modal{
}

#open01 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
	z-index: 5;
}

.close_overlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    text-indent: -9999px;
    position: absolute;
    background: #000;
    opacity: 0.7;
    z-index: 6;
}

.modal_window {
    top: 10%;
	margin:0 10px;
	padding:20px;
    display: block;
    background: #fff;
    position: absolute;
    z-index: 10;
}
@media screen and(min-width:640px){
	.modal_window {
		top: 30%;
		margin:0 50px;
	}
}

.modal_window .update_link{
	border:1px solid #DDD;
}
.modal_window h2{
	margin-top:0;
}

/* CSS3 ModalWindow SET
-------------------------- */
@-webkit-keyframes modalFadeIn {
    0% {opacity:0;display:block;}
    100% {opacity:1;}
}
 
div#modal div:target {
    -webkit-animation-name: modalFadeIn; 
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    opacity: 1;
    display:block;
	position:fixed; width:100%; height:100%;
}