<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="EUC-JP" />
<title>404 File Not Found</title>
<meta name="copyright" content="Copyright XSERVER Inc.">
<meta name="robots" content="INDEX,FOLLOW" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0">
<style type="text/css">
* {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
ul {
    padding-left: 2em;
}
html {
    overflow-y: scroll;
    background: #3b79b7;
}
body {
  font-family: "ＭＳ Ｐゴシック", "Osaka";
  margin: 0px;
  padding: 0px;
  font-size: 80%;
  background-image: url(../images/bg_header.gif);
  background-repeat: repeat-x;
  background-position: center top;
  background-color: #fff;
  letter-spacing: 0.1em;
  color: #333;
}
h1 {
    font-size: 24px;
    font-weight: bold;
}
h1 {
    font-weight: bold;
    line-height: 1;
    padding-bottom: 20px;
    font-family: Helvetica, sans-serif;
}
h2 {
    text-align: center;
    font-weight: bold;
    font-size: 27px;
}
p {
    text-align: center;
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: white;
}
.explain {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    line-height: 1.5;
    margin: 30px auto;
    padding: 17px;
}
#cause {
    text-align: left;
}
#cause li {
    color: #666;
}
h3 {
    letter-spacing: 1px;
    font-weight: bold;
    padding: 0;
}
#white_box {
    margin: 15px auto 0;
    background-color: white;
}

#header {
  text-align: left;
}
#top_main {
  margin: 0;
  padding: 0;
  text-align: left;
}
.mainin {
  min-height: 172px;
  display: none;
  padding: 120px 35px 0 675px;
  line-height: 1.8;
}
#mi0 {
  background: url('../images/topmain0.jpg') 0 0 no-repeat;
  text-indent: -9999px;
}
#mi1 {
  background: url('../images/topmain1.jpg') 0 0 no-repeat;
}
#mi2 {
  background: url('../images/topmain2.jpg') 0 0 no-repeat;
  color: #fff;
}
#mi3 {
  background: url('../images/topmain3.jpg') 0 0 no-repeat;
  color: #fff;
}
#mi4 {
  background: url('../images/topmain4.jpg') 0 0 no-repeat;
}
#mi5 {
  background: url('../images/topmain5.jpg') 0 0 no-repeat;
}


#top_box01 {
  background: url(../images/bg_topbox01.gif) repeat-y center top;
  height: auto;
  width: 980px;
  margin: auto;
}
#box_left {
  float: left;
  width: 237px;
  margin: 0 0 0 7px;
}
#box_center01 {
  float: left;
  width: 237px;
  margin: 0 0 0 6px;
}
#box_center02 {
  float: left;
  width: 237px;
  margin: 0 0 0 6px;
}
#box_right {
  float: left;
  width: 237px;
  margin: 0 0 0 6px;
}
#top_box01 p.txt {
  font-size: 12px;
  line-height: 140%;
  padding: 10px 10px 10px 10px;
  color: #333;
  text-align: left;
}



#top_box02 {
  height: auto;
  padding: 0 0 0 8px;
  margin: 0px;
}

#top_left {
  float: left;
  width: 737px;
  height: auto;
  margin: 0;
}
#top_news {
  width: 737px;
  height: auto;
  margin: 0 auto;
  letter-spacing: 0em;
  color: #000;
}
#top_box02 h3 {
  margin: 0px;
  padding: 0px;
}
#news_area {
  width: 700px;
  height: auto;
  margin: 0 auto 0 auto;
  padding: 0 0 20px 0;
}
#top_news table {
  width: 700px;
  margin: 0 auto 0px auto;
  font-size: 12px;
  color: #000;
}
#top_news table tr {
  height: 27px;
}
#top_news table th {
  padding: 12px 3px 12px 8px;
  font-weight: normal;
  text-align: left;
  letter-spacing: 0em;
}
#top_news table td {
  padding-left: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  text-align: left;
}
#top_news table td p{
  text-align: left;
  font-size: 12px;
}
#top_news table td p a{
  font-size: 12px;
}
p {
  margin: 0px;
  padding: 0px;
  border: 0px;
  line-height: 160%;
  word-break: normal;
}
a {
  color: #0028AE;
  text-decoration: none;
  word-break: normal;
}
#news_cts {
  width: 695px;
  height: auto;
  margin: 0 auto 0px auto;
  padding-top: 0px;
  padding-left: 10px;
  font-size: 12px;
}
#news_cts .img {
  width: 89px;
  height: auto;
  float: left;
  padding: 0px 25px 5px 0px;
}
#news_cts .txt {
  margin: 0px;
  padding: 0 12px 0 0px;
  color: #000;
  text-align: left;
  font-size: 11px;
}
#top_news p.pagemore {
  margin: 0px 0px 0 0;
  text-align: right;
}
#top_news table.line {
  margin: 0 auto 15px auto;
}
table.line td {
  background: url(../images/bg_topnews.gif) no-repeat center bottom;
  height: auto;
}

#top_right {
  float: left;
  width: 236px;
  height: auto;
  margin-right: 0;
  margin-bottom: 30px;
}
#top_right ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#top_right ul li img {
  margin-bottom: 6px;
}











/* ====================

  スマートフォン

======================= */
@media only screen and (min-width: 0) and (max-width: 767px) {
	#base {
		padding: 30px 10px;
	}
	h1 {
		font-size: 26px;
	}
	h1 span {
		font-size: 60px;
	}
	h2 {
		font-size: 16px;
	}
	.explain {
		font-size: 14px;
	}
	h3 {
		margin-top: 45px;
		font-size: 16px;
	}
	#cause {
		padding: 20px;
		font-size: 12px;
	}
}

/* ====================

   パソコン＆タブレット

======================= */

@media only screen and (min-width: 768px) {
	#base {
		margin-top: 80px;
	}
	h1 {
		font-size: 50px;
	}
	h1 span {
		font-size: 110px;
	}
	.explain {
		font-size: 16px;
		width: 660px;
	}
	#white_box {
		width: 680px;
		margin-bottom: 50px;
	}
	h3 {
		font-size: 20px;
		margin-top: 80px;
	}
	#cause {
		padding: 30px;
		font-size: 14px;
	}
}
</style>
</head>

<body>
<div id="base">
    <h1><span>404</span><br />
        File Not Found</h1>
    <h2>アクセスしようとしたページは見つかりませんでした。</h2>
    <p class="explain">このエラーは、指定したページが見つからなかったことを意味します。</p>
    <h3>以下のような原因が考えられます。</h3>
    <div id="white_box">
        <div id="cause">
            <ul>
                <li>アクセスしようとしたファイルが存在しない（ファイルの設置箇所を誤っている）。</li>
                <li>URLアドレスが間違っている。</li>
            </ul>
        </div>
    </div>
    <!--//base--></div>
</body>
</html>
