@charset "utf-8";

/* 予約フォーム */

.booking-box table {
    border: 1px solid #cccccc;
    border-collapse: collapse;
    margin: 0 0 1.5em;
    padding: 0.3em;
    width: 99%;
}

.booking-box th,
.booking-box td {
    border: 1px solid #cccccc;
    padding: 0.3em;
}

.box-action {
    margin: 0 0 1em;
}

.booking-box h3.box-title {
    margin: 0 0 0.5em;
}


th.booking-entry-title {
    vertical-align: top;
    width: 30%;
}

.booking-entry-season {
    display: inline-block;
    float: right;
}

th.option-name {
    vertical-align: top;
    width: 30%;
}

th.print-charge-number,
td.print-charge-price {
    text-align: center;
}

#mts-message-pane {
    margin: 0 0 1em;
}

#mts-message-pane.error {
    border: 1px solid red;
    border-radius: 5px;
    color: red;
}

#mts-message-pane.updated {
    display: block;
}

#mts-message-pane p {
    margin: 0.5em;
}

.booking-list {
    border: 1px solid #cccccc;
}

.booking-list th,
.booking-list td {
    border: 1px solid #cccccc;
    padding: 0.3em;
}

/* 予約、予約確認フォームのボタン */
#mtsab-customer-action {
    margin-right: 3em;
    text-align: right;
}

#mtsab-booking-action {
    text-align: center;
}

#mtsab-finding-action {
    text-align: center;
}

#mtsab-reserved-action {
    text-align: center;
}

.button-line {
    margin-right: 0.3em;
}

/* 申込者連絡先 */
#mtsab-customer-entry,
#mtsab-customer-confirm {
    width: 99%;
}

#mtsab-customer-entry th,
#mtsab-customer-confirm th {
    border: 1px solid #cccccc;
    vertical-align: top;
    width: 30%;
}

#mtsab-customer-entry td,
#mtsab-customer-confirm td {
    border: 1px solid #cccccc;
    padding: 0.3em;
}

#mtsab-customer-entry dl,
#mtsab-customer-entry dd {
    margin: 0 0 0.5em;
}

#mtsab-customer-entry .mts-fat {
    width: 95%;
}

#mtsab-customer-entry .mts-middle-small {
    width: 45%;
}

#mtsab-customer-entry .mts-small {
    width: 25%;
}

#mtsab-customer-entry .mts-char8 {
    width: 8em;
}

#customer-email2-label {
    display: block;
}


p.description {
    margin: 0;
}

/* 宿泊者連絡先入力フォーム */
#mtsab-guest-entry,
#mtsab-guest-list {
    width: 99%;
}

#mtsab-guest-entry th,
#mtsab-guest-list th {
    border: 1px solid #cccccc;
    vertical-align: top;
    width: 30%;
}

#mtsab-guest-entry td,
#mtsab-guest-confirm td {
    border: 1px solid #cccccc;
    padding: 0.3em;
}

#mtsab-guest-entry .mts-number {
    text-align: right;
    width: 6em;
}

#mtsab-guest-entry .mts-middle {
    width: 60%;
}

#mtsab-guest-entry .mts-small-text {
    width: 10em;
}

/* 予約確認 検索フォーム */
#mtsab-find-form table {
    border: 1px solid #cccccc;
    width: 100%;
}

#mtsab-find-form th {
    width: 30%;
}

#mtsab-find-form .find-text {
    width: 60%;
}

#mtsab-reserved-paid {
    margin-bottom: 1em;
}


/* 共通設定 */
.mts-display-none {
    display: none;
}

.mts-right {
    text-align: right;
}

.mts-left {
    text-align: left;
}

.mts-center {
    text-align: center;
}

.mts-right-box {
    display: inline-block;
    float: right;
}

.mts-inline-margin {
    margin: 0 0.1em;
}

.mts-right-margin {
    margin-right: 0.6em;
}

.mts-fat-middle {
    width: 75%;
}

.mts-middle {
    width: 60%;
}

.mts-small-text {
    width: 10em;
}

.mts-small-label {
    display: inline-block;
    text-align: center;
    width: 3.5em;
}

.mts-number {
    text-align: right;
    width: 6em;
}

.mts-small-number {
    text-align: right;
    width: 3em;
}

.mts-error {
    color: #ff0000;
}

.mts-required {
    color: #ff0000;
}