@charset "utf-8";
/* CSS Document */
/*---------------------------------------------------------------
  style reset
----------------------------------------------------------------*/
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, p, ul, ol, li, table, th, td, caption, form, input, address, blockquote, pre, form, iframe, header, footer {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-style: normal;
}
h1, h2, h3, h4, h5 {
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: 1.1;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
}
table td, table th {
  border: none;
}
caption, th {
  text-align: left;
}
img {
  vertical-align: bottom;
  border: none;
}
ul, ol {
  margin: 0;
  padding: 0;
}
li {
  list-style: none;
  margin: 0;
  padding: 0;
}
p {
  margin: 0;
  padding: 0;
}
a {
  outline: none;
}
/*---------------------------------------------------------------
  link
----------------------------------------------------------------*/
a:link {
  text-decoration: none;
  color: #000;
}
a:visited {
  text-decoration: none;
  color: #000;
}
a:hover {
  text-decoration: none;
  color: #999;
}
a:hover img {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
/*---------------------------------------------------------------
  base
----------------------------------------------------------------*/
body {
  color: #26211A;
  font: 13px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  *font-size: small;
  *font: x-small;
  line-height: 1.6;
}
table {
  border-collapse: collapse;
  width: 100%;
}
::selection {
  background: #F35478;
  color: #FFF;
  text-shadow: 0 0px 3px #000 /* Safari */
}
::-moz-selection {
  background: #F35478;
  color: #FFF;
  text-shadow: 0 0px 3px #000 /* Firefox */
}
/*---------------------------------------------------------------
  spacing
----------------------------------------------------------------*/
.mb05 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb45 {
  margin-bottom: 45px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
/*---------------------------------------------------------------
  clear
----------------------------------------------------------------*/
.form_wrap {
  width: 95%;
  max-width: 1100px;
  margin: 0 auto;
}
/*.form_tbl {
  width: 100%!important;
}*/
@media screen and (max-width: 768px) {
  .row  tr,
  .row  th,
  .row  td {
    display: block;
    width: auto;
  }
}
.form_tbl th {
  padding: 7px 10px 7px 0;
  width: 10%;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .form_tbl th {
    display: block;
    width: 100%;
  }
}
/*.form_tbl {
  width: 670px;
  width: 100%;
  margin: 0 auto;
}*/
/*.form_tbl th, .form_tbl td {
  border-bottom: 1px dotted #E5E5E5;
}*/
.form_tbl tr {
  border-bottom: 1px dotted #E5E5E5;
}
.form_tbl td {
  padding: 7px 0 7px 10px;
  line-height: 1.1;
  width: 100%;
}
@media screen and (max-width: 768px) {
.form_tbl td {
  padding: 7px 0;
}
}
.form_tbl input {
  height: 30px;
  /*padding:5px 7px;*/
  /*width:500px;*/
  width: 100%;
  border: 1px solid #E5E5E5;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-radius: 3px;
}
.form_tbl textarea {
  min-height: 80px;
  /*padding:5px 7px;*/
  /*width:500px;*/
  width: 100%;
  border: 1px solid #E5E5E5;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  border-radius: 3px;
}
.form_tbl select {
  border: 1px solid #E5E5E5;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
  width: 15em;
  padding: 5px 7px;
  text-align: center;
}
.form_tbl input.zip01 {
  width: 3em;
  margin: 0 5px
}
.form_tbl input.zip02 {
  width: 4em;
  margin: 0 5px
}
.form_tbl input:focus, .form_tbl textarea:focus {
  background: #F5F5F5;
}
.form_tbl textarea {
  height: 8em;
  line-height: 1.6;
}
p.btn_area {
  padding: 10px 0 20px;
  text-align: center;
  -webkit-appearance: none;
}
p.btn_area .bt_check {
  color: #000;
}
p.btn_area .bt_back {
  color: #000;
}
p.btn_area .bt_finish {
  color: #000;
}


p.btn_area input {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F0F0f0), color-stop(0.00, #FFFFFF));
  background: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F0f0 100%);
  background: -moz-linear-gradient(top, #FFFFFF 0%, #F0F0f0 100%);
  background: -o-linear-gradient(top, #FFFFFF 0%, #F0F0f0 100%);
  background: -ms-linear-gradient(top, #FFFFFF 0%, #F0F0f0 100%);
  background: linear-gradient(top, #FFFFFF 0%, #F0F0f0 100%);
  *background: #E6E5E5;
  background: #E6E5E5\9;
  padding: 7px 30px;
  border: 1px solid #CCC;
  border-radius: 2px;
  margin: 0 10px;
  box-shadow: 0 1px 0px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.1)
}
p.btn_area input:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFFFFF), color-stop(0.00, #F0F0f0));
  background: -webkit-linear-gradient(top, #F0F0f0 0%, #FFFFFF 100%);
  background: -moz-linear-gradient(top, #F0F0f0 0%, #FFFFFF 100%);
  background: -o-linear-gradient(top, #F0F0f0 0%, #FFFFFF 100%);
  background: -ms-linear-gradient(top, #F0F0f0 0%, #FFFFFF 100%);
  background: linear-gradient(top, #F0F0f0 0%, #FFFFFF 100%);
}
table + p input:hover {
  cursor: pointer;
}
table + p input:active {
  border-top: 1px solid #CCC;
  padding: 7px 30px 6px;
}
.tx_att {
  color: #F55;
}
p.tx_att {
  padding: 0 0 5px
}
.required {
  /*width: 670px;*/
  margin: 0 auto 10px;
  color: #F55;
}
.bnone th, .bnone td {
  border: none;
}
.ex_tx {
  font-size: 84.6%;
  padding: 5px 0 0;
  color: #666
}