@charset "UTF-8";

* {
padding: 0;
margin: 0;
}

form {
display: inline;
}

html, body {
background: #bfd510;
text-align: left;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 1.2em;
color: #fff;
}

a {
text-decoration: none;
color: #4fb23d;
}

a:link,
a:visited,
a:active {
color: #4fb23d;
}

input, select, textarea {
font-size: 100%;
}

div#wrapper {
user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
}

#shop_header {
}

#shop_header div#shop_header_image {
margin: 0.5em auto;
text-align: center;
}

#shop_header2 {
}

#shop_header3 {
}

#shop_header4 {
margin-bottom: 1em;
}

#shop_header h2,
#shop_header2 h2,
#shop_header3 h2,
#shop_header4 h2 {
text-align: left;
font-size: 0.8em;
}

#shop_header h4,
#shop_header2 h4,
#shop_header3 h4,
#shop_header4 h4 {
text-align: left;
font-size: 0.8em;
}

#shop_header div#customer_name,
#shop_header2 div#customer_name,
#shop_header3 div#customer_name,
#shop_header4 div#customer_name {
text-align: left;
background: #f79646;
border-bottom: 5px solid #ef633f;
padding-top: 0.1em;
}

#shop_header div#customer_name span.h2_span,
#shop_header2 div#customer_name span.h2_span,
#shop_header3 div#customer_name span.h2_span,
#shop_header4 div#customer_name span.h2_span {
font-size: 0.8em;
color: #fff;
font-weight: bold;
}

#shop_header div#customer_name span.h4_span,
#shop_header2 div#customer_name span.h4_span,
#shop_header3 div#customer_name span.h4_span,
#shop_header4 div#customer_name span.h4_span {
font-size: 0.8em;
}

#system_message {
text-align: left;
font-size: 0.8em;
padding:3px 5px;
background: #c40026;
}

table#menu_table {
}

table#menu_table #menu_item div table {
border-top: 1px solid #ccc;
}

table#menu_table #menu_item div table td {
border-bottom: 1px solid #ccc;
background: #fff;
text-align: center;
}

table#menu_table #menu_item div table td a {
display: block;
width: 100%;
padding : 0.5em;
font-size: 1.0em;
}

table#menu_table #menu_item div table td a:active {
background: #60bbff;
color: #fff;
}

table#menu_table td.info {
background: #dbf211;
color: #666;
font-size: 1.0em;
text-align: left;
padding: 0.5em;
}

table#menu_table td.prev {
background: #aabc0c;
text-align: left;
padding: 0.5em;
}

table#menu_table td.prev a {
color: #fff;
font-size: 1.0em;
}

table#menu_table td.prev a:active {
color: #fff;
}

table#menu_table td.forward {
background: #aabc0c;
text-align: right;
padding: 0.5em;
}

table#menu_table td.forward a {
color: #fff;
font-size: 1.0em;
}

table#menu_table td.forward a:active {
color: #fff;
}

table#menu_table td span#key_field span.key {
font-size: 1.0em;
color:#aabc0c;
margin-left: 0.2em;
}

table#menu_table td span#key_field span.pass {
font-size: 1.0em;
color:#aabc0c;
margin-left: 0.2em;
}

table#menu_table td.input {
height: 1em;
padding: 10px;
background: #fff;
}

table#menu_table td.user {
font-size: 1.0em;
color: #667007;
}

table#ten_key {
margin-top: 1.0em;
}

table#ten_key td {
text-align: center;
padding: 0em;
}

table#ten_key td input.key {
width: 4em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-size: 1.0em;
display: block;
color: #667007;
border: 2px solid #aabc0c;
padding: 0.2em;
}

table#ten_key td input.del,
table#ten_key td input.clear {
width: 4em;
font-size: 1.0em;
background: #598e30;
color: #bfd510;
padding: 0.2em;
}

table#ten_key td a:active,
table#ten_key td a.del:active,
table#ten_key td a.clear:active {
background: #60bbff;
color: #fff;
}

table#menu_table td input.button {
margin-top: 1em;
font-size: 1.0em;
width: 100%;
background: #60bbff;
color: #fff;
border: 2px solid #00a0dd;
padding: 0.3em 0;
}

table#menu_table td.message {
font-size: 1.0em;
color: #f00;
background: #ff0;
}

table.search_table td {
text-align: center;
}

table.search_table td input.search_button {
border: 2px solid #aabc0c;
padding: 0 1em;
background: #598e30;
color: #fff;
}

table.search_table caption {
font-size: 0.8em;
font-weight: bold;
}

table.calender_table {
border-top: 2px solid #bfd510;
border-left: 2px solid #bfd510;
}

table.calender_table caption {
font-size: 0.8em;
font-weight: bold;
}

table.calender_table td,
table.calender_table th {
font-size: 0.7em;
border-right: 2px solid #bfd510;
border-bottom: 2px solid #bfd510;
background: #fff;
text-align: center;
color: #333;
}

table.calender_table th.sat,
table.calender_table td.sat {
background: #3356e2;
color: #fff;
}

table.calender_table th.sun,
table.calender_table td.sun {
background: #db002b;
color: #fff;
}

table.calender_table th.hol,
table.calender_table td.hol {
background: #ff00ff;
color: #fff;
}

table.calender_table th.mon,
table.calender_table th.tue,
table.calender_table th.wed,
table.calender_table th.thu,
table.calender_table th.fri,
table.calender_table td.mon,
table.calender_table td.tue,
table.calender_table td.wed,
table.calender_table td.thu,
table.calender_table td.fri {
color: #333;
}

table.calender_table tr.data td span {
display: block;
float: left;
font-size: 1.5em;
background: #e9e9e9;
width:100%;
padding: 0.3em 0;
}

table.calender_table tr.data td span.disable_receipt_count {
position:absolute;
display: block;
float: left;
font-size: 0.8em;
background: #d8d8d8;
width: 20px;
}

table.calender_table tr.data td span.enable_receipt {
display: block;
float: left;
font-size: 1.5em;
background: #fff;
width:100%;
}

table.calender_table tr.data td span.enable_receipt_count {
position:absolute;
display: block;
float: left;
font-size: 0.8em;
background: #92c000;
color: #fff;
width: 20px;
}

table.calender_table tr.data td span.current_reserve,
table.calender_table tr.data td.current_reserve {
background: #ffec67;
}

table.calender_table tr.data td a {
display: block;
}

table.calender_table tr.data td a:active span {
background: #60bbff;
color: #fff;
}

table.list_table td.calender_navigation,
table.calender_table td.calender_navigation {
background: #60bbff;
color: #0ca3e1;
font-size: 1em;
}

table.list_table td.calender_navigation a,
table.calender_table td.calender_navigation a {
color: #fff;
display: block;
padding: 0.3em 0;
font-size: 0.8em;
}

table.list_table td.calender_navigation a:active,
table.calender_table td.calender_navigation a:active {
background: #60bbff;
}

table.calender_table td.reserve_no {
background: #fff09e;
}

table.calender_table td.reserve_no a {
display: block;
color: #f00;
}

table.list_table {
border-top: 2px solid #bfd510;
border-left: 2px solid #bfd510;
}

table.list_table caption {
font-size: 0.8em;
font-weight: bold;
}

table.list_table td,
table.list_table th {
font-size: 0.6em;
border-right: 2px solid #bfd510;
border-bottom: 2px solid #bfd510;
background: #fff;
text-align: center;
color: #333;
}

table.list_table th {
background: #db002b;
color: #fff;
}

table.list_table td.reserve_no {
background: #fff09e;
}

table.list_table td.reserve_no a {
padding: 0.5em 0;
display: block;
color: #f00;
}

table.list_table td.reserve_no a:active {
background: #60bbff;
color: #fff;
}

table.touch_confirm {
width: 100%;
margin: 0 auto;
border-top: 2px solid #bfd510;
border-left: 2px solid #bfd510;
}

table.touch_confirm caption {
font-size: 1.0em;
}

table.touch_confirm th,
table.touch_confirm td {
border-right: 2px solid #bfd510;
border-bottom: 2px solid #bfd510;
padding: 0 0.5em;
}

table.touch_confirm th {
background: #eaefaa;
color: #333;
font-size: 0.8em;
}

table.touch_confirm td {
background: #fff;
color: #333;
font-size: 0.7em;
}

table.touch_confirm td.option_list {
padding-top: 0.5em;
}

table.touch_confirm td.jquery_switch {
padding-bottom: 0.5em;
}

table.touch_confirm td.cancel_button {
background:#c40026;
text-align: center;
padding: 0.5em 0;
}

table.touch_confirm td.cancel_button a {
display: block;
color: #fff;
}

#menu div.next {
text-align: center;
margin-top: 1em;
background: #60bbff;
/* width: 100%; */
color: #fff;
border: 2px solid #00a0dd;
padding: 0.3em 0;
}

#menu div.next a {
color: #fff;
display: block;
font-size: 1.2em;
/* width: 100%; */
}

#menu_table td.thanks {
background: #fff;
color: #666;
font-size: 1.0em;
text-align: center;
padding: 0.5em 0;
}

#menu_table td.thanks div.reserve_no {
color: #f00;
font-size: 1.0em;
text-align: center;
padding: 0.5em 0;
}

#menu_table td.home {
border-top: 2px solid #00a0dd;
border-bottom: 2px solid #00a0dd;
background: #60bbff;
text-align: center;
padding: 0.5em 0;
}

#menu_table td.home a {
display: block;
color: #fff;
font-size: 1.1em;
text-indent: 0.2em;
}

div#activetime {
padding: 5px;
background: #fff;
color: #4fb23d;
font-size: 0.6em;
font-weight: bold;
text-align: right;
}

div#activetime div#activedisplay {
height: 1.7em;
border: 1px solid #e0ef5b;
text-indent: 5px;
background: #eaefaf;
padding-right: 5px;
}

div#activetime div#activedisplay #active_time_date,
div#activetime div#activedisplay #active_time_time {
color: #4fb23d;
}

div#activetime div#activedisplay #shop_name {
float: left;
}

table.barcode td.barcode_img {
padding: 4em 0 0 0;
text-align: center;
}

table.barcode td.barcode_copyright {
padding: 1em;
text-align: left;
font-size: 0.5em;
}

h2 a, h2 a:link, h2 a:visited, h2 a:active {
color: #fff;
}

/* Monji, from DevGrow http://devgrow.com/ */
.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(switch.gif) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 45px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -135px; padding: 0 10px; }
.cb-disable span { background-position: right -270px;padding: 0 10px; }
.cb-disable.selected { background-position: 0 -45px; }
.cb-disable.selected span { background-position: right -315px; color: #fff; }
.cb-enable.selected { background-position: 0 -90px; }
.cb-enable.selected span { background-position: left -225px; color: #fff; }
.switch label { cursor: pointer; }
.switch input { display: none; }