@charset "utf-8";

/*CSSスライドショー設定
---------------------------------------------------------------------------*/
/*１枚目*/
@keyframes slide1 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	30% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}
}
/*２枚目*/
@keyframes slide2 {
	0% {opacity: 0;}
	30% {opacity: 0;}
	40% {opacity: 1;}
	60% {opacity: 1;}
	70% {opacity: 0;}
	100% {opacity: 0;}
}
/*３枚目*/
@keyframes slide3 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	90% {opacity: 1;}
	100% {opacity: 0;}
}

/*３枚画像の共通設定*/
#slide1,#slide2,#slide3 {
	/*-webkit-animation-duration: 15s;	
	animation-duration: 15s;			
	-webkit-animation-iteration-count:infinite;	
	animation-iteration-count:infinite;			*/
	vertical-align: bottom;
}

/*１枚目*/
#slide1 {
	-webkit-animation-name: slide1;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide1;				/*同上*/
	position: relative;
	width: 100%;
	height: auto;
/*	padding: 0 10%;
*/	 
/*    height: 410px;
*/   /* padding: 10px*/;
    background: #ddd;
    margin: 0 auto;

}

/*２枚目*/
#slide2 {
	-webkit-animation-name: slide2;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide2;				/*同上*/
		position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height: auto;
/*	padding: 0 10%;
*/	    width: 1180px;
/*    height: 410px;
*/    padding: 10px;
    background: #ddd;
    margin: 0 auto;

}
/*３枚目*/
#slide3 {
	-webkit-animation-name: slide3;		/*上で設定しているキーフレーム（keyframes）の名前*/
	animation-name: slide3;				/*同上*/
	position: absolute;
	left:0px;
	top:0px;
	width:100%;
	height: auto;
/*	padding: 0 10%;
*/	    width: 1180px;
/*    height: 410px;
*/    padding: 10px;
    background: #ddd;
    margin: 0 auto;

}