@charset "utf-8";
/*カレンダーCSS*/
.nm-cal               { text-align: left; vertical-align: top; color: #000; }
.nm-cal .year         { color: #000; }
.nm-cal .month        { font-size: small; color: #000; }
.nm-cal .text-holiday { font-size: small; }
.nm-cal .text-hol-mark{ color: #ff6699; }

.nm-cal-tbl           { font-size: x-small; border: 1px solid #c0bba4; text-align: center; }
.nm-cal-tbl th        { text-align: center; border: 1px solid #c0bba4; font-weight: normal; background-color: #594b38; color: #fff; padding: 5px; }
.nm-cal-tbl td        { text-align: center; color: #fff; border: 1px solid #c0bba4; background: #a9946c; padding: 5px; }
.nm-cal-tbl .sun      { color: #fff; background: #FF5D5F; }
.nm-cal-tbl .syk      { color: #cc0000; }
.nm-cal-tbl .sat      { color: #fff; background: #2A85E2; }
.nm-cal-tbl .hol      { background-color: #ff6699; color: #FFFFFF; }
.nm-cal-tbl .sun-hol  { background-color: #ff6699; color: #cc0000; }
.nm-cal-tbl .syk-hol  { background-color: #ff6699; color: #cc0000; }
.nm-cal-tbl .sat-hol  { background-color: #ff6699; color: #3366ff; }

.nm-cal-sp            { width: 18px; }

/*モーダルウィンドウCSS*/
#modal-win       { width: 100%; position: absolute; z-index: 14000; }
#modal-win-inner { box-shadow: 0 0 5px rgba(0, 0, 0, .25); margin: 0 auto; position: relative;               z-index: 101; }
#modal-bg        { width: 100%; height: 100%; background-color: #000000;   position: fixed; top: 0; left: 0; z-index: 100; cursor: pointer; }

/*予約状況CSS*/
#reserve-box             { position: relative;                      width: 704px; margin: 0; padding: 0; text-align: center; color: #CCBB7F; display: none; }
#reserve-box .modify-box { position: relative; top:    0; left : 0; width: 702px; height: 28px; text-align: right;}
#reserve-box .top-box    { position: relative; top:    0; left : 0; width: 702px; height: 28px; border: 1px solid #c0bba4; }
#reserve-box .left-box   { position: absolute; top: 56px; left : 0; width: 100px; border-width: 0 0 1px 1px; border-style: solid; border-color: #c0bba4; }
#reserve-box .right-box  { position: absolute; top: 56px; right: 0; width: 100px; border-width: 0 1px 1px 0; border-style: solid; border-color: #c0bba4; }
#reserve-box .center-box { position: relative; top:    0; left : 0; width: 502px; margin: 0 101px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #c0bba4; }
#reserve-box .close-box  { position: relative; bottom: 0; left : 0; width: 702px; text-align: center; }
.close-box a             {  }

#reserve-box ul          { list-style-type: none; }
#reserve-box li          { border-width: 1px 0 0 0; border-style: solid; border-color: #c0bba4; float: none; text-align: center; }

#reserve-box .prev       { width: 100%; height: 67px; }
#reserve-box .next       { width: 100%; height: 67px; }
#reserve-box .time       { }

.prev .prev-week         { cursor: pointer; }
.next .next-week         { cursor: pointer; }

#reserve-box .year-month { border-width: 0 0 1px 0; border-style: solid; border-color: #c0bba4; height: 28px; }
#reserve-box .days       {  }
#reserve-box .day        { display: table-cell; border-width: 0 1px 0 0; border-style: solid; border-color: #c0bba4; width: 36px; }
#reserve-box .week       { line-height: 1.2; height: 36px; background-color: #333333; }

#reserve-box .maru       { background-color: #cccccc; font-weight: 700; color: #000000; }
#reserve-box .batu       { color: #ffffff; }
#reserve-box .tele       { color: #ffffff; background-color: #cc9900; }

#reserve-box .holi       { background-color: #ff6699; color: #ffffff; }
#reserve-box .sun        { color: #cc0000; }
#reserve-box .sat        { color: #3366ff; }