#wrap{
	width:100%;
	height:600px;
	margin:30px 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:800px;
	height:800px;
	background:url("file:///Users/ts/Downloads/web%E5%88%B6%E4%BD%9C/minoshima/img/clouds.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;}
}