@charset "UTF-8";

body {
  margin: 0;
  padding: 0;
  letter-spacing: 1px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

script {
  float: right;
}

h1 {
  color: #0ab;
  font-size: 18px;
  font-weight: bold;
}

h2 {
  color: #444;
  font-size: 20px;
}

.center {
  text-align: center;
}

#container {
  width: 900px;
  margin: 20px auto;
  border-top: solid 2px #0ab;
  border-left: solid 2px #0ab;
}

#header {
  width: 246px;
  height: 52px;
  margin: 10px 0 0 10px;
  background-image: url('title.png');
  background-repeat: no-repeat;
}

#subHeader {
  margin: 7px 0 0 20px;
}

#headerImg {
  margin-top: 15px;
  float: right;
}

/* --- メニュー --- */
div.menu {
  width: 100%; /* ナビゲーションの幅 */
  background-color: #fff; /* ナビゲーションの背景色 */
  border-top: 1px #0ab solid; /* 上境界線 */
  border-bottom: 1px #0ab solid; /* 下境界線 */
  margin: 10px 0;
  font-size: 95%;
}

div.menu ul.nl {
  width: 600px; /* メニューの幅 */
  margin: 0 auto 0 0; /* センターに配置 */
  padding: 0;
  background-color: #ffffff; /* メニューの背景色 */
   /* メニューの右境界線 */
  list-style-type: none;
  text-align: center;
}

div.menu ul.nl li {
  width: 33.33%; /* 項目の幅 */
  float: left;
}

div.menu ul.nl li a {
  display: block;
  position: relative; /* IE6用 */
  padding: 4px 2px; /* リンクエリアのパディング（上下、左右） */
  border-right: 3px #0ab solid; /* リンクエリアの左境界線 */
  text-decoration: none; /* テキストの下線 */
}

div.menu ul.nl li a:hover {
  background-color: #eee; /* ポイント時の背景色 */
  text-decoration: none; /* テキストの下線 */
}

.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearFix {
  min-height: 1px;
}
/* --- メニュー終わり ---*/

/* --- リストエリア --- */
ol.topicPath {
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 80%;
}

ol.topicPath li {
  display: inline;
}

ol.topicPath li a {
  margin-right: 6px; /* リンクエリアの右マージン */
}
/* --- リストエリア終わり ---*/

#main {
  height: 850px;
  background: #eee;
  border-top: solid 3px #444;
  border-bottom: solid 3px #444;
  margin: 4px 0 0 10px;
}

#subMain {
  margin: 50px 40px;
}

#adGameMenu {
  margin-top: 54%;
  margin-left: 40px;
}

#adGame {
  margin-left: 40px;
}

#footer {
  text-align: center;
}