@charset "shift_jis";

/* 画面拡大ウインドウ */
.zoom_close_overlay {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -9999px;
	position: absolute;
	background: #000000;
	opacity: 0.3;
	z-index: 5;
}

.zoom_window {
	top: 5%;
	left: 0px;
	width: 100%;
	height: 80%;
	display: block;
	background: #404040;
	position: absolute;
	
	box-shadow:0px 0px 30px;
	border:1px solid #00000;
	
	z-index: 11;
}

#zoom01,#zoom02, #zoom03, #zoom04, #zoom05, #zoom06, #zoom07, #zoom08, #zoom09 {
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
}

.zoom_close {
	top: 92%;
	left: 50%;
	margin: -27px 0px 0px -67px;
	width: 134px;
	height: 54px;
	display: block;
	border-radius: 14px;
	background: url('./images/zoom_close_normal.png') 0px 0px #ffffff;
	position: absolute;
	text-decoration:none;
	z-index: 12;
}

.zoom_close:link {text-decoration:none;}
.zoom_close:visited {text-decoration:none;}
.zoom_close:active {text-decoration:none;}
.zoom_close:hover {text-decoration:none;}


	/* CSS3 ModalWindow SET
	-------------------------- */
	@-webkit-keyframes zoomFadeIn {
		0% {opacity:0;display:block;}
		100% {opacity:1;}
	}

	div#zoom div:target {
		-webkit-animation-name: zoomFadeIn; 
		-webkit-animation-duration: 1s;
		-webkit-animation-iteration-count: 1;
		opacity: 1;
		display:block;
	}