@import url("base.css");

@import url("layout.css");

.nav-box h2 {
  background: url("../images/contact/img_navbox_top.gif") no-repeat left
    top;
}

#sub-title {
  width: 772px;
  height: 120px;
  background: url("../images/contact/img_subtitle.jpg") no-repeat left top;
  text-indent: -2000px;
}

/* BLOCK INFO - setup body layout. */
#body {
  float: left;
  position: relative;
  width: 620px;
  margin-top: 20px;
  background: #FFF url("../images/sub/img_body.gif") repeat-y left top;
  overflow: hidden;
}

#body .gutter-sub {
  background: url("../images/sub/img_body_top.gif") no-repeat left top;
}

#body .div-bottom {
  padding: 10px;
  min-height: 440px;
  background: url("../images/sub/img_body_bottom.gif") no-repeat left bottom;
}

* html #body .div-bottom {
  height: 440px;
}

#body h2 {
  position: relative;
  padding: 7px 0 0 10px;
  height: 26px;
  font-size: 9pt;
  color: #FFF;
  background: url("../images/mypage/img_supplementtitle.gif") no-repeat
    left bottom;
  text-indent: -2000px;
}

#body .form-table {
  margin-top: 10px;
  width: 600px;
}

#body .form-table .col-1 {
  width: 92px;
}

#body .form-table th,#body .form-table td {
  border-bottom: 1px solid #EDEDED;
}

#body .form-table th {
  text-align: left;
  background: url("../images/sub/img_line.gif") no-repeat right center;
}

#body .form-table th label {
  padding-left: 10px;
  background: url("../images/sub/icon_dot.gif") no-repeat left center;
}

#body .form-table td {
  padding-left: 10px;
}

#body .form-bottom {
  padding: 20px 10px 0 0;
  text-align: right;
}
#body div.div-box {
  width: 85px;
  height: 113px;
  margin: 10px 0;
}

strong.star { color: #FF8A00; }