body {
  background-color: #fff;
  color: #333;
  font-size: small;
  margin: 0 0 2em 0;
  overflow-y: scroll;
  padding: 0;
  width: 100%;
}

@media print {
  body {
    overflow: visible;
  }
}

.content-page {
  left: 0px;
  margin: 0 auto;
  right: 0px;
  width: 760px;
}

.content-main {
  margin-top: 1.5em;
  width: 100%;
}

.content-substance {
  left: 0px;
  margin: 0 auto;
  right: 0px;
}

DIV.space {
  font-size: 1pt;
  height: 10px;
  width: 1px;
}

.left-right-block {
  display: table;
  width: 100%;
}

  .left-right-block > div:nth-child(1) {
    display: table-cell;
    text-align: left;
  }

  .left-right-block > div:nth-child(2) {
    display: table-cell;
    text-align: right;
  }

  .left-right-block input[type=submit] {
    height: 30px;
    vertical-align: middle;
  }

.horizontal-block {
  display: table;
}

  .horizontal-block > div {
    display: table-cell;
    vertical-align: top;
  }



.panel-layout-aki {
  width: 95%;
  margin: 0 auto;
}

  .panel-layout-aki > div:first-child {
    padding-right: 5px;
    width: 100%;
  }



.header_bg01 {
  background-image: url(../images/header_bg01.gif);
}

.header_bg02 {
  background-image: url(../images/header_bg_beta.gif);
}

.header_bg03 {
  background-image: url(../images/header_bg00.gif);
}

.header_bg04 {
  background-image: url(../images/header_bg02.gif);
}

.header_name_bg_left {
  background-image: url(../images/name_left.gif);
  background-position: left top;
  background-repeat: no-repeat;
  height: 29px;
  width: 12px;
}

.header_name_bg_right {
  background-image: url(../images/name_right.gif);
  background-position: right top;
  background-repeat: no-repeat;
  height: 29px;
  width: 12px;
}

.header_name_bg {
  background-image: url(../images/name_bg.gif);
  background-repeat: repeat-x;
  color: #000;
  font-size: 12px;
  line-height: 13px;
  padding: 0 5px 0 3px;
}

.header_limitdate {
  color: #ff0;
  font-size: 10pt;
  font-weight: bold;
  line-height: 13px;
}

.header_btn_left {
  background-image: url(../images/header_btn01_left.gif);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 10px;
  height: 24px;
  line-height: 16px;
  width: 6px;
}

.header_btn_right {
  background-image: url(../images/header_btn01_right.gif);
  background-repeat: no-repeat;
  color: #fff;
  height: 24px;
  font-size: 10px;
  line-height: 16px;
  width: 12px;
}

.header_btn {
  background-image: url(../images/header_btn_bg.gif);
  background-repeat: repeat-x;
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  height: 24px;
  line-height: 16px;
  text-align: center;
  vertical-align: text-top;
  width: 108px;
}

.header_btn_notpointer {
  background-image: url(../images/header_btn_bg.gif);
  background-repeat: repeat-x;
  color: #fff;
  height: 24px;
  font-size: 10px;
  line-height: 16px;
  text-align: center;
  vertical-align: text-top;
  width: 108px;
}

.header_btn_on_left {
  background-image: url(../images/header_btn01_left_on.gif);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 10px;
  height: 24px;
  line-height: 16px;
  width: 6px;
}

.header_btn_on_right {
  background-image: url(../images/header_btn01_right_on.gif);
  background-repeat: no-repeat;
  color: #fff;
  font-size: 10px;
  height: 24px;
  line-height: 16px;
  width: 12px;
}

.header_btn_on {
  background-image: url(../images/header_btn_bg_on.gif);
  background-repeat: repeat-x;
  color: #fff;
  cursor: pointer;
  font-size: 10px;
  height: 24px;
  line-height: 16px;
  text-align: center;
  vertical-align: text-top;
  width: 108px;
}

.header_title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 17px;
}

.header_link {
  color: #fff;
  text-decoration: none;
}

  .header_link:link {
    color: #fff;
    text-decoration: none;
  }

  .header_link:visited {
    color: #fff;
    text-decoration: none;
  }

  .header_link:active {
    color: #fff;
    text-decoration: none;
  }

  .header_link:hover {
    color: #fff;
    text-decoration: none;
  }

.header-system-name {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  left: 105px;
  letter-spacing: 2px;
  position: absolute;
  top: 9px;
  z-index: 1000;
}

.header-favorite-td {
  height: 51px;
  position: relative;
  text-align: right;
  vertical-align: top;
}

.header-favorite {
  cursor: pointer;
  position: relative;
  right: 7px;
  top: 10px;
  z-index: 500;
}

.header-favorite-info {
  background-color: #fff;
  border: 2px ridge #888;
  border-radius: 10px;
  display: none;
  position: absolute;
  right: 10px;
  text-align: left;
  top: 27px;
  z-index: 3000;
}

  .header-favorite-info > div {
    background-color: #9cf;
    border-bottom: 3px double #888;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    font-weight: bold;
    padding: 0.5em 3em 0.5em 1em;
    white-space: nowrap;
  }

  .header-favorite-info > span {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    font-size: medium;
    line-height: 2em;
    padding: 1em;
  }

.header-logout {
  position: absolute;
  right: 10px;
  top: 35px;
  z-index: 1500;
}

.header-favorite > img, .header-logout {
  border-width: 0px;
}

.header-username {
  left: 105px;
  position: absolute;
  top: 29px;
  z-index: 1000;
}

.header-username-left {
  background-image: url(../images/headerNameLeft.gif);
  background-repeat: no-repeat;
  height: 29px;
  width: 10px;
}

.header-username-center {
  background-image: url(../images/headerNameCenter.gif);
  font-size: 14px;
  height: 21px;
  padding: 8px 3px 0px 3px;
  text-align: center;
  white-space: nowrap;
}

.header-username-right {
  background-image: url(../images/headerNameRight.gif);
  background-repeat: no-repeat;
  height: 29px;
  width: 12px;
}

.header-navi-list {
  left: auto;
  position: absolute;
  right: 0px;
  top: 70px;
  z-index: 1000;
}

.header-navi-btn-left {
  background-image: url(../images/HeaderBtnLeftOff.gif);
  background-repeat: no-repeat;
  height: 24px;
  width: 8px;
}

.header-navi-btn-center {
  background-image: url(../images/HeaderBtnCenterOff.gif);
  font-size: 10px;
  height: 24px;
  line-height: 16px;
  text-align: center;
  white-space: nowrap;
  width: 100px;
}

.header-navi-btn-right {
  background-image: url(../images/HeaderBtnRightOff.gif);
  background-repeat: no-repeat;
  height: 24px;
  width: 15px;
}

footer {
  width: 100%;
}

  footer > div {
    left: 0px;
    margin: 3em auto 0 auto;
    right: 0px;
    text-align: center;
    width: 771px;
  }

.table-list,
.table-vertical {
  border: 1px outset #fff;
  border-collapse: separate;
  color: #000;
  font-size: small;
  width: 100%;
}

  .table-list > input,
  .table-vertical input {
    margin: 1px;
  }

.table-row-title {
  min-height: 36px;
}

  .table-row-title > th,
  .table-row-title > td {
    background-color: #ccf;
    border: 1px inset #fff;
    font-weight: bold;
    padding: 2px;
    text-align: center;
    word-break: break-all;
  }

.table-row-data {
  min-height: 36px;
}

  .table-row-data > td {
    border: 1px inset #fff;
    padding: 2px;
    word-break: break-all;
  }

.table-row-paging > td {
  border: 0px;
  text-align: right;
}

.paging-linklist {
  text-align: right;
}

.table-vertical tr {
  min-height: 30px;
}

  .table-vertical tr > th,
  .table-vertical tr > td {
    border: 1px inset #fff;
    padding: 2px;
    word-break: break-all;
  }

.table-cell-title {
  background-color: #ccf;
  font-weight: bold;
  text-align: center;
  width: 15%;
}

.table-cell-title-user {
  background-color: #ccf;
  font-weight: bold;
  text-align: left;
}

.table-title-white {
  background-color: #8282d9;
  color: #fff;
  font-size: large;
  font-weight: bold;
  text-align: center;
}

.table-cell-rowno {
  text-align: center;
}

.table-cell-name {
  text-align: left;
}

.table-cell-checkbox {
  text-align: center;
}

.table-cell-num {
  text-align: right;
}

.table-cell-code {
  text-align: center;
}

.table-cell-datetime {
  text-align: center;
}

.table-list .table-cell-datetime {
  padding: 2px 0;
}


.table-cell-confirm {
  text-align: center;
}

.table-cell-image {
  text-align: center;
}

  .table-cell-image img {
    vertical-align: middle;
  }

.table-cell-item {
  text-align: center;
}

.table-select-lgname {
  border: 1px outset #fff;
  border-collapse: separate;
  color: #000;
  font-size: small;
  width: 100%;
}

  .table-select-lgname tr:first-child > td {
    background-color: #ccf;
    font-weight: bold;
    text-align: center;
  }

  .table-select-lgname tr > td {
    border: 1px inset #fff;
    padding: 2px;
    word-break: break-all;
  }

.table-yoyaku {
  width: 90%;
  margin: 0 auto;
}

.table-syukuhaku {
  width: 100%;
}

.table-font-medium {
  font-size: medium;
}

.table-vertical tr > .table-yoyaku-header {
  padding: 6px 8px;
}

.table-yoyaku-header input[type="button"],
.table-yoyaku-header input[type="submit"] {
  height: 28px;
}


.table-payment-summary {
  margin-left: auto;
  margin-right: 0;
  width: 30%;
}

.table-cell-summary {
  font-size: medium;
  font-weight: bold;
  text-align: right;
}

.table-webcvs-summary {
  margin: 2px 0px 5px auto;
  width: 45%;
}

.table-title-webcvs {
  background-color: #ccf;
  font-weight: bold;
  text-align: center;
  width: 33%;
}


.table-calendar {
  border: 1px outset #fff;
  color: #000;
  font-size: small;
  margin: 0 auto;
  width: 100%;
}

.calendar-titlerow-week {
  min-height: 36px;
}

.calendar-datarow-week {
  min-height: 36px;
}

.calendar-footer-week {
  min-height: 25px;
}

.calendar-titlerow-week th,
.calendar-titlerow-week td {
  background-color: #ccf;
  border: 1px inset #fff;
  font-size: small;
  padding: 2px;
}

.calendar-titlerow-week .table-cell-datetime,
.calendar-titlerow-week .table-cell-datetime {
  white-space: nowrap;
  padding: 2px 0;
}

.calendar-datarow-week th,
.calendar-datarow-week td {
  border: 1px inset #fff;
  padding: 2px;
}

.calendar-footer-week td {
  border: 1px inset #fff;
  padding: 2px;
}

.calendar-daterow-week {
  min-height: 36px;
}

.calendar-daylinkrow-week {
  min-height: 36px;
}

  .calendar-daylinkrow-week th,
  .calendar-daylinkrow-week td {
    border: 1px inset #fff;
    font-size: small;
    padding: 2px 0;
  }

.calendar-daylink-week {
  background-color: #ccf;
}

.calendar-week-allsisetu {
  text-align: left;
}

.table-week-dayselect {
  margin: 0 auto;
  width: 100%;
}

.calendar-month {
  margin: 0 auto;
  width: 90%;
}

.calendar-titlerow-month {
  min-height: 21px;
}

.calendar-datarow-month {
  min-height: 55px;
}

.calendar-titlerow-sunday {
  color: #f00;
}

.calendar-titlerow-month th,
.calendar-titlerow-month td {
  background-color: #ccf;
  border: 1px inset #fff;
  padding: 2px;
  width: 14%;
}

.calendar-datarow-month th,
.calendar-datarow-month td {
  border: 1px inset #fff;
  font-size: medium;
  font-weight: bold;
  padding: 2px;
}

.calendar-datacell-month {
  text-align: center;
  vertical-align: top;
}

.calendar-label-aki {
  color: #000;
  font-size: small;
  font-weight: normal;
}

.calendar-icon-adjust {
  height: 28px;
}

.icon-adjuster-full {
  padding-top: 5px;
}


.calendar-titlerow-day {
  min-height: 26px;
}

  .calendar-titlerow-day th,
  .calendar-titlerow-day td {
    background-color: #ccf;
    border: 1px inset #fff;
    padding: 2px 0;
    text-align: center;
  }

.calendar-titlerow-day-sisetuname {
  min-height: 30px;
}

  .calendar-titlerow-day-sisetuname th {
    background-color: #8282D9;
    border: 1px inset #fff;
    color: #fff;
    font-size: medium;
    padding: 2px;
    text-align: left;
  }

.calendar-datarow-day {
  min-height: 26px;
}

  .calendar-datarow-day th,
  .calendar-datarow-day td {
    border: 1px inset #fff;
    font-size: x-small;
  }

.table-inlinearea-day {
  border: 1px outset #fff;
  border-collapse: separate;
  border-spacing: 1px;
  color: #000;
  font-size: small;
  margin-top: -4px;
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
}

.calendar-day-kasisisetutitle {
  width: 100px;
  min-width: 100px;
}

.calendar-day-kasisisetuname {
  padding-left: 1ex;
}

.calendar-day-syukusisetuname {
  width: 35%;
}

.calendar-datacell-day {
  text-align: center;
}


.calendar-daterow-camp {
  min-height: 50px;
}

.calendar-datarow-camp th,
.calendar-datarow-camp td {
  border: 1px inset #fff;
  height: 50px;
  padding: 2px;
}



.table-timeselect {
  margin: 0 auto;
  width: 85%;
}

  .table-timeselect tr {
    min-height: 25px;
  }

  .table-timeselect .table-cell-title {
    font-weight: normal;
    width: 35%;
  }

  .table-timeselect td > input {
    margin-left: 20px;
  }

.label-timeselect-time {
  display: inline-block;
  width: 38%;
}

.label-timeselect-timestatus {
  display: inline-block;
}

.checkbox-timeselect {
  float: left;
  margin-left: 20px;
}

.table-timeselect-sisetu {
  margin: 0 auto;
  width: 85%;
}

.section-datechange {
  margin: 15px auto 5px auto;
}

  .section-datechange > div {
    text-align: center;
    vertical-align: middle;
  }

    .section-datechange > div > img,
    .section-datechange > div > input {
      margin: 0 2px;
    }

.label-datechange-currentdate {
  background-color: #8282D9;
  color: #fff;
  font-size: medium;
  padding: 3px 10px;
}

.calendar-selected-month {
  padding: 2px 50px;
}

.calendar-selected-date {
  padding: 2px 8px;
}

/* 空き状況照会 アイコン凡例 */
.legend-icon-dayweek {
  font-size: small;
  width: 100%;
}

.legend-icon-month {
  font-size: small;
  margin: 0 auto;
  width: 90%;
}

  .legend-icon-dayweek > div,
  .legend-icon-month > div {
    vertical-align: middle;
  }

    .legend-icon-dayweek > div:nth-child(odd) {
      padding-left: 1px;
      padding-right: 2px;
      width: 1em;
    }

    .legend-icon-month > div:nth-child(odd) {
      padding-right: 2px;
      width: 1em;
    }

    .legend-icon-dayweek > div:nth-child(even),
    .legend-icon-month > div:nth-child(even) {
      word-break: keep-all;
      padding-right: .2em;
    }

    .legend-icon-dayweek > div:last-child,
    .legend-icon-month > div:last-child {
      width: 100%;
    }

/* ======== パンくず start ======== */
.breadcrumb {
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  left: 0px;
  margin: 1.5em auto 1em auto;
  padding: 5px 2px 5px 2px;
  right: 0px;
  width: 95%;
}

  .breadcrumb > div > div {
    font-size: 10pt;
    font-weight: bold;
    height: 19px;
    text-align: center;
    vertical-align: middle;
  }

.breadcrumb-active {
  background-image: url(../images/breadcrumb_middle.png);
  background-repeat: repeat-x;
  color: #fff;
  padding: 0px 3px;
}

.breadcrumb-active-left {
  background-image: url(../images/breadcrumb_left.png);
  background-repeat: no-repeat;
  width: 5px;
}

.breadcrumb-active-right {
  background-image: url(../images/breadcrumb_right.png);
  background-repeat: no-repeat;
  width: 5px;
}

.breadcrumb-inactive {
  color: #000;
}

.breadcrumb-complete {
  color: #000;
}

.breadcrumb-arrow {
  background-image: url(../images/arrow_yellow.png);
  background-position: center;
  background-repeat: no-repeat;
  height: 18px;
  padding: 0 0.5em;
  width: 18px;
}

/* ========= パンくず end ========= */

/* ===== 利用規約 start ===== */
.content-kiyaku {
  padding: 5px;
  border-collapse: collapse;
  border: 1px solid #888;
}

.kiyaku-title {
  text-align: center;
}

/* ===== 利用規約 end ===== */

/* ===== 利用者登録 start ===== */
.btnlist-comfirm-agree {
  text-align: center;
}

.btn-agree {
  font-size: small;
  width: 80px;
  height: 30px;
}

.btn-disagree {
  font-size: small;
  margin-left: 50px;
  width: 80px;
  height: 30px;
}

.text-agree {
  font-size: small;
  font-weight: bold;
  color: #f00;
}

/* ===== 利用者登録 end ===== */


/* ===== フォント start ===== */
/* 色 */
.FontColor2 {
  color: #f00;
}

/* サイズ */
.FontSize3 {
  font-size: medium;
}

/* 太さ */
.FontBold {
  font-weight: bold;
}

.font-smaller {
  font-size: smaller;
}

/* ===== フォント end ===== */


/* ===== 必須 ===== */
.Notice {
  margin-left: 5px;
  font-size: smaller;
  font-weight: bold;
  white-space: nowrap;
  color: #ad0000;
}

/* ===== 非表示 ===== */
.noVisible {
  visibility: hidden;
}

/* ===== 透過イメージ用 ===== */
.ZeroSize {
  width: 0px;
  height: 0px;
  display: none;
}

  .ZeroSize + br {
    display: none;
  }

/* ===== バリデーションチェックエラー ===== */
.error_font {
  font-size: small;
  font-weight: bold;
  color: #f00;
}

/* ===== 幅・高さ start ===== */
/* WIDTH指定(ピクセル) */
.WidthPx20 {
  width: 20px;
}

.WidthPx300 {
  width: 300px;
}
/* WIDTH指定(パーセント) */
.WidthPr4 {
  width: 4%;
}

.WidthPr7 {
  width: 7%;
}

.WidthPr9 {
  width: 9%;
}

.WidthPr10 {
  width: 10%;
}

.WidthPr12 {
  width: 12%;
}

.WidthPr15 {
  width: 15%;
}

.WidthPr18 {
  width: 18%;
}

.WidthPr20 {
  width: 20%;
}

.WidthPr25 {
  width: 25%;
}

.WidthPr26 {
  width: 26%;
}

.WidthPr30 {
  width: 30%;
}

.WidthPr40 {
  width: 40%;
}

.WidthPr44 {
  width: 44%;
}

.WidthPr50 {
  width: 50%;
}

.WidthPr60 {
  width: 60%;
}

.WidthPr65 {
  width: 65%;
}

.WidthPr75 {
  width: 75%;
}

.WidthPr90 {
  width: 90%;
}

.WidthPr95 {
  width: 95%;
}

.WidthPr100 {
  width: 100%;
}

/* ===== 幅・高さ end ===== */



.link-pagetop {
  font-size: small;
  margin-top: 2px;
  text-align: right;
}

.buttons-align-right {
  margin-top: 1em;
  text-align: right;
}

.buttons-align-center {
  margin-top: 1em;
  text-align: center;
}

.buttons-valign-middle {
  vertical-align: middle;
}

.buttons-horizontal {
  margin-right: 1ex;
}


.hissu-title {
  font-size: small;
  padding-left: 1em;
  text-align: left;
  text-indent: -1em;
}

.hissu-input {
  font-size: small;
  margin: 2px 0 10px 0;
  padding-left: 1.2em;
  text-align: left;
}

  .hissu-input .ninzuu-detail {
    display: inline-block;
    margin: 3px 0;
  }

.hissu-input-usesisetu {
  margin-left: 24px;
}

.label-sekininsya {
  font-size: small;
}

.input-checkbox-list > label {
  margin-right: .7em;
}


.table-cart {
  border-collapse: collapse;
  border-style: none;
  width: 160px;
}

.cart-border-topleft {
  background-color: #d9d9d9;
  background-image: url(../images/member_01.gif);
  background-position: left top;
  background-repeat: no-repeat;
  width: 8px;
}

.cart-border-top {
  background-color: #d9d9d9;
  font-size: 12pt;
  min-height: 35px;
  padding: 10px 0px 8px 0px;
  text-align: center;
  vertical-align: bottom;
}

.cart-border-topright {
  background-color: #d9d9d9;
  background-image: url(../images/member_02.gif);
  background-position: right top;
  background-repeat: no-repeat;
  width: 8px;
}

.cart-border-left {
  background-image: url(../images/member_03.gif);
  background-position: left top;
  background-repeat: repeat-y;
  width: 8px;
}

.cart-border-right {
  background-image: url(../images/member_04.gif);
  background-position: left top;
  background-repeat: repeat-y;
  width: 8px;
}

.cart-border-leftbottom {
  background-image: url(../images/member_05.gif);
  background-position: left top;
  background-repeat: no-repeat;
  height: 10px;
  width: 8px;
}

.cart-border-bottom {
  background-image: url(../images/member_07.gif);
  background-position: left top;
  background-repeat: repeat-x;
  height: 10px;
}

.cart-border-rightbottom {
  background-image: url(../images/member_06.gif);
  background-position: right top;
  background-repeat: no-repeat;
  height: 10px;
  width: 8px;
}


.cart-content {
  font-size: 12px;
  line-height: 16px;
  text-align: center;
}

.cart-noitems {
  height: 50px;
  margin: 10px 0;
}

.cart-button,
.cart-link {
  display: block;
  margin: 8px auto;
  text-align: center;
}


.cart-item-midasi {
  background-color: #ccf;
  padding: 1px 0px 1px 5px;
  text-align: left;
}

.cart-item {
  border: solid 1px #ccf;
  padding: 2px 0px 2px 3px;
  text-align: left;
}

.cart-item-syukuhaku-midasi {
  background-color: #fcc;
  padding: 1px 0px 1px 5px;
  text-align: left;
}

.cart-item-syukuhaku {
  border: solid 1px #fcc;
  padding: 2px 0px 2px 3px;
  text-align: left;
}

.cart-item-tyuusen-midasi {
  background-color: #cf9;
  padding: 1px 0px 1px 5px;
  text-align: left;
}

.cart-item-tyuusen {
  border: solid 1px #cf9;
  padding: 2px 0px 2px 3px;
  text-align: left;
}




.label-caption {
  font-size: small;
  padding-left: 1em;
  text-align: left;
  text-indent: -1em;
  word-break: break-all;
}

.label-caption-comment {
  font-size: small;
  padding-left: .8em;
  text-align: left;
  word-break: break-all;
}

.label-errors {
  text-align: left;
  word-break: break-all;
}

.label-vmargin-more {
  margin: 10px 0;
}

.label-comment-right {
  font-size: small;
  text-align: right;
  word-break: break-all;
}



/* ===== 文字装飾 start ===== */

/* コメント Type-A(緑字) */
.comment_A {
  color: Green;
  font-weight: normal;
}

/* コメント Type-B(青字) */
.comment_B {
  color: Blue;
  font-weight: normal;
}

/* コメント Type-C(緑太字) */
.comment_C {
  color: Green;
  font-weight: bold;
}

/* コメント Type-D(赤太字) */
.comment_D {
  color: Red;
  font-weight: bold;
}

/* (抽選)の文字 */
.lot {
  color: #f00;
}

/* ===== 文字装飾 end ===== */


/* ボタン */
.ykr_btn {
  Height: 30px;
}

/* テキストボックス */

/* 郵便番号(上3桁) */
.txt_YuubinNo1 {
  width: 27px;
  text-align: right;
  ime-mode: disabled;
}

/* 郵便番号(下4桁) */
.txt_YuubinNo2 {
  width: 34px;
  text-align: right;
  ime-mode: disabled;
}

/* 電話番号 */
.txt_TelNo {
  width: 41px;
  text-align: right;
  ime-mode: disabled;
}

/* 氏名 */
.txt_Simei {
  width: 150px;
  ime-mode: active;
}

/* 人数 */
.txt_Ninzuu {
  width: 50px;
  text-align: right;
  ime-mode: disabled;
}

/* 複数行テキストボックス */
.txt_MultiLine {
  resize: vertical;
  overflow-y: auto;
  ime-mode: active;
}

/* ime-mode */
/* IMEオン(全角入力) */
.imeJp {
  ime-mode: active;
}

/* IMEオフ(半角入力) */
.imeEn {
  ime-mode: inactive;
}

/* IME無効 */
.imeOff {
  ime-mode: disabled;
}

/* エラー・警告画面の文字 */
.info_title {
  font-size: 10px;
  line-height: 10px;
  color: #fff;
}

/* 空き状況の確認用のスタイル */
/* 空き */
.aki_empty {
  background-color: #fff;
  color: Black;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

.aki_empty_left {
  background-color: #fff;
  color: Black;
  text-align: left;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

.aki_empty_right {
  background-color: #fff;
  color: Black;
  text-align: right;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

/* 抽選 */
.aki_tyuusen {
  background-color: #3c9;
  color: Black;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

.aki_tyuusen_left {
  background-color: #3c9;
  color: Black;
  text-align: left;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

.aki_tyuusen_right {
  background-color: #3c9;
  color: Black;
  text-align: right;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

/* 選択済み */
.aki_select {
  background-color: #ff0;
  color: Black;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

.aki_select_left {
  background-color: #ff0;
  color: Black;
  vertical-align: middle;
  text-align: left;
  font-size: small;
  font-weight: normal;
}

.aki_select_right {
  background-color: #ff0;
  color: Black;
  vertical-align: middle;
  text-align: right;
  font-size: small;
  font-weight: normal;
}

.aki_select_bold {
  background-color: #ff0;
  color: Black;
  text-align: center;
  font-size: small;
  font-weight: bold;
}

/* 空き無し */
.aki_full {
  background-color: #ccc;
  color: Black;
  text-align: center;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

.aki_full_left {
  background-color: #ccc;
  color: Black;
  text-align: left;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}

.aki_full_right {
  background-color: #ccc;
  color: Black;
  text-align: right;
  vertical-align: middle;
  font-size: small;
  font-weight: normal;
}


/* 
 * 空き状況の確認(１ヵ月)用のスタイル
 */
/* 休日 見出し */
.calendar_holiday_midasi {
  background-color: #ccf;
  color: Red;
  text-align: center;
  font-size: smaller;
  font-weight: bold;
  padding: 3px 0px 3px 0px;
}

/* 休日・未選択 */
.calendar_holiday {
  background-color: #fff;
  color: Red;
  text-align: center;
  font-size: small;
  font-weight: bold;
}

/* 休日・選択済み */
.calendar_holiday_select {
  background-color: #ff0;
  color: Red;
  text-align: center;
  font-size: small;
  font-weight: bold;
}




.table-tab {
  border: 0px none;
  border-collapse: collapse;
  margin: 0 auto 10px;
}

  .table-tab tr:nth-child(1) > td {
    padding-bottom: 0;
    padding-left: 0;
    vertical-align: bottom;
  }

    .table-tab tr:nth-child(1) > td:last-child {
      width: 100%;
    }

  .table-tab tr:nth-child(2) > td {
    background-image: url(../images/tabBase.gif);
    height: 4px;
    vertical-align: top;
  }

.tab-on {
  display: table;
}

  .tab-on > span {
    display: table-cell;
    color: #fff;
    font-size: 10pt;
    font-weight: bold;
    background-image: url(../images/tab_AkiZyoukyou_middle_on.gif);
    background-repeat: repeat-x;
    height: 26px;
    padding: 0px 3px 0px 3px;
    vertical-align: middle;
    white-space: nowrap;
  }

  .tab-on:before {
    background-image: url(../images/tab_AkiZyoukyou_left_on.gif);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 26px;
    width: 28px;
  }

  .tab-on:after {
    background-image: url(../images/tab_AkiZyoukyou_right_on.gif);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 26px;
    width: 28px;
  }

.tab-off {
  display: table;
}

  .tab-off > span {
    background-image: url(../images/tab_AkiZyoukyou_middle_off.gif);
    background-repeat: repeat-x;
    display: table-cell;
    color: #000;
    font-size: 10pt;
    font-weight: bold;
    height: 20px;
    padding: 0px 3px 0px 3px;
    vertical-align: middle;
    white-space: nowrap;
  }

  .tab-off:before {
    background-image: url(../images/tab_AkiZyoukyou_left_off.gif);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    width: 27px;
  }

  .tab-off:after {
    background-image: url(../images/tab_AkiZyoukyou_right_off.gif);
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 20px;
    width: 27px;
  }




.payment_notes {
  background-color: #fff;
  border: solid 1px #888;
  border-collapse: collapse;
  font-size: small;
  padding: 5px;
}

.confrim_table {
  border: solid 1px #888;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: #fff;
}

.confirm_message {
  background-color: #fff;
  border: solid 1px;
  border-right: none 0px;
  color: #000;
  font-size: small;
  height: 36px;
  padding: 5px;
  text-align: left;
}

  .confirm_message > .mark {
    color: #ff9900;
  }

.confirm {
  background-color: #d8ffff;
  border: solid 1px;
  border-left: none 0px;
  color: #000;
  font-size: smaller;
  height: 36px;
  padding: 5px;
  text-align: center;
  width: 15%;
}


.VoiceGuide {
  font-size: 10pt;
  font-weight: bold;
  height: 15px;
}

.search-menu {
  margin-top: 3em;
}

  .search-menu > div {
    padding: 0 1.6em;
  }

.bihin-table-row {
  white-space: nowrap;
}


.confirmList-header {
  background-color: #8282d9;
  color: #fff;
  font-size: large;
  font-weight: bold;
}

.confirmList-contents {
  padding: 5px;
}

  .confirmList-contents > div:nth-child(1) {
    padding: 5px;
  }

.confirmList-confirm {
  border: 1px solid;
  display: table;
  margin: 2px;
  width: 99%;
}

  .confirmList-confirm > div:nth-child(1) {
    color: #000;
    display: table-cell;
    font-size: small;
    padding: 5px;
  }

  .confirmList-confirm > div:nth-child(2) {
    background-color: #d8ffff;
    color: #000;
    display: table-cell;
    padding: 5px;
    text-align: center;
    width: 15%;
  }

/*画面を覆うレイヤー*/
.fade-layer {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: #000000;
  opacity: 0.1;
  visibility: hidden;
  z-index: 9999999;
}