@charset "UTF-8";

table.reservation {
  width: 584px;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  border-collapse: collapse;
}

table.reservation th {
  text-align: center;
  padding: 0px;
  height: 22px;
  background: #EEE;
  border: solid 1px #DDD;
}

table.reservation th.time {
  border-top: none;
}

table.reservation .sep {
  background: #DDD;
  height: 3px;
  line-height: 3px;
}

table.reservation td {
  text-align: center;
  padding: 0px;
  height: 22px;
  border: solid 1px #DDD;
}

table.reservation span {
  display: block;
  padding: 0px;
  margin: 0px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  overflow-y: hidden;
}

table.reservation td.blank {
  padding: 0px;
  border: none;
  background: #EEE;
  line-height: 0px;
  height: 0px;
  font-size: 0px;
}

table.reservation a {
  display: block;
  overflow: hidden;
  overflow-y: hidden;
  width: 100%;
  height: 22px;
  line-height: 22px;
  text-decoration: none;
  color: #555555;
}

/* 曜日 */
table.reservation .sat_week {
  background-color: #CCCCFF;
}
table.reservation .sun_week {
  background-color: #FFCCCC;
}

/* 予約モード色 */
/* 空き */
table.reservation .r0,
table.legend .r0 {
  text-align: center;
}
/* 仮予約 */
table.reservation .r1,
table.legend .r1 {
  background-color: #FFFC55;
}
/* 一般予約 */
table.reservation .r2,
table.legend .r2 {
  background-color: #92A6FF;
}
/* 大会 */
table.reservation .r3,
table.legend .r3 {
  background-color: #FF9459;
}
/* マッチメイク */
table.reservation .r4,
table.legend .r4 {
  background-color: #FF6AAF;
}
/* 個人参加 */
table.reservation .r5,
table.legend .r5 {
  background-color: #C7FF6E;
}
/* リーグ */
table.reservation .r6,
table.legend .r6 {
  background-color: #1EBB21;
}
/* スクール */
table.reservation .r7,
table.legend .r7 {
  background-color: #B1FBFC;
}
/* 対戦相手募集 */
table.reservation .r21,
table.legend .r21 {
  background-color: #FFD2FC;
}
/* チーム参加 */
table.reservation .r8,
table.legend .r8 {
  background-color: #CC99FF;
}
/* 予約不可 */
table.reservation .r99,
table.legend .r99 {
  background-color: #CCCCCC;
}
table.reservation .r127,
table.legend .r127 {
  background-color: #CCCCCC;
}

/* 凡例 */
table.legend {
  border: none;
    border-collapse: separate;
    border-spacing: 0 4px;
}
table.legend th {
  width: 18px;
  border: solid 1px #888888;
  text-align: center;
  font-weight: normal;
  height: 16px;
}
table.legend td {
  padding: 2px;
  color: #666;
  border: none;
  background: none;
  text-align: left;
  font-size: 11px;
  height: 16px;
}

#reservation {
  padding: 0px;
  margin: 0px;
  width: 585px;
  overflow: auto;
  overflow-y: hidden;
}