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

.clearLeft{ clear:left}
.floatLeft{ float: left}

#box{
	background-image: url("../element/background.png");
	background-repeat:no-repeat;
	background-position: top center;
	width:1200px;
	height:630px;
	overflow:hidden;
	margin:auto;
}	

#mountain01{
	width: 740px;
	height: 240px;
	background-image: url("../element/mountain01.png");
	position:relative;
	top:120px;
	left:50px;
	-webkit-animation-delay: 0.2s
}	

#bubbha{
	width: 140px;
	height: 169px;
	background-image: url("../element/bubbha.png");
	position:relative;
	top:220px;
	left:-550px;
	-webkit-animation-delay: 1.3s
}

#mountain03{
	width: 468px;
	height: 214px;
	background-image: url("../element/mountain03.png");
	position:relative;
	top:140px;
	left:650px;
	-webkit-animation-delay: 0.5s
}

#bubble{
	width: 160px;
	height: 152px;
	background-image: url("../element/bubble.png");
	position:relative;
	top:-80px;
	left:0px;
	-webkit-animation-delay: 3.0s
}

#bubbletc{
	width: 160px;
	height: 152px;
	background-image: url("../element/bubbletc.png");
	position:relative;
	top:-80px;
	left:0px;
	-webkit-animation-delay: 3.0s
}

#bubblesc{
	width: 160px;
	height: 152px;
	background-image: url("../element/bubblesc.png");
	position:relative;
	top:-80px;
	left:0px;
	-webkit-animation-delay: 3.0s
}


#mountain02{
	width: 350px;
	height: 172px;
	background-image: url("../element/mountain02.png");
	position:relative;
	top:40px;
	left:0px;
	-webkit-animation-delay: 0.8s
}

#webname{
	width: 303px;
	height: 221px;
	background-image: url("../element/webname.png");
	position:relative;
	top:0px;
	left:100px;
	-webkit-animation-delay: 2.5s;
	-webkit-animation-duration: 4s;
}

#mountain04{
	width: 446px;
	height: 225px;
	background-image: url("../element/mountain04.png");
	position:relative;
	top:20px;
	left:100px;
	-webkit-animation-delay: 1.0s
}

#egg{
	width: 149px;
	height: 126px;
	background-image: url("../element/egg.png");
	position:relative;
	top:-50px;
	left:150px;
	-webkit-animation-delay: 2.2s
}

#building03{
	width: 142px;
	height: 267px;
	background-image: url("../element/building03.png");
	position:relative;
	top:-230px;
	left:160px;
	-webkit-animation-delay: 1.8s
}

#building01{
	width: 204px;
	height: 100px;
	background-image: url("../element/building01.png");
	position:relative;
	top:-30px;
	left:190px;
	-webkit-animation-delay: 2.0s
}

#tower01{
	width: 43px;
	height: 271px;
	background-image: url("../element/tower01.png");
	position:relative;
	top:-220px;
	left:240px;
	-webkit-animation-delay: 2.4s
}

#tower02{
	width: 57px;
	height: 341px;
	background-image: url("../element/tower02.png");
	position:relative;
	top:-300px;
	left:240px;
	-webkit-animation-delay: 2.3s
}

#wheel{
	width: 223px;
	height: 216px;
	background-image: url("../element/wheel.png");
	position:relative;
	top:-180px;
	left:300px;
	-webkit-animation-delay: 3.0s
}

#building02{
	width: 155px;
	height: 291px;
	background-image: url("../element/building02.png");
	position:relative;
	top:-210px;
	left:-35px;
	-webkit-animation-delay: 2.1s
}

/*#car01{
	width: 477px;
	height: 159px;
	background-image: url("../element/car01.png");
	position:absolute;
	top:500px;
	left:500px;
	-webkit-animation-delay: 0.2s;
	-webkit-animation-duration: 2s;
}*/