@charset "UTF-8";

.pagetitle { 
  width: 685px;
  height: 78px;
  background: url(images/contact_title.png) no-repeat;
  margin-bottom: 15px;
  text-indent: -9999px;
}
.pagelead {
  color: #00a2e6;
  font-size: 123%;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 15px;
}
.subtitle {
  background: url("/images/title_bg_common_blue.png") repeat scroll 0 bottom;
  color: #FFFFFF;
  font-size: 123%;
  height: auto;
  line-height: 1.4;
  padding: 10px;
  margin-bottom: 20px;
}
.common_note {
  color: #ff0000;
  font-size: 116%;
  margin-bottom: 15px;
}
.form_table {
  border-left: 1px solid #999999;
  border-top: 1px solid #999999;
  margin-bottom: 30px;
}
.form_table th {
  background: none repeat scroll 0 0 #e2f3fc;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 10px 15px 10px 10px;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 116%;
}
.form_table td {
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
  padding: 10px;
  font-size: 116%;
}
.form_table td span { font-size: 95%; }
.form_table td label { font-size: 100%; }
.must {
  color: #ff0000;
  padding-left: 5px;
}
.email_note {
  color: #ff0000;
  display: block;
  line-height: 1.3;
  margin-top: 10px;
}
.namae { width: 300px; }
.email {
  width: 300px;
  ime-mode: inactive;
}
.naiyo {
  height: 295px;
  width: 430px;
}
.contact_submit { text-align: center; }
.contact_submit input {
  width: 237px;
  height: 43px;
  border: 0 none;
  background: url(/images/submit.png) no-repeat 0 0;
  cursor: pointer;
}

@media only screen and (max-width: 800px) {

  .main_menu_wrap {
    margin: 0 auto;
    padding-bottom: 20px;
  }
  .pagetitle {
    width: 320px;
    height: 76px;
    background: url(/touroku/images/touroku_btn_sp_sprite.png) no-repeat 0 -305px;
  }
  .pagelead { padding: 0 7px; }
  .subtitle {
    text-align: center;
    font-size: 130%;
  }
  .common_note {
    color: #ff0000;
    font-size: 116%;
    margin-bottom: 15px;
  }
  .form_table {
    border-collapse: separate;
    border-left: 1px solid #999999;
    border-top: 1px solid #999999;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0 auto 20px;
    width: 300px;
  }
  .form_table th {
    background: #feffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #feffff 0%, #e5f3f9 60%, #e2f3fc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(60%,#e5f3f9), color-stop(100%,#e2f3fc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #feffff 0%,#e5f3f9 60%,#e2f3fc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #feffff 0%,#e5f3f9 60%,#e2f3fc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #feffff 0%,#e5f3f9 60%,#e2f3fc 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #feffff 0%,#e5f3f9 60%,#e2f3fc 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#e2f3fc',GradientType=0 ); /* IE6-9 */
    display: block;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    padding: 16px 10px;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 116%;
  }
  .form_table td {
    display: block;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    padding: 10px;
    font-size: 116%;
  }
  .form_table .row_top {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .form_table .row_bottom {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .form_table td span { font-size: 100%; }
  .form_table td label { font-size: 100%; }
  .form_table .l_email {
    display: block;
    margin: 10px 0 5px;
  }
  .must {
    color: #ff0000;
    padding-left: 5px;
  }
  .email_note {
    color: #ff0000;
    display: block;
    line-height: 1.3;
    margin-top: 10px;
  }
  .namae {
    background: url("/images/input_bg.jpg") repeat scroll 0 0;
    border: 1px solid #dddddd;
    margin: 0;
    padding: 5px;
    width: 260px;
  }
  .email {
    background: url("/images/input_bg.jpg") repeat scroll 0 0;
    width: 260px;
    padding: 5px;
    margin: 0;
    ime-mode: inactive;
    border: 1px solid #dddddd;
  }
  .naiyo {
    background: url("/images/input_bg.jpg") repeat scroll 0 0;
    height: 230px;
    width: 260px;
    padding: 5px;
    margin: 0;
    border: 1px solid #dddddd;
  }
  .contact_submit { text-align: center; }
  .contact_submit input {
    width: 237px;
    height: 43px;
    border: 0 none;
    background: url(/images/submit.png) no-repeat 0 0;
    cursor: pointer;
    margin-bottom: 20px;
  }



  #sidemenu .kukoteigaku { border-top: 1px solid #555555; }

}