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

/* 初期設定
----------------------------------------------------------------------*/
html, body {
	height: 100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1, h2 {
	color: #999;
}
h1 {
	font-size: 16px;
}
h2 {
	font-size: medium;
}	

p {
	color: #666;
	line-height: 1.0;
	font-size: 12px;
}

a:link, a:visited{
	color: #F93;
}

a:hover {
	color: #69F;
}


#main {
	margin: 350px auto;
	text-align: center;
}
img {
	margin-top: auto;
	-webkit-animation: toprogo 10s 1;
}
img:hover {
	-webkit-animation-name: toprogo;
	-webkit-animation-duration: 20s;
}
@-webkit-keyframes toprogo {
	0% {
		-webkit-transform: scale(1.0);
	}
	20% {
		opacity: 0.6;
		-webkit-transform: translateX(500px) scale(0.2);
	}
	21% {
		opacity: 0.5;
		-webkit-transform: translateX(500px) rotate(-90deg) scale(0.2);
	}
	23% {
		opacity: 0.5;
		-webkit-transform: translate(500px, -500px) rotate(-90deg) scale(0.2);
	}
	24% {
		-webkit-transform: translate(0px, -500px);
	}
	100% {
		-webkit-transform: scale(1.0);
	}