@charset 'UTF-8';

* {
	margin:0;padding:0;
}
html {
	font-size:16px;
	font-family:"YuGothic","游ゴシック","Meiryo","メイリオ","MS Gothic","MS ゴシック","monospace";
	color:black;
	width:100%;
	height:100%;
	min-height:100%;
}
body {
	width:100%;
	height:100%;
	background-color:white;
	background-image:url('./img/header/bg.jpg');
	background-position:center top;
	background-repeat:no-repeat;
 	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-attachment:fixed;
}
html,body {
	border:none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
@media screen and (max-width: 720px) {
	html,body {
		width:1000px;
	}
}

a { font-weight:bold; }
a:link { color:black; }
a:active { color:black; }
a:visited { color:dimgray; }
a:hover { color:black; }

/* アイコンメニュー */
div#menu-icon {
	width:1000px;
	height:128px;
	background-image:url('./img/header/menu-bg.png');
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
div#menu-icon>a {
	display:inline-block;
	width:110px;
	height:96px;
	overflow:hidden;
	position:absolute;
	top:10px;
	-webkit-animation-name:anime_menu-button;
	animation-name:anime_menu-button;
	-webkit-animation-duration:0.6s;
	animation-duration:0.6s;
	-webkit-animation-timing-function:linear;
	animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	-webkit-animation-direction:alternate;
	animation-direction:alternate;
}
div#menu-icon>a>img {margin-top:0px;}
div#menu-icon>a>img:hover {margin-top:-120px;}
div#menu-icon>a:nth-child(1) {
	left:19px;
	-webkit-animation-delay:-3.0s;
	animation-delay:-3.0s;
}
div#menu-icon>a:nth-child(1)>img {margin-left:0px;}
div#menu-icon>a:nth-child(2) {
	left:161px;
	-webkit-animation-delay:-2.5s;
	animation-delay:-2.5s;
}
div#menu-icon>a:nth-child(2)>img {margin-left:-120px;}
div#menu-icon>a:nth-child(3) {
	left:303px;
	-webkit-animation-delay:-2.0s;
	animation-delay:-2.0s;
}
div#menu-icon>a:nth-child(3)>img {margin-left:-240px;}
div#menu-icon>a:nth-child(4) {
	left:445px;
	-webkit-animation-delay:-1.5s;
	animation-delay:-1.5s;
}
div#menu-icon>a:nth-child(4)>img {margin-left:-360px;}
div#menu-icon>a:nth-child(5) {
	left:587px;
	-webkit-animation-delay:-1.0s;
	animation-delay:-1.0s;
}
div#menu-icon>a:nth-child(5)>img {margin-left:-480px;}
div#menu-icon>a:nth-child(6) {
	left:729px;
	-webkit-animation-delay:-0.5s;
	animation-delay:-0.5s;
}
div#menu-icon>a:nth-child(6)>img {margin-left:-600px;}
div#menu-icon>a:nth-child(7) {
	left:871px;
	-webkit-animation-delay:0.0s;
	animation-delay:0.0s;
}
div#menu-icon>a:nth-child(7)>img {margin-left:-720px;}
@-webkit-keyframes anime_menu-button {
	0% {-webkit-transform:translateY(0px);}
	100% {-webkit-transform:translateY(12px);}
}
@keyframes anime_menu-button {
	0% {transform:translateY(0px);}
	100% {transform:translateY(12px);}
}

/* 文字メニュー */
div#menu-text {
	width:1000px;
	/* height:53px; */
	height:63px;
	margin-top:30px;
	background-image:url('./img/footer/menu-bg.png');
	background-repeat:no-repeat;
	background-position:center center;
	position:relative;
}
div#menu-text>a {
	display:inline-block;
	width:142px;
	/* height:53px; */
	height:63px;
	overflow:hidden;
	position:absolute;
	/* top:0px; */
	top:5px;
}
div#menu-text>a>img {margin-top:0px;}
div#menu-text>a>img:hover {margin-top:-53px;}
div#menu-text>a:nth-child(1) {left:3px;}
div#menu-text>a:nth-child(1)>img {margin-left:0px;}
div#menu-text>a:nth-child(2) {left:145px;}
div#menu-text>a:nth-child(2)>img {margin-left:-142px;}
div#menu-text>a:nth-child(3) {left:287px;}
div#menu-text>a:nth-child(3)>img {margin-left:-284px;}
div#menu-text>a:nth-child(4) {left:429px;}
div#menu-text>a:nth-child(4)>img {margin-left:-426px;}
div#menu-text>a:nth-child(5) {left:571px;}
div#menu-text>a:nth-child(5)>img {margin-left:-568px;}
div#menu-text>a:nth-child(6) {left:713px;}
div#menu-text>a:nth-child(6)>img {margin-left:-710px;}
div#menu-text>a:nth-child(7) {left:855px;}
div#menu-text>a:nth-child(7)>img {margin-left:-852px;}

/* フッター */
footer>p {margin-top:30px;}
footer>p>img {
	width:100px;
	height:40px;
}