@charset "UTF-8";

#main {
  width: 900px;
}

.pagetitle {
  font-size: 250%;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 10px 0 30px;
}

/* フォーム */

#toiawase #main { min-height: 500px; }

.chui {
  font-size: 116%;
  line-height: 1.65;
  margin-bottom: 20px;
}
.lead {
  font-size: 123%;
  line-height: 1.45;
  margin: 25px 0;
}
.note {
  border: 3px solid #d6dfe4;
  margin-bottom: 25px;
  padding: 13px 13px 9px;
}
.note h3 {
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 8px;
}
.note p {
  font-size: 116%;
  line-height: 1.7;
}
.note p a { color: #5e98d4; }
.must_p {
  color: #5f98d4;
  font-size: 123%;
  margin-bottom: 10px;
}
.must_p span {
  background: #5e98d4 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  margin-right: 10px;
  padding: 5px 6px 3px;
}
.form_tbl {
  border-top: 1px solid #bbbbbb;
  width: 100%;
  margin-bottom: 25px;
}
.form_tbl th {
  background: #e6e7e7 none repeat scroll 0 0;
  border-bottom: 1px solid #bbbbbb;
  font-size: 116%;
  padding: 12px 7px 10px 12px;
  text-align: left;
  vertical-align: top;
  width: 200px;
  line-height: 1.45;
}
.form_tbl td {
  border-bottom: 1px solid #bbbbbb;
  padding: 12px 7px 10px 12px;
  line-height: 1.45;
}
.must_h {
  background: #5f98d4 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-size: 80%;
  margin-right: 1em;
  padding: 3px 6px 1px;
}
.sw { display: block; }
input[type="text"] {
  width: 99%;
}
#main .kakunin th { width: 150px; }
#main .kakunin td { font-size: 116%; }
#f01,
#f02,
#f08,
#f09,
#f10 { width: 50%; }
.l_name {
  display: inline-block;
  width: 30px;
}
#f05 {
  width: 150px;
}
#f07 {
  height: 6em;
  width: 99%;
}
#f11 {}
#f11 li {
  display: inline;
  padding-right: 20px;
}
#f11 label { font-size: 116%; }
#f12 {
  height: 13em;
  width: 99%;
}
.f05_1,
.f08_1,
.f09_1,
.f10_1 {
  display:inline-block;
  margin-top: 5px;
}
.submit_btn {
  text-align: center;
  position: relative;
}
.go {
  background: url("images/kakunin_btn.png") no-repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 63px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 222px;
}
.goto {
  background: url("images/soushin_btn.png") no-repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  height: 63px;
  text-indent: -9999px;
  width: 222px;
}
.last_back {
  background: #c7dbf0 none repeat scroll 0 0;
  bottom: 0;
  color: #222222;
  font-size: 123%;
  margin-left: 10px;
  position: absolute;
  border: 1px solid #cccccc;
  cursor: pointer;
}

.back_chk { margin-bottom: 20px; }
.back_chk li {
  font-size: 116%;
  line-height: 1.45;
  list-style-type: disc;
  margin-left: 25px;
}
.back_btn {}
.back_btn input[type="submit"] {
  background: #c7dbf0 none repeat scroll 0 0;
  bottom: 0;
  color: #222222;
  font-size: 123%;
  border: 1px solid #cccccc;
  cursor: pointer;
}

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

  #main {
    width: auto;
    padding: 0 5px;
    margin-bottom: 20px;
  }
  .pagetitle {
    font-size: 170%;
    margin: 25px 0 15px;
    line-height: 1.25;
  }
  .pagetitle span { display: block; }
  .chui {
    width: auto;
  }
  .form_tbl {
    margin-left: -5px;
    margin-bottom: 15px;
  }
  .form_tbl th {
    display: block;
    padding: 12px 7px;
    width: 306px;
  }
  .form_tbl td {
    display: block;
    padding: 12px 7px;
    width: 306px;
  }
  .must_h {
  }
  .sw { display: inline; }
  input[type="text"] {
    width: 98%;
  }
  #main .kakunin th { width: auto; }
  #f01,
  #f02,
  #f05,
  #f08,
  #f09,
  #f10 { width: 95%; }
  #f11 li {
    display: block;
    line-height: 2;
    padding-right: 0;
  }
  .go {
    background: url("images/kakunin_btn.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 63px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 222px;
  }
  .last_back {
    bottom: 0;
    display: block;
    margin: 10px auto;
    position: static;
  }




}