@charset "utf-8";
/* Label
   ========================================================================== */
.mod-label-icon .alt {
  padding: 1px 4px 2px;
  border: 1px solid #ddd;
  background-color: #fff;
}
.mac .mod-label-icon .alt {
  padding-bottom: 1px;
}
.mac.firefox .mod-label-icon .alt {
  padding-top: 2px;
  padding-bottom: 0;
}
.mod-label-icon .alt.women-only {
  border-color: #ff86b8;
  color: #ff86b8;
}
.mod-label-icon .alt.men-only {
  border-color: #63697d;
  color: #63697d;
}
.mod-label-icon .alt.both-ok {
  border-color: #ee8f00;
  color: #ee8f00;
}
.mod-label-icon .alt.monitor-lesson {
  border-color: #7a82d3;
  color: #7a82d3;
}
.mod-label-icon .alt.personal-service {
  border-color: #00AA82;
  color: #00AA82;
}
.mod-label-icon .alt.personal-service a {
  color: #00AA82;
  text-decoration:underline;
}
/* Forms
   ========================================================================== */
.select-wide {
  width: 300px;
  max-width: 100%;
}
/* Alert
   ========================================================================== */
.alert-box {
  margin-bottom: 25px;
  padding: 12px 15px;
  background-color: #ffecec;
  zoom: 1;
}
/* Message
   ========================================================================== */
.message-box {
  zoom: 1;
  margin-bottom: 30px;
  padding: 10px 14px 8px;
  border: 1px solid #D9D6D1;
  text-align: center;
}
.message-box p {
  font-size: 1.4em;
  font-weight: bold;
}
/* Lesson list
   ========================================================================== */
.lesson-list .mod-article-list {
  padding-top: 0;
  padding-bottom: 1px;
  background-position: left bottom;
  zoom: 1;
}
.lesson-list .mod-article-list .list-item {
  padding-right: 180px;
  background-position: left top;
}
.lesson-list .mod-article-list .list-item > .inner {
  zoom: 1;
  position: relative;
  padding-right: 12px;
  background: url(../img/lesson_list_bg01.png) repeat-y right top;
}
.lesson-list .mod-article-list .list-item > .inner:after {
  content: "";
  display: block;
  clear: both;
}
.lesson-list .mod-article-list .list-item .date {
  margin-bottom: 3px;
}
.lesson-list .mod-article-list .list-item .icon {
  margin-bottom: 7px;
}
.lesson-list .mod-article-list .list-item .title {
  margin-bottom: 15px;
  padding-left: 12px;
  background: url(/common/img/parts/icon_arrow.png) no-repeat 0 0.3em;
}
.lesson-list .reserve-button {
  position: absolute;
  right: -168px;
  top: 50%;
  width: 156px;
  margin-top: -20px;
  background-color: #fff;
}
.lesson-list .reserve-button .mod-button {
  min-width: 100%;
}
.lesson-list .reserve-button .mod-button a,
.lesson-list .reserve-button .mod-button input[type="submit"] {
  background-color: #f0eae1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0eae1), color-stop(100%, #dfdad2));
  background: -webkit-linear-gradient(left top, left bottom, #f0eae1, #dfdad2);
  background: -moz-linear-gradient(left top, left bottom, #f0eae1, #dfdad2);
  background: linear-gradient(to bottom, #f0eae1, #dfdad2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFF0EAE1', endColorstr='#FFDFDAD2') chroma(color=#000000);
  zoom: 1;
  max-width: 134px;
  border: 1px solid #beb8b0;
}

.friend-button input, 
.friend-button .mod-button a {
  background-color: #f0eae1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0eae1), color-stop(100%, #dfdad2));
  background: -webkit-linear-gradient(left top, left bottom, #f0eae1, #dfdad2);
  background: -moz-linear-gradient(left top, left bottom, #f0eae1, #dfdad2);
  background: linear-gradient(to bottom, #f0eae1, #dfdad2);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFF0EAE1', endColorstr='#FFDFDAD2') chroma(color=#000000);
  zoom: 1;
  max-width: 100%;;
  border: 1px solid #beb8b0;
  outline: none;
  line-height: normal !important;
  color: #705e54;
  font-weight: bold;
  vertical-align: top;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.friend-button input:hover, 
.friend-button .mod-button input:hover {  
  background-color: #f0eae1;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f6f6f6), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(left top, left bottom, #f0eae1, #dfdad2);
  background: -moz-linear-gradient(left top, left bottom, #f0eae1, #dfdad2);
  background: linear-gradient(to bottom, #e7e1d9, #e7e1d9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFF0EAE1', endColorstr='#FFDFDAD2') chroma(color=#000000);
  zoom: 1;
}


@media screen and (max-width: 701px) {
  .lesson-list .mod-article-list .list-item {
    padding-right: 12px;
  }
  .lesson-list .mod-article-list .list-item > .inner {
    padding-right: 0;
    background: none;
  }
  .lesson-list .mod-article-list .list-item .body {
    margin-bottom: 8px;
  }
  .lesson-list .mod-article-list .list-item .image {
    margin-bottom: 8px;
  }
  .lesson-list .reserve-button {
    clear: both;
    position: static;
    width: 100%;
    margin-top: 0;
    background: none;
  }
  .lesson-list .reserve-button .mod-button a,
  .lesson-list .reserve-button .mod-button input[type="submit"] {
    max-width: none;
  }
}
/* Lesson detail
   ========================================================================== */
.lesson-detail .image {
  width: 150px;
  margin-bottom: 0;
}
.lesson-detail .title {
  margin: 8px 0 12px;
  padding: 1px 0;
  line-height: 1.3;
  font-size: 1.4em;
  font-weight: bold;
  zoom: 1;
}
@media screen and (max-width: 701px) {
  .lesson-detail .image {
    float: left;
    margin-right: 15px;
    padding-top: 0.25em;
  }
}
@media screen and (max-width: 399px) {
  .lesson-detail .image {
    width: 90px;
  }
}
/* Course status
   ========================================================================== */
#course-status .mod-collapsible-container {
  margin-bottom: 15px;
}
#course-status .mod-collapsible-content > .inner {
  padding: 0;
}
#course-status .course-status-table {
  overflow: hidden;
  zoom: 1;
  margin: 0 -2px -2px -2px;
  padding-bottom: 1px;
}
#course-status .course-status-table table {
  float: left;
  width: 50%;
  margin: 0 -1px -1px 0;
}
#course-status .course-status-table table:nth-child(2n-1) {
  position: relative;
}
#course-status .course-status-table table:nth-child(2n-1) th:last-child {
  border-right: 1px solid #fff;
}
#course-status .course-status-table table:last-child th:last-child {
  border-right: 1px solid #dbd9d5;
}
#course-status .course-status-table th {
  padding-top: 2px;
  padding-bottom: 2px;
}
#course-status .course-status-table td {
  padding: 0 5px;
  text-align: center;
  height: 73px;
  color: #888;
  font-size: 10px;
}
#course-status .course-status-table td img {
  margin-bottom: 3px;
  max-width: 100%;
}
#course-status .course-status-table td .date {
  display: block;
  margin: 0 -5px;
}
#course-status .course-status-table .empty {
  border: none !important;
  background-color: #fff;
}
@media screen and (max-width: 701px) {
  #course-status .course-status-table table {
    float: none;
    width: 100%;
    margin: 0;
  }
  #course-status .course-status-table table:nth-child(2n-1) th:last-child {
    border-right: 1px solid #dbd9d5;
  }
}
/* Common
   ========================================================================== */
.ticket-count {
  zoom: 1;
  margin-bottom: 15px;
  padding: 10px 14px 8px;
  border: 1px solid #D9D6D1;
}
.ticket-count p {
  font-size: 1.4em;
  font-weight: bold;
}
/* Aside
   ========================================================================== */
.sub-agreement-information > .inner > .title {
  margin-bottom: 0;
  padding: 15px 0;
}
.sub-agreement-information dl {
  padding: 10px 0 12px;
  background: url(/common/img/parts/line_x_dashed_gray.png) repeat-x left bottom;
}
.sub-agreement-information dl:last-child {
  padding-bottom: 0;
  background: none;
}
.sub-agreement-information dl dt {
  margin-bottom: 1px;
  padding: 2px 0 1px 18px;
  font-size: 1.4em;
  font-weight: bold;
}
.sub-agreement-information dl.cooking dt {
  color: #8db700;
  background: url(../img/aside_information_bg01.png) no-repeat left center;
}
.sub-agreement-information dl.cake dt {
  color: #ee84b2;
  background: url(../img/aside_information_bg02.png) no-repeat left center;
}
.sub-agreement-information dl.bread dt {
  color: #e06018;
  background: url(../img/aside_information_bg03.png) no-repeat left center;
}
.sub-agreement-information .button-list {
  padding: 6px 11px 11px;
  background-color: #f4f3f0;
}
.sub-agreement-information .button-list .mod-button {
  margin-top: 12px;
  width: 100%;
}
.sub-agreement-information .button-list .mod-button:first-child {
  margin-top: 0;
}
.sub-reserve-top {
  text-align: center;
}
/* Popup
   ========================================================================== */
body.popup .close-button a {
  background-color: #f0f0f0;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, #dedede));
  background: -webkit-linear-gradient(left top, left bottom, #f0f0f0, #dedede);
  background: -moz-linear-gradient(left top, left bottom, #f0f0f0, #dedede);
  background: linear-gradient(to bottom, #f0f0f0, #dedede);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FFF0F0F0', endColorstr='#FFDEDEDE') chroma(color=#000000);
  zoom: 1;
}
body.popup #site-footer .close-button {
  display: none;
}
/* ReserveConfirmCancelWait
   ========================================================================== */
.test00 {
  border-style: solid;
  border-width: 1px;
  width: 100%;
}
.test00 td {
  border-color: #B3A6A9;
  border-style: solid;
  border-width: 1px;
  border-spacing: 10px;
  padding: 1px 5px 1px 5px;
}
.left {
  width: 220px;
  background-color: #FCD7DF;
}

.test01 {
  border-style: solid;
  border-width: 1px;
  width: 100%;
}
.test01 td {
  border-color: #B3A6A9;
  border-style: solid;
  border-width: 1px;
  border-spacing: 10px;
  padding: 1px 5px 1px 5px;
}