@charset "utf-8";
.inner {
  padding: 0 0 130px;
}

@media all and (max-width: 960px) {
  .inner {
    width: auto;
  }
}
/*------------------------------------------------------------
main_ttl
 ------------------------------------------------------------*/
/*------------------------------------------------------------
contact_area
 ------------------------------------------------------------*/
#contact_area {
  width: 900px;
  margin: 0 auto 130px;
}

.top_cap {
  text-align: center;
  font-size: 14px;
  margin-bottom: 75px;
}

@media all and (max-width: 900px) {
  #contact_area {
    width: auto;
    margin: 0 20px 130px;
  }
}
/*------------------------------------------------------------
form
 ------------------------------------------------------------*/
.att_red {
  color: #d80000;
  font-size: 12px;
  font-weight: bold;
}

.form_style {
  border: none;
  margin-bottom: 20px;
  width: 100%;
}
.form_style tr th, .form_style tr td {
  padding-bottom: 40px;
  font-size: 14px;
  border: none;
  vertical-align: middle;
}
.form_style tr th {
  width: 180px;
  text-align: left;
  font-weight: 100;
}
.form_style tr td {
  width: 720px;
}
.form_style tr:last-child {
  margin-bottom: 0;
}
.form_style input, .form_style select {
  height: 40px;
  background: #f2f2f2;
  padding-left: 10px;
  border: none;
  font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}
.form_style textarea {
  background: #f2f2f2;
  border: none;
  padding: 0 10px;
}
.form_style .button_address {
  background: #008000;
  color: #FFFFFF;
  padding: 0 5px;
  font-size: 13px;
  font-weight: bold;
  margin: 0 0 0 10px;
  text-align: center;
  cursor: pointer;
}
.form_style .size01 input {
  width: 140px;
}
.form_style .size02 input {
  width: 190px;
}
.form_style .size03 input {
  width: 290px;
}
.form_style .size04 input {
  width: 440px;
}
.form_style .size05 input {
  width: 700px;
}

@media all and (max-width: 900px) {
  .form_style tr th, .form_style tr td {
    display: block;
  }
  .form_style tr th {
    width: 100%;
    padding-bottom: 30px;
  }
  .form_style tr td {
    width: 100%;
    padding-bottom: 40px;
  }
  .form_style input, .form_style select, .form_style textarea {
    padding: 0;
  }
  .form_style .button_address {
    margin: 10px 0 0 0;
  }
  .form_style .size01 input, .form_style .size02 input, .form_style .size03 input, .form_style .size04 input, .form_style .size05 input, .form_style td textarea {
    width: 100%;
  }
}
/*------------------------------------------------------------
p_box
 ------------------------------------------------------------*/
#p_box {
  border: 2px solid #e6e6e6;
  margin-bottom: 40px;
  width: 864px;
  padding: 15px;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 13px;
}
#p_box h3, #p_box h4 {
  font-weight: bold;
  margin-bottom: 5px;
}
#p_box p {
  margin-bottom: 20px;
}

.scroll_area {
  height: 150px;
  scrollbar-arrow-color: #e6e6e6;
  scrollbar-face-color: #e6e6e6;
  scrollbar-3dlight-color: #e6e6e6;
  scrollbar-darkshadow-color: #e6e6e6;
  scrollbar-highlight-color: #e6e6e6;
  scrollbar-shadow-color: #e6e6e6;
  scrollbar-track-color: #000000;
}

/* 全体 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

/* スクロールバーを除いたエリア */
.jspPane {
  position: absolute;
}

/* 縦スクロールバー */
.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
}

/* 横スクロールバー */
.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
}

/* 背景 */
.jspTrack {
  background: #e6e6e6;
  position: relative;
}

/* ノブ */
.jspDrag {
  background: #000000;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

@media all and (max-width: 900px) {
  #p_box {
    width: auto;
  }
}
/*------------------------------------------------------------
#btn_area
 ------------------------------------------------------------*/
#btn_area {
  text-align: center;
}
#btn_area .cap {
  margin-bottom: 40px;
}
#btn_area .form_btn {
  width: 600px;
  height: 70px;
  /*position: relative;*/
  margin: 0 50px 0 10px;
}
#btn_area .form_btn #send_button:after {
  content: url("../common/images/arrow_black.png");
  width: 14px;
  height: 10px;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -9px;
  z-index: 100;
}
#btn_area .form_btn input[type="submit"] {
  width: 100%;
  height: 100%;
  border: 2px solid #008000;
  background: none;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  font-family: Verdana, Roboto, 'Droid Sans', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
}

@media all and (max-width: 900px) {
  #btn_area .form_btn {
    width: auto;
  }
}

/*# sourceMappingURL=contact.css.map */