@charset "UTF-8" ;

body
{
	margin: 0;
	padding: 0;
	line-height: 1.4;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-image: url(../images/404_background.jpg);
	background-repeat: repeat;
	color: #FFFFFF;
}
a:link {
	color: #F2B809;
}
a:visited {
	color: #F2B809;
}
a:hover {
	color: #FF99CC;
}
a:active {
	color: #FF99CC;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

#wrapper {
	width: 100%;
	text-align: center;
}
#header {
	width: 100%;
	background-image: url(../images/title_bg.jpg);
	background-repeat: repeat;
	background-size: 75% auto;
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	animation: move 60s linear infinite;
}
@keyframes 


move {
	0% {background-position: 0 400px;}
	100% {background-position: 800px 800px;}
}

#shadow {
	background-image: url(../images/shadow.png);
	background-repeat: repeat-x;
	height: 10px;
	width: 100%;
}


#main {
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 1em;
	padding-left: 10px;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}
.text {
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	text-align: left;
	margin-bottom: 5em;
	font-size: 1.8vw;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	border: 1px none #E2E0C7;
	padding-top: 0em;
	padding-right: 3em;
	padding-bottom: 1em;
	padding-left: 3em;
}

#footer {
	background-color: #666666;
	clear: both;
	font-size: 9px;
	margin-top: 0px;
	padding: 1em;
	position: fixed;
	bottom: 0px;
	width: 100%;
	z-index: 10000;
	color: #CCC;
}


h1 {
	width: 100%;
	padding-top: 1em;
	padding-right: 0px;
	padding-bottom: 0.5em;
	padding-left: 0px;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
}

.title {
	width: 80%;
}
.item {
	width: 14.5%;
	float: left;
	font-size: 1.5vw;
	padding: 1%;
	margin-bottom: 1em;
}

.icon {
	width: 80%;
}
.top_banner {
	width: 335px;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:720px)
{
	.item {
	width: 23%;
	float: left;
	font-size: 2.5vw;
	padding: 1%;
	margin-bottom: 1em;
	font-weight: bold;
}
.text {
	text-align: left;
	margin-bottom: 3em;
	font-size: smaller;
	width: 90%;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}
.top_banner {
	width: 100%;
}


}