/**
 * 
 */
/* ==========================================================================
   title
   ========================================================================== */
.otoiawase .sec-inner {
  margin: 20px 21px 0;
}

.otoiawase h3 {
  /*	background-color:#0bbf8e;*/
  /*	margin-top: 20px;*/
}

/* ==========================================================================
   customer-center
   ========================================================================== */
.otoiawase #customer-center {
  padding: 12px 0;
}
.otoiawase #tel-number {
  margin-bottom: 10px;
}

/* ==========================================================================
   mail
   ========================================================================== */
.otoiawase .important {
  color: #ed3a3a;
}
.otoiawase .important li {
  position: relative;
}
.otoiawase .important .kome {
  position: absolute;
  top: 0;
  left: 0;
}
.otoiawase .important .kome-text {
  padding-left: 15px;
}

/* ==========================================================================
   form
   ========================================================================== */
/* step */
.otoiawase {
  /* table */
  /* feelds */
  /* parts */
  /* area */
  /* error-area */
  /* error in feelds */
  /* privacy_policy */
}
.otoiawase .progress {
  margin: 20px 0;
}
.otoiawase table {
  width: 100%;
}
.otoiawase .form table tr {
  border-top: 1px solid #e7e5d5;
}
.otoiawase .form table th {
  width: 33%;
  font-size: 92.9%;
  padding: 25px 10px 25px;
  vertical-align: top;
}
.otoiawase .form table td {
  width: 67%;
  font-size: 108%;
  padding: 17px 10px 17px;
  vertical-align: middle;
}
.otoiawase .form.confirm table td {
  padding: 25px 10px 25px;
}
.otoiawase .form table td .small {
  width: 33%;
}
.otoiawase .form table td .medium {
  width: 60%;
}
.otoiawase .form table td .large {
  width: 95%;
}
.otoiawase .form table td label {
  margin-right: 30px;
  padding-left: 5px;
}
.otoiawase .form input[type="text"], .otoiawase .form textarea {
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
  font-size: 100%;
  min-height: 14px;
  padding: 9px 11px;
}
.otoiawase .form .drop {
  padding: 4px;
  font-size: 100%;
  border: 1px solid #CCCCCC;
  border-radius: 3px 3px 3px 3px;
  box-shadow: 2px 2px 2px 0 rgba(200, 200, 200, 0.2) inset;
}
.otoiawase .form input[type="text"]:focus, .otoiawase textarea:focus {
  background-color: #EFEFEF;
}
.otoiawase ul.error {
  background-color: #ffe8e8;
  border: 1px solid #ed3a3a;
  padding: 20px 20px;
  margin-bottom: 20px;
}
.otoiawase ul.error li a {
  color: #ed3a3a;
  text-decoration: underline;
  font-size: 108.3%;
}
.otoiawase ul.error li a:visited {
  color: #ed3a3a;
  text-decoration: underline;
}
.otoiawase ul.error li a:hover {
  color: #ed3a3a;
  min-height: 1em;
  text-decoration: none;
}
.otoiawase span.error {
  color: #CC1800;
  display: inline-block;
  margin-top: 7px;
  font-size: 86%;
}
.otoiawase #privacy_policy-box {
  background-color: #f9f9f9;
  border: 1px solid #e7e5d5;
}
.otoiawase #privacy_policy-box a {
  color: #4e2905;
  display: block;
  text-align: center;
  padding: 15px 0 11px 0;
}
.otoiawase #privacy_policy-box a:hover {
  background-color: #fbfbfb;
}
.otoiawase #privacy_policy-box span {
  background: url(/common/css/img/icon_link.png) no-repeat left center;
  padding: 3px 0 2px 19px;
  color: #4e2905;
}
.otoiawase #consent {
  text-align: center;
  margin-top: 14px;
  margin-bottom: 14px;
}
.otoiawase #consent #consent-text {
  padding-left: 5px;
  font-size: 115%;
  font-weight: bold;
}

/* ==========================================================================
   contact
   ========================================================================== */
.otoiawase .box-inner20 dl {
  border-bottom: 1px dotted #b2b2b2;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.otoiawase .box-inner20 .dt-otoiawase,
.otoiawase .box-inner20 .dd-otoiawase {
  padding-left: 30px;
}
.otoiawase .box-inner20 .dt-otoiawase {
  color: #0bbf8e;
  font-weight: bold;
  font-size: 100%;
  margin-bottom: 14px;
  background: url(/otoiawase/css/img/icon_q.gif) no-repeat left center;
}
.otoiawase .box-inner20 .dd-otoiawase {
  background: url(/otoiawase/css/img/icon_a.gif) no-repeat left top;
  font-size: 100%;
}
.otoiawase .box-inner20 .dd-otoiawase ul {
  margin-top: 20px;
}
.otoiawase .box-inner20 .dd-otoiawase li {
  display: inline-block;
  margin-right: 18px;
}
.otoiawase .box-inner20 .dd-otoiawase li:last-child {
  margin-right: 0;
}

.arrow-list a {
  background: url(/common/css/img/icon_link.png) no-repeat left center;
  padding: 3px 0 2px 19px;
  font-weight: bold;
  color: #4e2905;
}