/* ▼管理画面 */
div#admin {
 padding:0 20px 0px 20px;
}
table.admin {
 font-size:12px;
 color:#333;
 font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 border-collapse:collapse;
}
table.admin caption {
 font-size:120%;
}
table.admin th {
 padding:2px;
 background-color: #fff;
 white-space: nowrap;
 vertical-align:top;
 text-align:left;
}
table.admin td {
 padding:20px;
 vertical-align:top;
}

/* ▼カレンダー */
table.monthly {
 font-size:12px;
 font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 border-collapse:collapse;
}

table.monthly th {
 padding:5px;
 color:#333;
 background-color: #ffc;
 text-align:center;
 white-space: nowrap;
}
table.monthly th.weekdays { color: black;    } /* 月〜金の文字色 */
table.monthly th.sunday   { color: red;      } /* 日曜日の文字色 */
table.monthly th.saturday { color: darkblue; } /* 土曜日の文字色 */

table.monthly td {
 padding:1px;
 border:1px solid #ccc;
 color:#555;
 vertical-align:top;
 text-align:center;
 white-space: nowrap;
}
table.monthly td.weekdays { background-color: #ffffff; color: black;   } /* 平日の装飾 color: black;*/
table.monthly td.saturday { background-color: #f0f0ff; color: darkblue;} /* 土曜日の装飾 color: darkblue;*/
table.monthly td.sunday   { background-color: #fff0f0; color: red;     } /* 日曜日の装飾 color: red;*/
table.monthly td.holiday  { background-color: #fff0f0; color: red;     } /* 祝日の装飾 color: red;*/
table.monthly td.noneday  { background-color: #eeeeee; }
table.monthly td.footer   { background-color: #ffffff; border:1px solid #fff; }

/* ▼モバイル向け装飾 */
@media all and (max-width: 479px) {
 table.monthly th,
 table.monthly td {
  font-size: 0.75em;  /* 文字サイズを小さくする */
  padding: 0.35em 1px; /* 左右の余白を最小限にする */
 }
}
/* -------------------------------------------- */
select.monthly {
  width: 100px;
  font-size:90%;
  background-color:#ffcc00; color:#0000ff;
}
input[type="submit"].monthly{
  font-size:90%;
  padding: 1px;
  width: 100px;
  border: 1px solid #0000ff;
  background-color:#ffcc00;
  color: #0000ff;
}
input[type="submit"]:hover.monthly{
  background-color: #00ffff;
  border: 1px solid #000000;
  color: #000000;
  cursor: pointer;
}
input[type="submit"][disabled].monthly{
  background-color: #d3d3d3;
  border: 1px solid #808080;
  color: #555;
  cursor: default;
}
input[type="submit"][disabled]:hover.monthly{
  cursor: default;
}
a.monthly,
a.monthly:link {
  font-size:90%;
  display:inline-block;
  width: 100px;
  border: 1px solid #0000ff;
  background-color: #eeeeee;
  text-align:center; vertical-align:middle; text-decoration:none;
  color: #0000ff;
  font-size: 10px;
}
a.monthly:hover {
  background-color: #00ffff;
  border: 1px solid #000000;
}
/* -------------------------------------------- */
select.view {
 width: 100px;
 font-size:90%;
 background-color:#ccff00; color:#0000ff;
}
input[type="submit"].view{
 font-size:90%;
 padding: 1px;
 width: 100px;
 border: 1px solid #0000ff;
 background-color:#ccff00;
 color: #0000ff;
}
input[type="submit"]:hover.view{
 background-color: #00ffff;
 border: 1px solid #000000;
 color: #000000;
 cursor: pointer;
}
input[type="submit"][disabled].view{
 background-color: #d3d3d3;
 border: 1px solid #808080;
 color: #555;
 cursor: default;
}
input[type="submit"][disabled]:hover.view{
 cursor: default;
}

input[type="submit"].rnew{
 font-size:90%;
 padding: 1px;
 width: 100px;
 border: 1px solid #0000ff;
 background-color:#ff00cc;
 color: #0000ff;
}
input[type="submit"]:hover.rnew{
 background-color: #00ffff;
 border: 1px solid #ff0000;
 color: #ff0000;
 cursor: pointer;
}
input[type="submit"][disabled].rnew{
 background-color: #d3d3d3;
 border: 1px solid #808080;
 color: #555;
 cursor: default;
}
input[type="submit"][disabled]:hover.rnew{
 cursor: default;
}

a.view,
a.view:link {
 font-size:90%;
 display:inline-block;
 width: 100px;
 border: 1px solid #0000ff;
 background-color: #eeeeee;
 text-align:center; vertical-align:middle; text-decoration:none;
 color: #0000ff;
 font-size: 10px;
}
a.view:hover {
 background-color: #00ffff;
 border: 1px solid #000000;
}
div.day {
 text-align:right;
 background-color: #fffff8;
}
div.cnst {
 font-size:90%;
}
div.cstat0 {background-color: #dddddd;}
div.cstat1 {background-color: #ffddff;}
div.cstat2 {background-color: #ffffdd;}
div.cstat3 {background-color: #ddffdd;}
/* -------------------------------------------------------------------------------------------- */
/* ▼予約画面 */
div#rv {
 padding:0 20PX;
 madding:20px;
}
table.rv {
 width:100%;
 font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 border-collapse:collapse;
}

table.rv th {
 width:120px;
 padding:5px;
 font-size:12px;
 color:#555;
 text-align:left;
}

table.rv td {
 padding:5px;
 font-size:12px;
 border:1px solid #ccc;
 color:#000;
 text-align:left;
 vertical-align:top;
}

/* ▼モバイル向け装飾 */
@media all and (max-width: 479px) {
 table.rv th,
 table.rv td {
  font-size: 0.75em;       /* 文字サイズを小さくする */
  padding: 0.35em 1px;    /* 左右の余白を最小限にする */
 }
}
/*
input[type="checkbox"].rv {
  color: #00ff00;
}
*/
input[type="text"].rv{
  padding: 1px;
  text-align:left;
  border:1px solid #888;
//background-color: #fff;
  background-color: #f5f5f5;
}
input[type="text"].ru{
  padding: 1px;
  text-align:left;
  border:1px solid #fff;
//background-color: #fff;
}
input[type="submit"].rv{
  font-size:90%;
  padding: 1px;
  width: 100px;
  color: #555;
  border:1px solid #555;
}
input[type="submit"]:hover.rv{
  cursor: pointer;
  color: #000;
  border:1px solid #000;
}
input[type="submit"][disabled].rv{
  background-color: #d3d3d3;
  color: #555;
  cursor: default;
}
input[type="submit"][disabled]:hover.rv{
  color: #555;
  cursor: default;
}
input[type="button"].rv{
  font-size:90%;
  padding: 1px;
  width: 100px;
  color: #555;
  border:1px solid #555;
}
input[type="button"]:hover.rv{
  cursor: pointer;
  color: #000;
  border:1px solid #000;
}
input[type="button"][disabled].rv{
  background-color: #d3d3d3;
  color: #555;
  cursor: default;
}
input[type="button"][disabled]:hover.rv{
  color: #555;
  cursor: default;
}
/* -------------------------------------------------------------------------------------------- */
/* ▼ユーザ */
table.ua {
 font-size:12px;
 font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 border-collapse:collapse;
}

table.ua th {
 padding:5px;
 color:#333;
 background-color: #ffc;
 text-align:center;
}
table.ua th.weekdays { color: black;    }  /* 月〜金の文字色 */
table.ua th.sunday   { color: red;      }  /* 日曜日の文字色 */
table.ua th.saturday { color: darkblue; }  /* 土曜日の文字色 */

table.ua td {
 padding:1px;
 border:1px solid #ccc;
 color:#555;
 vertical-align:top;
 text-align:center;
}
table.ua td.weekdays { background-color: #ffffff; } /* 平日の装飾 color: black;*/
table.ua td.saturday { background-color: #f0f0ff; } /* 土曜日の装飾 color: darkblue;*/
table.ua td.sunday   { background-color: #fff0f0; } /* 日曜日の装飾 color: red;*/
table.ua td.holiday  { background-color: #fff0f0; } /* 祝日の装飾 color: red;*/
table.ua td.noneday  { background-color: #eeeeee; }
table.ua td.footer   { background-color: #ffffff; border:1px solid #fff; }

/* -------------------------------------------------------------------------------------------- */
p.comR{
 margin:5px 0;
 font-size:120%;
 color:red;
}
p.comB{
 margin:5px 0;
 color:black;
}

div.nowrap{
 text-align:left;
 white-space: nowrap;
 border-top:1px dashed #ccc;
}
/*
input.typesubmit,
input:hover.typesubmit{
 background-color:transparent;
 border-style:none;
 text-decoration:underline;
 cursor: pointer;
 font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-size:107%;
 color: #333;
}
*/
#comment {
    position: relative;
    margin: 1em 0;
    padding: 0.5em 1em;
    border: solid 1px #ccc;
    border-radius: 8px;
}
#comment #boxtitle {
    position: absolute;
    display: inline-block;
    top: -6px;
    left: 8px;
    padding: 0 3px;
    font-size: 11px;
    line-height: 1;
    background: #fff;
    font-weight: bold;
}
#comment p {
    margin: 0; 
    padding: 0;
}