@charset "utf-8";


/*CSSスライドショー設定
---------------------------------------------------------------------------*/
#mainimg {
	clear: left;
	top: 50px;
	width: 100%;
	height: auto;
}

.fadeslide {
	position: relative;
	width: 900px;
	height: 400px;
	overflow: hidden;
	z-index: 0;
}

.fadeslide div {
	position: absolute;
	top: 0;
	left: 0;
}

.fadeslide div:nth-of-type(1) {
	animation: fadeslide 50s 0s infinite both;
	z-index: 8;
}

.fadeslide div:nth-of-type(2) {
	animation: fadeslide 50s 5s infinite both;
	z-index: 7;
}

.fadeslide div:nth-of-type(3) {
	animation: fadeslide 50s 10s infinite both;
	z-index: 6;
}

.fadeslide div:nth-of-type(4) {
	animation: fadeslide 50s 15s infinite both;
	z-index: 5;
}

.fadeslide div:nth-of-type(5) {
	animation: fadeslide 50s 20s infinite both;
	z-index: 4;
}

.fadeslide div:nth-of-type(6) {
	animation: fadeslide 50s 25s infinite both;
	z-index: 3;
}

.fadeslide div:nth-of-type(7) {
      animation: fadeslide 50s 30s infinite both;
      z-index:2;
}

.fadeslide div:nth-of-type(8) {
      animation: fadeslide 50s 35s infinite both;
      z-index:1;
}

.fadeslide div:nth-of-type(9) {
      animation: fadeslide 50s 40s infinite both;
      z-index:0;
}

@keyframes fadeslide {
	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; }
}