@-webkit-keyframes title {
	0% {
		-webkit-transform: translateY(-5%);
		transform: translateY(-5%);
		opacity:0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity:1;
	}
}
@keyframes title {
	0% {
		-webkit-transform: translateY(-5%);
		transform: translateY(-5%);
		opacity:0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity:1;
	}
}
#top_title div{
	-webkit-animation-name: title;
	-webkit-animation-fill-mode:backwards;
	-webkit-animation-delay: 0.5s;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	animation-name: title;
	animation-fill-mode:backwards;
	animation-delay: 0.5s;
	animation-duration: 1s;
	animation-iteration-count: 1;
}


@-webkit-keyframes topimg {
	0% {
		-webkit-transform: translateX(-5%);
		transform: translateX(-5%);
		opacity:0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity:1;
	}
}
@keyframes topimg {
	0% {
		-webkit-transform: translateX(-5%);
		transform: translateX(-5%);
		opacity:0;
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity:1;
	}
}
#top_image{
	-webkit-animation-name: topimg;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 1s;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	animation-name: topimg;
	animation-fill-mode: backwards;
	animation-delay: 1s;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
}

@-webkit-keyframes topphoto {
	0% {
		-webkit-transform: translateY(-5%);
		transform: translateY(-5%);
		opacity:0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity:1;
	}
}
@keyframes topphoto {
	0% {
		-webkit-transform: translateY(-5%);
		transform: translateY(-5%);
		opacity:0;
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity:1;
	}
}
#top_photo01,  #top_photo02{
	-webkit-animation-name: topphoto;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-delay: 1.5s;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: 1;
	animation-name: topphoto;
	animation-fill-mode: backwards;
	animation-delay: 1.5s;
	animation-duration: 1.5s;
	animation-iteration-count: 1;
}
