
img.TitleImage{
	display:block;
	margin-top:10%;
	margin-left:auto;
	margin-right:auto;

	-webkit-animation-name:anime;
	-webkit-animation-duration:3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay:0; 
	-webkit-animation-iteration-count: 1; 
	-webkit-animation-direction:alternate; 

	-moz-animation-name:anime;
	-moz-animation-duration:3s;
	-moz-animation-timing-function:ease;
	-moz-animation-delay:0; 
	-moz-animation-iteration-count: 1; 
	-moz-animation-direction:alternate; 

	animation-name:anime;
	animation-duration:3s;
	animation-timing-function:ease;
	animation-delay:0; 
	animation-iteration-count: 1; 
	animation-direction:alternate; 
}

p.TitleComment{
	text-align:center;
	color:white;
	font-size:64px;
	font-family:"Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	margin-left:auto;
	margin-right:auto;

	-webkit-animation-name:anime;
	-webkit-animation-duration:3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay:2s; 
	-webkit-animation-iteration-count: 1; 
	-webkit-animation-direction:normal; 
	-webkit-animation-fill-mode:forwards;

	-moz-animation-name:anime;
	-moz-animation-duration:3s;
	-moz-animation-timing-function:ease;
	-moz-animation-delay:2s; 
	-moz-animation-iteration-count: 1; 
	-moz-animation-direction:normal; 
	-moz-animation-fill-mode:forwards;

	animation-name:anime;
	animation-duration:3s;
	animation-timing-function:ease;
	animation-delay:2s; 
	animation-iteration-count: 1; 
	animation-direction:normal; 
	animation-fill-mode:forwards;
	opacity:0;
}

p.TitleComment2{
	text-align:center;
	color:white;
	font-size:24px;
	font-family:"Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝", serif;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:16px;

	-webkit-animation-name:anime;
	-webkit-animation-duration:3s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay:4s; 
	-webkit-animation-iteration-count: 1; 
	-webkit-animation-direction:normal; 
	-webkit-animation-fill-mode:forwards;

	-moz-animation-name:anime;
	-moz-animation-duration:3s;
	-moz-animation-timing-function:ease;
	-moz-animation-delay:4s; 
	-moz-animation-iteration-count: 1; 
	-moz-animation-direction:normal; 
	-moz-animation-fill-mode:forwards;

	animation-name:anime;
	animation-duration:3s;
	animation-timing-function:ease;
	animation-delay:4s; 
	animation-iteration-count: 1; 
	animation-direction:normal; 
	animation-fill-mode:forwards;
	opacity:0;
}

body{

	-webkit-animation-name:anime-out;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:ease;
	-webkit-animation-delay:8s; 
	-webkit-animation-iteration-count: 1; 
	-webkit-animation-direction:normal; 
	-webkit-animation-fill-mode:forwards;

	-moz-animation-name:anime-out;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:ease;
	-moz-animation-delay:8s; 
	-moz-animation-iteration-count: 1; 
	-moz-animation-direction:normal; 
	-moz-animation-fill-mode:forwards;

	animation-name:anime-out;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay:8s; 
	animation-iteration-count: 1; 
	animation-direction:normal; 
	animation-fill-mode:forwards;
}


.slideImg{
	animation-name:anime;
	animation-duration:1s;
	animation-timing-function:ease;
	animation-delay:0; 
	animation-iteration-count: 1; 
	animation-direction:alternate; 
}


@keyframes anime {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-webkit-keyframes anime {
	0% { opacity:0; }
	100% { opacity:1; }
}

@-moz-keyframes anime {
	0% { opacity:0; }
	100% { opacity:1; }
}




@keyframes anime-out {
	0% { opacity:1; }
	100% { opacity:0; }
}

@-webkit-keyframes anime-out {
	0% { opacity:1; }
	100% { opacity:0; }
}


@-moz-keyframes anime-out {
	0% { opacity:1; }
	100% { opacity:0; }
}


