@charset "Shift_JIS";

/*  Top Contents
-----------------------------------------------------------------------------*/
/* wrapper */
#in_wrapper { background: url(../../img/bg_mainimage.jpg) center top no-repeat; }

/* Header */
#header { padding-bottom: 580px; }

/* contents */
.contents {
  margin: 0 auto;
  width: 960px;
}

#info {
  padding: 0 0 23px;
  width: 960px;
}

#info:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#info h3 { float: left; }

#info dl {
  margin: 0;
  padding: 0;
  border: solid 1px #b3bdce;
  width: 838px;
  float: right;
  position: relative;
}

#info dt {
  font-size: 12px;
  padding: 9px 20px 0;
  position: absolute;
}

#info dd {
  padding: 9px 0 8px 145px;
  border-bottom: dotted 1px #b4bdce;
  border-left: solid 3px #ffd74d;
  height: auto;
  background: url(../../img/info_arr.gif) no-repeat 125px 13px #fff;
}

#info dd:last-child { border-bottom: none; }

#info dd a {
  font-weight: bold;
  color: #2b5191;
  text-decoration: underline;
}

#info dd a:hover { text-decoration: none; }

.contents dl {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eeeef4;
}

.contents dt { position: absolute; }

.contents dd span {
  padding: 10px;
  display: block;
}

.contents dd {
  color: #565b63;
  padding: 0 0 0 325px;
  height: 85px;
  background: #eeeef4;
}

.contents #menu {
  zoom: 1;
  margin-left: -20px;
  padding-bottom: 20px;
}

.contents #menu:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

.contents #menu .image {
  padding-left: 20px;
  float: left;
}

.contents #menu ul {
  border-left: 19px solid #FFF;
  width: 320px;
  float: left;
}

.contents #menu li { margin-bottom: 10px; }
.contents #menu .right li { margin-bottom: 10px; }