/*
 *    contents rayout settings
 */

* {
  margin: 0;
  padding: 0;
}

#header {
  padding: 20px 20px 10px 40px;
  border-bottom: 2px solid #000000;
  background-color: #F5F5F5;
}

#container {
  width: 100%;
  background-color: #FFFFFF;
}

#contents {
  padding: 2em 4em 6em 4em;
  background-color: #FFFFFF;
}

#footer {
  height: auto !important;
  bottom: 0px;
  width: 100%;
  border-top: 1px solid #cccccc;
  background-color: #F5F5F5;
}

#footer p {
  text-align: right;
}

/*
 * logo
 */
#header .head_logo {
  float: left;
  font-size: 1.8em;
  margin-bottom: 0.5em;
}

#header .head_logo a {
  text-decoration: none;
  color: #444444;
}

#header .head_logo a:hover {
  text-decoration: none;
  color: #444444;
}

#header .head_srch {
  float: right;
  font-size: 1.8em;
  margin-bottom: 0.5em;
  margin-right: 1em;
}

/*
 * navigation
 */
div.nav {
  width: 100%;
  background: #000000 url(./menubar_black.gif) repeat-x top;
  font-size: 82%;
}

/* menubar */
div.nav ul.nl {
  width: 800px;
  padding: 0;
  background: #000000 url(./menubar_black.gif) repeat-x top;
  border-left: 1px #333333 solid;
  list-style-type: none;
  text-align: center;
  border-bottom: 3px solid #000000;
}

/* メニュー項目 */
div.nav ul.nl li {
  width: 140px;
  float: left;
}

/* リンク */
div.nav ul.nl li a {
  display: block;
  position: relative; /* IE6用 */
  padding: 9px 2px;
  border-left: 1px #666666 solid;
  border-right: 1px #333333 solid;
  text-decoration: none;
  font-weight: bold;
}

/* リンクテキストの色 */
div.nav ul.nl li a:link {
  color: #ffffff;
}
div.nav ul.nl li a:visited {
  color: #ffffff;
}
div.nav ul.nl li a:hover {
  color: #A9A9A9;
}
div.nav ul.nl li a:active {
  color: #A9A9A9;
}

/* clearfix */
.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearFix {
  min-height: 1px;
}