@CHARSET "UTF-8";

/* table#member_reserve_tbl  a {
  color: #0080c0;
  text-decoration: underline;
} */

#member_reserve_tbl tr td a.one {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 0px 3px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  transition: none;
  -webkit-transition: none;
  padding: 10px 5px;
  vertical-align: middle;
  border: 1px solid #988163;
  background-color: #C6B096;
  background-image: -webkit-linear-gradient(top, #C6B096, #988163);
  background-image: linear-gradient(to bottom, #C6B096, #988163);
}



/* ------------------------ */
/* 会員ページ */
/* ------------------------ */
.alert {
  border: 1px solid transparent;
  border-radius: 4px;
  padding: 5px 15px;
  margin-bottom: 20px;
}

.alert-success {
  background-color: #dff0d8;
  border-color: #c5dfae;
  color: #3c763d;
}

.alert-error {
  background-color: #ffb9b9;
  border-color: #ff9d9d;
  color: #ae0000;
}

div#member_login_area {
  background: #e9dbc9;
  border:1px solid #DDCCBB;
  border-radius: 6px;        /* CSS3草案 */
  margin:30px auto 20px;
  -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;   /* Firefox用 */
  padding: 10px 30px 30px;
  width: 250px;
}

div#member_login_area div.alert-error {
  background: none;
  border: none;
  color: #c00;
}

div#member_login_title {
  text-align: center;
  font-weight: bolder;
  margin-bottom: 20px;
}

div#member_login_area div.input_area {
    margin-bottom: 10px;
    text-align: center;
}


::-webkit-input-placeholder {
    color: #cccccc;
}

div#member_login_btn_area {
    margin-bottom: 10px;
    text-align: center;
}

div#member_login_btn_area button {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 0px 20px;
  padding: 10px 0;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  transition: none;
  -webkit-transition: none;
  width: 150px;
  border: 1px solid #988163;
  background-color: #C6B096;
  background-image: -webkit-linear-gradient(top, #C6B096, #988163);
  background-image: linear-gradient(to bottom, #C6B096, #988163);
}

div#member_home_menu_area {
  margin-bottom: 30px;
}

div#member_home_menu_area a.one,
div#member_home_menu_area a.two {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 0px 3px;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  transition: none;
  -webkit-transition: none;
  width: 85px;
  padding: 10px;
  height: 34px;
  vertical-align: middle;
  border: 1px solid #988163;
  background-color: #C6B096;
  background-image: -webkit-linear-gradient(top, #C6B096, #988163);
  background-image: linear-gradient(to bottom, #C6B096, #988163);
}

div#member_home_menu_area a.one {
  line-height: 34px;
}
div#member_home_menu_area a.two {
  line-height: 16px;
  }

div#member_home_menu_area ul {
  list-style-type: none;
  vertical-align: top;
}

div#member_home_menu_area ul li {
  display: inline-block;
  margin-bottom: 10px;
}

table#member_reserve_tbl tr td.date { text-align: center; white-space: nowrap; }
@media screen and (min-width: 1024px){
    table#member_reserve_tbl tr td.time { text-align: center; white-space: nowrap; }
}
table#member_reserve_tbl tr td.service_type { text-align: center; white-space: nowrap; }
table#member_reserve_tbl tr td.cancel { text-align: center; white-space: nowrap; }

table#member_reserve_tbl {
  border: solid 1px #d6b77c;
  border-collapse: collapse;
  margin-bottom: 10px;
  width: 100%;
}
table#member_reserve_tbl tr th {
  border: solid 1px #d6b77c;
  background: #eee1ca;
  font-weight: normal;
  line-height: 1.2em;
  padding: 2px 5px;
  text-align: center;
  width: 200px;
}

@media screen and ( max-width:640px )
{
    table#member_reserve_tbl tr th {
        width: 100px;
    }
}
table#member_reserve_tbl tr td {
  border: solid 1px #d6b77c;
  font-size: 0.9em;
  line-height: 1.0em;
  text-align: left;
  padding: 8px 5px;
}


div#cancel_confirm_area {
  background: #fff;
  height: 240px;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  width: 350px;
  border-radius: 6px;        /* CSS3草案 */
  -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 6px;   /* Firefox用 */

}

div.cancel_inner_title {
/*  border: 2px solid #e6d9ca; */
  background: #dccbb8;
  margin-bottom: 30px;
  padding: 2px 10px;
  text-align: left;
  font-weight: bolder;
  font-size: 0.9em;
  border-top-left-radius: 6px;        /* CSS3草案 */
  border-top-right-radius: 6px;        /* CSS3草案 */
  -webkit-border-top-left-radius: 6px;    /* Safari,Google Chrome用 */
  -webkit-border-top-right-radius: 6px;    /* Safari,Google Chrome用 */
  -moz-border-top-left-radius: 6px;   /* Firefox用 */
  -moz-border-top-right-radius: 6px;   /* Firefox用 */
}

#cancel_no, #cancel_yes {
  border-radius: 4px;
  color: #fff;
  display: inline-block;
  margin: 0px 20px;
  padding: 10px 0;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
  transition: none;
  -webkit-transition: none;
  width: 100px;
  border: 1px solid #988163;
  background-color: #C6B096;
  background-image: -webkit-linear-gradient(top, #C6B096, #988163);
  background-image: linear-gradient(to bottom, #C6B096, #988163);
}

#cancel_no {
  border: 1px solid #808080;
  background-color: #c0c0c0;
  background-image: -webkit-linear-gradient(top, #c0c0c0, #808080);
  background-image: linear-gradient(to bottom, #c0c0c0, #808080);
}
#cancel_yes {
  border: 1px solid #988163;
  background-color: #C6B096;
  background-image: -webkit-linear-gradient(top, #C6B096, #988163);
  background-image: linear-gradient(to bottom, #C6B096, #988163);
}




/* 会員ページ予約 */
table#reserve_tbl {
  border-collapse: collapse;
  border: 1px solid #c0c0c0;
  margin-bottom: 20px;
}
table#reserve_tbl th,
table#reserve_tbl td {border: solid 1px #c0c0c0}

table#reserve_tbl tr th {
  background: #ecdec6;
  font-size: 0.9em;
  font-weight: bolder;
  text-align: center;
  width: 130px;
}

table#reserve_tbl a:link { color: #0080c0; text-decoration: underline;}
table#reserve_tbl a:active { color: #0080c0; text-decoration: underline;}
table#reserve_tbl a:visited { color: #0080c0; text-decoration: underline;}

td.this_month,td.next_month {
  padding-left: 5px;
  text-align:left;
}
td.this_month,td.next_month {
  font-size: 0.9em;
  line-height: 1.5em;
  font-weight: bolder;
}

td.this_month { background: #f5eee2;  }
td.next_month { background: #e6d2b7; }
td.day {
  background: #eee;
  font-size: 0.9em;
  text-align: center;
  line-height: 1.2em;
  width: 30px;
}
td.week0 { background: #ffd7d7; }
td.week6 { background: #dfdfff; }


td.base { text-align: center; vertical-align: middle;}
td.ok { background: #f7f4c8; }
td.ng { background: #e1e1e1; }
td.holi { background: #e1e1e1; }

table#reserve_tbl2 {
  border-collapse: separate;
  border-spacing: 2px;
  margin: 15px 0px;
  width: 100%;
}

table#reserve_tbl2 tr th {
  background: #F0E0D0;
  border-bottom: 1px dotted #DDBB99;
  font-weight: normal;
  padding: 0 10px;
  width: 200px;
}

table#reserve_tbl2 tr td {
  border-bottom: 1px dotted #DDBB99;
  padding: 2px 0;
}

@media screen and ( max-width:640px )
{
    table#reserve_tbl2 tr th {
        width: 100px;
    }
}