@charset "utf-8";

/* slideshow */
#stage {
	position: relative;
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.pic img {
	position:absolute;
	width: 100%;
	top:0;
	left:100%;
	-moz-animation: imgTrans 16s infinite;
	-webkit-animation: imgTrans 16s infinite;
	animation: imgTrans 16s infinite;
	border-radius: 15px;	/*角丸のサイズ*/
}
#photo1 img {
	-moz-animation-delay: 0s;
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
#photo2 img {
	-moz-animation-delay: 4s;
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}
#photo3 img {
	-moz-animation-delay: 8s;
	-webkit-animation-delay: 8s;
	animation-delay: 8s;
}
#photo4 img {
	-moz-animation-delay: 12s;
	-webkit-animation-delay: 12s;
	animation-delay: 12s;
}

@-webkit-keyframes imgTrans {
 0% { left:0%; opacity:0;}
 5% { left:0%;opacity:1; }
 20% { left:0%; opacity:1;}
 25% { left:0%;opacity:0; }
 26% { left:100%;opacity:0; }
 100% { left:100%; opacity:0;}
}
@-moz-keyframes imgTrans {
 0% { left:0%; opacity:0;}
 5% { left:0%;opacity:1; }
 20% { left:0%; opacity:1;}
 25% { left:0%;opacity:0; }
 26% { left:100%;opacity:0; }
 100% { left:100%; opacity:0;}
}

@keyframes imgTrans {
 0% { left:0%; opacity:0;}
 5% { left:0%;opacity:1; }
 20% { left:0%; opacity:1;}
 25% { left:0%;opacity:0; }
 26% { opacity:0;left:100%; }
 99.99% { opacity:0;left:100%; }
 100% { opacity:0;left:0%; }
}
/*CSSスライドショー設定
---------------------------------------------------------------------------*/