#wrap-opening {
	position: absolute;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	overflow-x: hidden;
}

#open-sky {
	position: absolute;
	left: 0px; bottom: 400px;
	width: 100%; height: 1000px;
	background: url(../_img/opening/open-sky.jpg) repeat;
}

#open-ground {
	position: absolute;
	left: 0px; bottom: 160px;
	width: 100%; height: 238px;
	background-image: url(../_img/opening/open-ground.png);
}

#open-building-back {
	position: absolute;
	bottom: 350px;
	width: 100%;
	height: 300px;
	background: url(../_img/opening/open-building-back.png);
}

#open-building {
	position: absolute;
	bottom: 340px;
	width: 100%;
	height: 286px;
	background-image: url(../_img/opening/open-building.png);
}

#open-grass {
	position: absolute;
	left: 0px; bottom: 0px;
	width: 100%; height: 191px;
	background-image: url(../_img/opening/open-grass.png);
}

#open-sun {
	position: absolute;
	right: -5px; top: 87px;
	width: 166px; height: 168px;
	background-image: url(../_img/opening/sun.png);
	transform: rotate(10deg);
}

#open-cloud {
	position: absolute;
	left: 0px; top: 62px;
	width: 100%; height: 320px;
	background-repeat: repeat-x; background-image: url(../_img/opening/open-cloud.png);
}

#title-0 {
	position: absolute;
	left: -50%; top: 120px; margin-left: -122px;
	width: 244px; height: 103px;
	background: url(../_img/opening/title.png) no-repeat -137px 0px;
}

#title-1 {
	position: absolute;
	left: -50%; top: 230px; margin-left: -257px;
	width: 514px; height: 104px;
	background: url(../_img/opening/title.png) no-repeat 0px -107px;
}

#subtitle {
	position: absolute; margin: auto; opacity: 0;
	left: 0; right: 0; top: 227px;
	width: 408px; height: 48px;
	background-image: url(../_img/opening/subtitle.png);
}

.open-btn {
	position: absolute;
	left: 50%; top: 62px;
	width: 199px; height: 83px;
	background-repeat: no-repeat;
}

.open-btn:before {
	display: inline-block; content: '';
	width: 199px; height: 83px;
	background-position: 0px -83px; opacity: 0;
}

#open-btn-0 {
	margin-left: -235px;
	background-image: url(../_img/opening/open-btn-0.png);
	-webkit-animation: btn-transform 1s infinite;
	-o-animation: btn-transform 1s infinite;
	animation: btn-transform 1s infinite;
}

#open-btn-1 {
	margin-left: 39px;
	background-image: url(../_img/opening/open-btn-1.png);
	-webkit-animation: btn-transform 1s 0.5s infinite;
	-o-animation: btn-transform 1s 0.5s infinite;
	animation: btn-transform 1s 0.5s infinite;
}

#open-btn-0:before {
	background-image: url(../_img/opening/open-btn-0.png); 
	-webkit-animation: btn-after-transfrom 1s infinite;
	-o-animation: btn-after-transfrom 1s infinite;
	animation: btn-after-transfrom 1s infinite;
}
#open-btn-1:before {
	background-image: url(../_img/opening/open-btn-1.png); 
	-webkit-animation: btn-after-transfrom 1s 0.5s infinite;
	-o-animation: btn-after-transfrom 1s 0.5s infinite;
	animation: btn-after-transfrom 1s 0.5s infinite;
}

#boy {background-image: url(../_img/global/boys/boy-00.png); }

.btn-top {opacity: 0; visibility: hidden; }