@charset "UTF-8";

* {
padding: 0;
margin: 0;
}

html, body {
background: #edffdd;
text-align: left;
font: 12px/175% 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
color: #555;
}

div#wrapper {
width: 820px;
margin: 0 auto;
background: #fff;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

div#wrapper div#shop_header h2 {
font-size: 20px;
padding-top: 10px;
font-weight: bold;
text-indent: 25px;
height: 30px;
color: #fff;
background: #fff url(../images/pc/def_header.png);
}

form {
display: inline;
}

li {
list-style: none;
}

a {
text-decoration: none;
color: #60bbff;
font-weight: bold;
}

div.prev {
margin-top: 25px;
}

div.top {
margin-top: 0px;
}

div.prev a {
display: block;
color: #fff;
text-indent: 12px;
background: #5ea83c;
height: 21px;
padding: 3px 0px;
}

div.prev a:hover {
color: #bfd50c;
}

div#regist div.update_message {
width: 560px;
margin: 20px auto 20px auto;
padding: 20px;
background: #d4edff;
font-weight: bold;
color: #356b91;
}

div#system_message blockquote {
padding: 5px 10px;
background: #fff09e;
font-weight: bold;
color: #666;
}

/**
 * login
 */
div#login_message blockquote {
width: 800px;
padding: 3px 10px;
margin: 0 auto;
color: #fff;
font-weight: bold;
background:#3c995b;
text-align: center;
}

div#login {
position: static;
margin: 0px auto;
width: 350px;
height: 160px;
}

div#login table#login_table {
position: relative;
top: 20px;
width: 100%;
}

div#login table#login_table th,
div#login table#login_table td {
padding: 5px;
color: #3c995b;
font-size: 14px;
}

div#login table#login_table td input.insert {
height: 36px;
width: 120px;
background: #3c995b;
font-size: 12px;
color:#fff;
cursor: pointer;
font-weight: bold;
border: 1px solid #3c995b;
}

blockquote.login_info {
width: 450px;
margin: 10px auto 0 auto;
text-align: right;
}

/**
 * menu
 */
table#menu_table {
width: 380px;
margin: 40px auto;
}

table#menu_table td#menu_title {
height: 28px;
background: #bfd50c;
color: #fff;
font-weight: bold;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
text-align: center;
}

table#menu_table td#menu_item div {
padding: 20px 0;
border: 1px solid #aaa;
}

table#menu_table td#menu_item div table td a {
color: #60bbff;
font-weight: bold;
text-decoration: underline;
}

table#menu_table td#menu_item div table td a:hover {
color: #4284b2;
}

/**
 * service select
 */
table#service_list {
width: 580px;
margin: 0 auto;
}

table#service_table {
border: 1px solid #e9afaf;
}

table#service_table td {
padding: 3px 5px;
}

table#service_table td.service_name {
background: #e9afaf url(../images/pc/service_name.png) repeat-x;
font-weight: bold;
font-size: 14px;
border-bottom: 1px solid #e9afaf;
}

table#service_table td.service_time {
font-weight: bold;
color: #b54f4f;
}

table#service_table td.staff {
text-align: left;
}

table#service_table td.staff li {
float: left;
margin-right: 10px;
}

table#service_table td.staff li a {
color: #9e7777;
font-weight: normal;
text-decoration: underline;
padding-left: 14px;
background: #fff url(../images/pc/right-allow-box.png) no-repeat;
}

table#service_table td.staff li a.staff_free {
color: #ce9b9b;
font-weight: bold;
}

table#service_table td.next{
text-align: right;
}

table#service_table td.next input.submit_button {
height: 30px;
width: 120px;
background: #ec9800;
font-size: 12px;
color:#fff;
cursor: pointer;
background: url(../images/pc/button.png) repeat-x;
border: 1px solid #d66a69;
}

/**
 * reserve table
 */
div#regist ul.page_prev {
margin-top: 10px;
}

div#regist ul.page_prev li a {
color: #60bbff;
font-weight: bold;
text-decoration: underline;
padding-left: 14px;
}

div#regist ul.page_prev li a:hover {
color: #4284cd;
}

table#reserve_table {
width: 620px;
margin: 10px auto;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}

table#reserve_table th {
padding: 0px 3px;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
color: #60bbff;
background: #d4edff;
}

table#reserve_table td {
padding: 0px 3px;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

/**
 * update
 */
table.update_table {
width: 620px;
margin: 40px auto 20px auto;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}

table.update_table th {
padding: 3px 5px;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
color: #60bbff;
background: #d4edff;
}

table.update_table td {
padding: 3px 5px;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

table.update_table td strong {
color: #c40026;
}

table.update_table td input.remove {
height: 36px;
width: 120px;
background: #3c995b;
font-size: 12px;
color:#fff;
cursor: pointer;
font-weight: bold;
border: 1px solid #3c995b;
}

div#regist div.next {
text-align: center;
}

div#regist div.next input.submit_button {
height: 36px;
width: 120px;
background: #3c995b;
font-size: 12px;
color:#fff;
cursor: pointer;
font-weight: bold;
border: 1px solid #3c995b;
}

/**
 * calender
 */
table#calender_table {
width: 760px;
margin: 0 auto;
border-top: 1px solid #aaa;
border-left: 1px solid #aaa;
}

table#calender_table th,
table#calender_table td {
text-align: center;
border-right: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}

table#calender_table th.ym {
background: #f7d6d6;
}

table#calender_table th.sun {
background: #ed9db9;
}

table#calender_table th.hol {
background: #ffadff;
}

table#calender_table th.every {
background: #fff;
}

table#calender_table th.sat {
background: #b5bce8;
}

table#calender_table td.sun {
background: #ffadff;
}

table#calender_table td.hol {
background: #f4e8e8;
}

table#calender_table td.every {
background: #fff;
}

table#calender_table td.sat {
background: #dde0e8;
}

table#calender_table td span.closed {
color: #aeaeae;
}

table#calender_table td span.open {
font-weight: bold;
}

table#calender_table td.calender_navigation {
text-align: right;
background: #cbdd3f;
padding-right: 5px;
}

table#calender_table td.calender_navigation a {
color: #fff;
font-weight: bold;
}

table#calender_table td.calender_navigation a:hover {
color: #5ea83c;
}

table#calender_table tr.data td div {
background: #e9e9e9;
}

table#calender_table tr.data td div.enable_receipt {
background: #fff;
}

table#calender_table tr.data td div.current_reserve {
background: #fff09e;
}

table#calender_table tr.data td div.enable_receipt a {
display: block;
background: #fff;
}

table#calender_table tr.data td div.current_reserve a {
display: block;
background: #fff09e;
}

/**
 * time
 */
table#time_table {
width: 620px;
margin: 0 auto;
border-top: 1px solid #e9afaf;
border-left: 1px solid #e9afaf;
}

table#time_table th,
table#time_table td {
text-align: center;
border-right: 1px solid #e9afaf;
border-bottom: 1px solid #e9afaf;
}

table#time_table th.ymd {
background: #f7d6d6;
}

table#time_table th.sun {
background: #ed9db9;
}

table#time_table th.hol {
background: #ffadff;
}

table#time_table th.every {
background: #fff;
}

table#time_table th.sat {
background: #9ba3ea;
}

table#time_table td.sun {
background: #ed9db9;
}

table#time_table td.hol {
background: #ffadff;
}

table#time_table td.every {
background: #fff;
}

table#time_table td.sat {
background: #9ba3ea;
}

table#time_table td.time_navigation {
background: #f4efef;
}

div.seal {
text-align: center;
}

table#calender_table td div.room {
line-height: 1.4em;
text-align: left;
border-top: 1px solid #f7b357;
/* background: #fff9d1; */
padding: 2px 0px;
}

table#calender_table td div.room_bottom {
line-height: 1.4em;
text-align: left;
border-top: 1px solid #f7b357;
border-bottom: 1px solid #f7b357;
/*background: #fff9d1;*/
padding: 2px 0px;
}

table#calender_table tr.disable {
background: #d9d9d9;
}

table#calender_table td.day_disable {
background: #d9d9d9;
}

table#calender_table td a div.current_reserve,
table#calender_table td a div.other_reserve {
background: #fff09e;
}

table#calender_table td a:active div.current_reserve,
table#calender_table td a:active div.other_reserve,
table#calender_table td a:active div.enable_receipt {
background: #60bbff;
color: #fff;
}