@charset "utf-8";

/*空グラデーション
-------------------------------------------*/
#sky {
width:1140px;
	height:300px;
	margin:0px auto 0;
	background-image:-o-linear-gradient(bottom, #4DB6EB 0%, #99D8DE 100%);
	background-image:-moz-linear-gradient(bottom, #4DB6EB 0%, #99D8DE 100%);
	background-image:-webkit-linear-gradient(bottom, #4DB6EB 0%, #99D8DE 100%);
	background-image:-ms-linear-gradient(bottom, #4DB6EB 0%, #99D8DE 100%);
	background-image:linear-gradient(to bottom, #4DB6EB 0%, #99D8DE 100%);
}

/*雲
-------------------------------------------*/
#cloud {
width:1140px;
	height:300px;
	background:url(../img/sky.png);
	animation: cloudmove 20s linear infinite;
	-webkit-animation: cloudmove 20s linear infinite;
	-moz-animation: cloudmove 20s linear infinite;
}

@keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 5px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 5px;}
	100% {background-position: 800px 0;}
}
@-webkit-keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 5px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 5px;}
	100% {background-position: 800px 0;}
}
@-moz-keyframes cloudmove {
	0% {background-position: 0 0;}
	25% {background-position: 200px 5px;}
	50% {background-position: 400px 0;}
	75% {background-position: 600px 5px;}
	100% {background-position: 800px 0;}
}