/* -----------------------------------------------------------------------

inquiry.css

----------------------------------------------------------------------- */
#main-contents {
  float: right;
  width: 782px;
  margin-top: 40px;
  background: url(/img/inquiry/bg_inquiry.gif) repeat left top;
}
#main-contents #inquiry-form {
  border-bottom: 2px solid #e1e8f0;
  background: url(/img/inquiry/bg_inquiry_main.gif) repeat-y left top;
}
#main-contents #inquiry-form ul.tab {
  background: url(/img/inquiry/bg_tab.gif) no-repeat center bottom;
}
#main-contents #inquiry-form ul.tab li {
  float: left;
  width: 390px;
  height: 47px;
}
#main-contents #inquiry-form ul.tab li a {
  display: block;
  width: 390px;
  height: 47px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(/img/inquiry/bg_btn.gif);
  background-repeat: none;
}
#main-contents #inquiry-form ul.tab li#nav-service {
  float: left;
}
#main-contents #inquiry-form ul.tab li#nav-service a {
  background-position: left bottom;
}
#main-contents #inquiry-form ul.tab li#nav-service a.active, #main-contents #inquiry-form ul.tab li#nav-service a:hover {
  background-position: left top;
}
#main-contents #inquiry-form ul.tab li#nav-other {
  float: right;
}
#main-contents #inquiry-form ul.tab li#nav-other a {
  background-position: -390px bottom;
}
#main-contents #inquiry-form ul.tab li#nav-other a.active, #main-contents #inquiry-form ul.tab li#nav-other a:hover {
  background-position: -390px top;
}
#main-contents #tab-wrap {
  padding: 9px;
}
#main-contents #tab-inner {
  padding: 4px;
  border: 2px solid #e1e8f0;
  background: #fff;
}
#main-contents #tab-inner .tab-inner {
  font-size: 92%;
  *font-size: 87%;
  padding: 2px 33px;
  border: 1px solid #e1e8f0;
}
#main-contents #tab-inner .tab-inner .header {
  position: relative;
  margin: 0 -31px 10px;
}
#main-contents #tab-inner .tab-inner .header p {
  position: absolute;
  top: 5px;
  right: 67px;
}
#main-contents #tab-inner .tab-inner form table {
  width: 100%;
  border-top: 1px solid #d7d7d7;
}
#main-contents #tab-inner .tab-inner form table th, #main-contents #tab-inner .tab-inner form table td {
  padding: 10px 12px;
  border-bottom: 1px dotted #d7d7d7;
}
#main-contents #tab-inner .tab-inner form table th {
  width: 121px;
  color: #4f5ba7;
  font-weight: bold;
}
#main-contents #tab-inner .tab-inner form table td em {
  color: #e60012;
}
#main-contents #tab-inner .tab-inner form input#pro_name1,
#main-contents #tab-inner .tab-inner form input#pro_name2,
#main-contents #tab-inner .tab-inner form input#pro_kana1,
#main-contents #tab-inner .tab-inner form input#pro_kana2,
#main-contents #tab-inner .tab-inner form input#ir_name1,
#main-contents #tab-inner .tab-inner form input#ir_name2,
#main-contents #tab-inner .tab-inner form input#ir_kana1,
#main-contents #tab-inner .tab-inner form input#ir_kana2 {
  width: 170px;
  margin: 0 10px 0 5px;
  padding: 2px;
  background: #fafafa;
  border: 1px solid #d7d7d7;
}
#main-contents #tab-inner .tab-inner form input#pro_zip1,
#main-contents #tab-inner .tab-inner form input#ir_zip1 {
  width: 5em;
  margin: 0 0 0 5px;
  padding: 2px;
  background: #fafafa;
  border: 1px solid #d7d7d7;
}
#main-contents #tab-inner .tab-inner form input#pro_zip2,
#main-contents #tab-inner .tab-inner form input#ir_zip2 {
  width: 7em;
  margin: 0 10px 0 5px;
  padding: 2px;
  background: #fafafa;
  border: 1px solid #d7d7d7;
}
#main-contents #tab-inner .tab-inner form .autoAddress {
  width: 88px;
  height: 22px;
  margin: 0 0 0 5px;
  padding: 0;
  border: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/img/inquiry/btn_auto.gif) no-repeat left top;
  vertical-align: bottom;
}
#main-contents #tab-inner .tab-inner form select#pro_pref,
#main-contents #tab-inner .tab-inner form select#ir_pref {
  margin: 0 0 5px;
}
#main-contents #tab-inner .tab-inner form input#pro_area,
#main-contents #tab-inner .tab-inner form input#ir_area {
  width: 395px;
  margin: 0 0 3px;
  padding: 2px;
  background: #fafafa;
  border: 1px solid #d7d7d7;
}
#main-contents #tab-inner .tab-inner form input#pro_tel1,
#main-contents #tab-inner .tab-inner form input#pro_tel2,
#main-contents #tab-inner .tab-inner form input#pro_tel3,
#main-contents #tab-inner .tab-inner form input#ir_tel1,
#main-contents #tab-inner .tab-inner form input#ir_tel2,
#main-contents #tab-inner .tab-inner form input#ir_tel3 {
  width: 50px;
  padding: 2px;
  background: #fafafa;
  border: 1px solid #d7d7d7;
}
#main-contents #tab-inner .tab-inner form input#pro_tel2,
#main-contents #tab-inner .tab-inner form input#ir_tel2 {
  margin: 0 0 0 5px;
}
#main-contents #tab-inner .tab-inner form input#pro_tel3,
#main-contents #tab-inner .tab-inner form input#ir_tel3 {
  margin: 0 5px;
}
#main-contents #tab-inner .tab-inner form input#pro_mail,
#main-contents #tab-inner .tab-inner form input#pro_mailCheck,
#main-contents #tab-inner .tab-inner form input#ir_mail,
#main-contents #tab-inner .tab-inner form input#ir_mailCheck {
  width: 200px;
  padding: 2px;
  background: #fafafa;
  border: 1px solid #d7d7d7;
  margin: 0 5px 5px 0;
}
#main-contents #tab-inner .tab-inner form textarea#pro_opinion,
#main-contents #tab-inner .tab-inner form textarea#ir_opinion {
  width: 395px;
  height: 10em;
  margin: 0 0 3px;
  padding: 2px;
  background: #fafafa;
  border: 1px solid #d7d7d7;
}
#main-contents #tab-inner .tab-inner form dl {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-bottom: 1px solid #d7d7d7;
}
#main-contents #tab-inner .tab-inner form dl dt {
  color: #4f5ba7;
  font-weight: bold;
  margin: 0 0 10px;
}
#main-contents #tab-inner .tab-inner form dl dt .attention {
  font-weight: normal;
  color: #e60012;
  float: right;
}
#main-contents #tab-inner .tab-inner form dl dd p {
  margin: 0 0 10px;
}
#main-contents #tab-inner .tab-inner form p.button {
  text-align: center;
  padding: 0 0 20px;
}
#main-contents #tab-inner .tab-inner form .error {
  border: 1px solid #e60012;
  margin: 0 0 10px;
  padding: 10px 12px;
  color: #e60012;
}
#main-contents #inquiry-form-check {
  padding: 9px;
  border-top: 2px solid #e1e8f0;
  border-bottom: 2px solid #e1e8f0;
  background: url(/img/inquiry/bg_inquiry_main.gif) repeat-y left top;
}
#main-contents #form-wrapper {
  padding: 4px;
  border: 2px solid #e1e8f0;
  background: #fff;
}
#main-contents #form-wrapper-inner {
  font-size: 92%;
  *font-size: 87%;
  padding: 2px 33px;
  border: 1px solid #e1e8f0;
}
#main-contents #form-wrapper-inner p {
  margin: 0 0 12px;
}
#main-contents #form-wrapper-inner p.thanks {
  margin: 0;
  padding: 15px 0;
}
#main-contents #form-wrapper-inner .header {
  position: relative;
  margin: 0 -31px 10px;
}
#main-contents #form-wrapper-inner .header p {
  position: absolute;
  top: 50%;
  right: 67px;
  margin: -11px 0 0;
}
#main-contents #form-wrapper-inner form table {
  width: 100%;
  border-top: 1px solid #d7d7d7;
  margin: 0 0 12px;
}
#main-contents #form-wrapper-inner form table th, #main-contents #form-wrapper-inner form table td {
  padding: 10px 12px;
  border-bottom: 1px dotted #d7d7d7;
}
#main-contents #form-wrapper-inner form table th {
  width: 121px;
  color: #4f5ba7;
  font-weight: bold;
}
#main-contents #form-wrapper-inner form table td em {
  color: #e60012;
}
#main-contents #form-wrapper-inner form dl {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-bottom: 1px solid #d7d7d7;
}
#main-contents #form-wrapper-inner form dl dt {
  color: #4f5ba7;
  font-weight: bold;
  margin: 0 0 10px;
}
#main-contents #form-wrapper-inner form dl dt .attention {
  font-weight: normal;
  color: #e60012;
  float: right;
}
#main-contents #form-wrapper-inner form dl dd p {
  margin: 0 0 10px;
}
#main-contents #form-wrapper-inner form p.button {
  text-align: center;
  padding: 0 0 20px;
}
#main-contents #form-wrapper-inner form p.button input {
  margin: 0 10px;
}
#main-contents .tab-content {
  padding: 3px;
}
#main-contents .tab-content h2 {
  margin: 20px 0 10px;
}
#main-contents .tab-content h2.first {
  margin: 0 0 10px;
}
#main-contents .tab-content dl.faq dt {
  padding: 10px 0 7px 58px;
  background: url(/img/inquiry/icon_q.gif) no-repeat 13px 7px;
  color: #003a7d;
  font-weight: bold;
}
#main-contents .tab-content dl.faq dd {
  margin: 0 0 5px;
  padding: 10px 15px 15px 58px;
  border-bottom: 2px solid #e2e2e2;
  line-height: 1.75;
  background: url(/img/inquiry/icon_a.gif) no-repeat 13px 7px;
}
#main-contents .tab-content dl.faq dd p {
  margin: 0 0 10px;
}
#main-contents .tab-content dl.faq dd dl {
  font-size: 107%;
  font-weight: bold;
  padding: 40px 0 30px;
}
#main-contents .tab-content dl.faq dd dl dt {
  margin: 0 0 5px;
  padding: 0;
  color: #666666;
  background: none;
}
#main-contents .tab-content dl.faq dd dl dd {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
#main-contents .tab-content p.caution {
  text-align: right;
  color: #003a7d;
}
#main-contents .tab-content p.caution a {
  color: #0075a9;
  text-decoration: underline;
}
#main-contents .tab-content p.caution a:hover {
  text-decoration: none;
}
#main-contents .tab-content .tel-box {
  padding: 0 13px;
}
#main-contents .tab-content .tel-box table {
  width: 100%;
}
#main-contents .tab-content .tel-box table th {
  padding: 0 5px 0 0;
}
#main-contents .tab-content .tel-box table td {
  font-size: 10px;
  *font-size: 9px;
  letter-spacing: 0;
}
#main-contents .tab-content .tel-box table td .caution {
  color: #ed1c24;
}
#main-contents .tab-content p.button {
  text-align: center;
  padding: 0 0 10px;
}

.clearfix, #main-contents #inquiry-form ul.tab, #main-contents #tab-inner .tab-inner form dl dt, #main-contents #form-wrapper-inner form dl dt, #main-contents .tab-content .tel-box {
  *zoom: 1;
}
.clearfix:after, #main-contents #inquiry-form ul.tab:after, #main-contents #tab-inner .tab-inner form dl dt:after, #main-contents #form-wrapper-inner form dl dt:after, #main-contents .tab-content .tel-box:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}

/*--
div#sub-contents
------------------------------*/
div#sub-contents {
  float: left;
  width: 190px;
}

div#sub-contents h2 {
  margin: 0 0 25px;
  width: 190px;
  overflow: hidden;
}

div#sub-contents ul#sidenav li {
  color: #6689B1;
  margin: 0 0 36px;
}

div#sub-contents ul#sidenav li a {
  display: inline-block;
}