@charset "UTF-8";
/* CSS Document */

*{
	margin:0;
	padding:0;
}

body{
	background: #ffffff;
	color: #ffffff;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: center;
}

#container{
	background: #b0dfff;
	background: linear-gradient(linear, left top, left bottom, from(#000000), to(#f0f9ff));
	background: linear-gradient(top, #000000, #f0f9ff);
	position: relative;
	margin: 0 auto;
}

.snow01{
	background: url(../images/snow01.png) repeat 50% 0;
	position: relative;
	width: 100%;
	height: 700px;
	animation: snow 20s linear infinite;
}

.snow02{
	background: url(../images/snow02.png) repeat 50% 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 700px;
	animation: snow 18s linear infinite;
}

.snow03{
	background: url(../images/snow03.png) repeat 50% 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 700px;
	animation: snow 15s linear infinite;
}


@-webkit-keyframes snow {
	0% {	background-position: 50% -316px;}
	100% {	background-position: 50% 0;}
}
@keyframes snow {
	0% {	background-position: 50% -316px;}
	100% {	background-position: 50% 0;}
}

@-webkit-keyframes item {
	0% {	transform: translate(0, -700px);}
	100% {	transform: translate(0, 0);}
}
@keyframes item {
	0% {	transform: translate(0, -700px);}
	100% {	transform: translate(0, 0);}
}