.aform .panel {
  clear: both;
  display: none;
  border: 3px solid #ccc;
  padding: 1em;
}
.aform .panel.active-tab-body {
  display: block;
}
.aform #tabs {
  list-style: none;
}

.aform #tabs li {
  float: left;
}

.aform #tabs a {
  float: left;
  padding: 5px 8px;
  margin-left: 6px;
  background-color: #f2f2f2;
  text-decoration: none;
  color: #999999;
}

.aform #tabs a.active-tab {
  background-color: #ccc;
  border-top: 3px solid #999;
  padding-top: 3px;
  color: #000;
}
.aform input.disabled {
  border: 1px solid #f2f2f2;
  background-color: #f2f2f2;
}

.aform input.required,
textarea.required {
  border: 1px solid #00a8e6;
}
.aform input.validation-failed,
textarea.validation-failed {
  border: 1px solid #d92b00;
  color: #d92b00;
}
.aform input.validation-passed,
textarea.validation-passed {
  border: 1px solid #00cc00;
  color: #000;
}

.aform .validation-advice {
  margin: 5px 0 !important;
  padding: 5px;
  background-color: #d92b00;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
}

.aform .custom-advice {
  margin: 5px 0;
  padding: 5px;
  background-color: #c8aa00;
  color: #fff;
  font-weight: bold;
}

.aform fieldset {
  padding: 1em;
  margin-bottom: 0.5em;
}

.aform label {
  /*	font-weight: bold;*/
}

.aform label.error img {
  vertical-align: middle;
  margin-right: 5px;
}

.aform .form-row {
  clear: both;
  padding: 0.5em;
}

.aform .field-label {
}

.aform .field-widget {
}

.aform .aform-header {
  font-size: 1.125rem;
  font-weight: bold;
  margin: 1em 0 1em;
  padding: 3px 0;
}
.aform .aform-hdln {
  font-size: 120%;
  font-weight: bold;
  margin: 2em 0 0.5em;
  padding: 3px 0;
}

.aform .aform-content ul,
.aform .aform-content li,
.aform .aform-content div,
.aform .aform-content dl p {
  list-style: none;
  margin: 0;
}

.aform div.aform-content dl {
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.aform div.aform-content dl dt {
  font-weight: bold;
  margin-bottom: 0.5em;
}
.aform div.aform-content input.aform-checkbox,
.aform div.aform-content input.aform-radio {
  margin-right: 5px;
  vertical-align: middle;
}
.aform div.aform-content input.aform-field-option-text {
  margin-left: 5px;
  vertical-align: middle;
}

.aform div.aform-content .aform-name-ul li,
.aform div.aform-content .aform-kana-ul li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.aform div.aform-content input.aform-name,
.aform div.aform-content input.aform-kana {
  margin-right: 5px;
}

.aform div.aform-content ul.aform-payment li {
  margin-bottom: 0.8em;
}
.aform div.aform-content ul.aform-payment .aform-payment-description {
  margin-left: 22px;
  margin-top: 3px;
}
.aform div.aform-content ul.aform-payment .aform-payment-description table th {
  font-weight: normal;
  padding: 2px 5px 2px 0;
  vertical-align: top;
  text-align: left;
}
.aform div.aform-content ul.aform-payment .aform-payment-description table td {
  padding: 2px 5px 2px 0;
}

.aform div.aform-content span.required {
  color: #fff;
  font-weight: normal;
  background: #d92b00;
  font-size: 0.75rem;
  padding: 1px 5px;
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}
.aform div.aform-content .aform-input-example {
  margin-bottom: 0.5em;
}
.aform div.aform-content .aform-note {
  margin-bottom: 1em;
  padding: 5px 8px;
  background: #f3f3f3;
}
.aform div.aform-content .aform-twice-note {
  display: block;
}
.aform div.aform-content input.require-twice {
  margin-top: 3px;
}

.aform dl.aform-error-list dt {
  font-size: 120%;
  padding-left: 16px;
  background: url(images/icons/warning_y.gif) 0 50% no-repeat;
}
.aform dl.aform-error-list dd {
  margin-left: 16px;
  display: list-item;
}

.aform div.aform-content .submit,
.aform div.aform-content .aform-button-area {
  margin-top: 20px;
  padding: 15px 20px;
  border-top: 1px solid #ccc;
  text-align: center;
}
.aform div.aform-content .submit input,
.aform div.aform-content .aform-button-area input {
  margin: 0 6px;
  padding: 2px 8px;
  font-size: 110%;
}

.aform div.aform-content p.powerdby {
  text-align: right;
  font-size: 70%;
  margin: 1em 0;
}
.aform div.aform-content p.powerdby a {
  color: #fff;
  padding: 0 5px;
  background: #bad7e4;
  text-decoration: none;
}
.aform div.aform-content p.powerdby a:hover {
  background: #75aeca;
}

.aform div.aform-content .aform-demo {
  text-align: center;
  margin: 2em 0;
  padding: 5px 10px;
  border: 1px solid #ee7ba0;
  background: #fdecf1;
}
.aform div.aform-content .aform-demo a {
  color: #903;
  font-weight: bold;
  margin: 0 5px;
}

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

.aform #aform_result {
  color: #c00;
  font-weight: bold;
  font-size: 110%;
  margin: 15px auto;
  padding: 10px 15px;
}
.aform #aform_result a {
  margin: 0 1em;
}

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

.aform div.aform-content dl {
  border-bottom: 1px dotted #eee;
}

@media (max-width: 768px) {
  .aform div.aform-content dd,
  .aform div.aform-content .aform-name-ul,
  .aform div.aform-content .aform-kana-ul,
  .aform div.aform-content .aform-checkbox-ul,
  .aform div.aform-content .aform-radio-ul {
    margin-left: 0;
    padding-left: 0;
  }
  .aform div.aform-content input[type="text"] {
    width: 95%;
  }
  .aform div.aform-content input.aform-name,
  .aform div.aform-content input.aform-kana {
    width: 95%;
    margin-right: 0;
  }

  .aform div.aform-content label[for$="-yy"],
  .aform div.aform-content label[for$="-mm"],
  .aform div.aform-content label[for$="-dd"] {
    padding: 5px;
    text-align: center;
  }

  .aform div.aform-content .ui-datepicker-trigger {
    display: none;
  }
}