/*==================================================================================================================

  【システム名】保養所予約システム
  【ファイル名】css/vacant.css
  【  機能名  】基本スタイルシート(予約状況)
  【   概要   】
  【  作成日  】2008-01-24
  【  作成者  】DynaX

==================================================================================================================*/
/*******************************************************************************************************************
 予約状況
*******************************************************************************************************************/
 /*---------------------------------------------------
 背景色の説明項目
---------------------------------------------------*/
/* 過去予約 */
.situ_past {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: #C0C0C0;
}
/* 抽選前(0%) & 空き(0〜80%) & 若干の空きあり(81〜99%) & 満室(100%)*/
.situ_b0 {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: ;
}
/* 休館日 */
.situ_holi {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: #808080;
}
/* 抽選前(1〜99%) */
.situ_b1 {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: #00FFFF;
}
/* 抽選前(100%) */
.situ_b2 {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: #ADFF2F;
}
/* 抽選前(101〜150%) */
.situ_b3 {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: #FFFF00;
}
/* 抽選前(150%以上) */
.situ_b4 {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: #FF00FF;
}
/* 抽選後(50〜99%) */
.situ_a0 {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: #FFCC00;
}
/* 抽選後(100%) */
.situ_a1 {
  width: 6%;
  border-width: 1px;
  border-style: solid;
  border-color: black;
  text-align: center;
  background-color: #FF0000;
}

/*---------------------------------------------------
 背景色の説明項目(記号色)
---------------------------------------------------*/
/* 休 */
.mark_holi {
  color: #FFFFFF
}
/* ● */
.mark_0 {
  color: #0066FF
}
/* ▲ */
.mark_1 {
  color: #FF9933
}
/* × */
.mark_2 {
  color: #FF0000
}
/* ★(背景色が白/黄の場合) */
.mark_3 {
  color: #000000
}
/* ★(背景色が黒(濃色)の場合) */
.mark_4 {
  color: #FFFFFF
}
/*---------------------------------------------------
 説明項目
---------------------------------------------------*/
.itemdata {
 font-size: 9px;
}

/*---------------------------------------------------
 保養所名
---------------------------------------------------*/
.resort_name {
  text-align: center;
  border: 2px #DCDCDC solid;
  font-size: 20px;
  background-color: #99CC66;
  color: #FFFFFF;
  font-family: "Meiryo UI,ＭＳ ゴシック";
}
/* 背景色の説明
---------------------------------------------*/
.tborder {
  border: 1px solid #6C6C6C;
}
.after0 {
  background-color:#FFFFFF;
  font-weight:bold;
}
.after1 {
  background-color:#DAE2F5;
  font-weight:bold;
}
.after2 {
  background-color:#B1C5EB;
  font-weight:bold;
}
.after3 {
  background-color:#688CD9;
  font-weight:bold;
  color:#FFFFFF;
}
.after4 {
  background-color:#688CD9;
  font-weight:bold;
  color:#FFFFFF;
}
.after5 {
  background-color:#5774b2;
  font-weight:bold;
  color:#FFFFFF;
}
/*  ↓↓★★★  赤  ★★★↓↓  */
/*
.after4 {
  background-color:#F89494;
  font-weight:bold;
  color:#FFFFFF;
}
.after5 {
  background-color:#F89494;
  font-weight:bold;
  color:#FFFFFF;
}
.after6 {
  background-color:#F89494;
  font-weight:bold;
  color:#FFFFFF;
}
*/
/*  ↑↑★★★  赤  ★★★↑↑  */
/*  ↓↓★★★  緑  ★★★↓↓  */
/*
.after4 {
  background-color:#98FB98;
  font-weight:bold;
  color:#777777;
}
.after5 {
  background-color:#98FB98;
  font-weight:bold;
  color:#777777;
}
.after6 {
  background-color:#98FB98;
  font-weight:bold;
  color:#777777;
}
*/
/*  ↑↑★★★  緑  ★★★↑↑  */
/*  ↓↓★★★ 緑２ ★★★↓↓  */
/*
.after4 {
  background-color:#A3D6CC;
  font-weight:bold;
  color:#777777;
}
.after5 {
  background-color:#A3D6CC;
  font-weight:bold;
  color:#777777;
}
.after6 {
  background-color:#A3D6CC;
  font-weight:bold;
  color:#777777;
}
*/
/*  ↑↑★★★ 緑２ ★★★↑↑  */
/*  ↓↓★★★  黄  ★★★↓↓  */
/*
.after4 {
  background-color:#FEF263;
  font-weight:bold;
  color:#777777;
}
.after5 {
  background-color:#FEF263;
  font-weight:bold;
  color:#777777;
}
.after6 {
  background-color:#FEF263;
  font-weight:bold;
  color:#777777;
}
*/
/*  ↑↑★★★  黄  ★★★↑↑  */
/*  ↓↓★★★  紫  ★★★↓↓  */
/*
.after4 {
  background-color:#D7C9E9;
  font-weight:bold;
  color:#777777;
}
.after5 {
  background-color:#D7C9E9;
  font-weight:bold;
  color:#777777;
}
.after6 {
  background-color:#D7C9E9;
  font-weight:bold;
  color:#777777;
}
*/
/*  ↑↑★★★  紫  ★★★↑↑  */
/*  ↓↓★★★ 紫２  ★★★↓↓ */
/*
.after4 {
  background-color:#496299;
  font-weight:bold;
  color:#444444;
}
.after5 {
  background-color:#3d527f;
  font-weight:bold;
  color:#444444;
}
*/
/*  ↑↑★★★ 紫２ ★★★↑↑  */
/*#### 2011-02-11 [公開側カレンダー]３日前からの空き室表示のSTYLE変更 By Takanashi↑*/
.before0 {
  background-color:#FFFFFF;
  font-weight:bold;
}
.before1 {
  background-color:#FFE1CE;
  font-weight:bold;
}
.before2 {
  background-color:#FFC59D;
  font-weight:bold;
}
.before3 {
  background-color:#FF9D5B;
  font-weight:bold;
}
.before4 {
  background-color:#FF8533;
  font-weight:bold;
}
.before5 {
  background-color:#E35B00;
  font-weight:bold;
  color:#FFFFFF;
}
.cal_font1 {
    font-size:140%;
/*  color:#0000CD;*/
  color:#555555;
  font-weight:bold;
}
.td_fuka {
  background-color:#CCCCCC;
  font-weight:bold;
  text-align: center;
}
.td_kyukan {
  background-color:#999999;
  color:#FFFFFF;
  text-align: center;
}
.td_kashi {
  background-color:#DCEFC2;
  color:#000000;
  text-align: center;
}
.td_border1 {
  background-color:#333333;
  height:2px;
  padding:0;
}
/* td線あり（細線,文字色指定無し）*/
.td_lineNoColor {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  margin-top: 0px;
  font-family: "ＭＳ ゴシック";
  padding: 2px;
}

/* 月末日以降の列色 */
.td_afterlastday {
  background-color:#F5F5DC;
}

/* 予約可能・表示設定「表示のみ」の場合、td線あり（細線,文字色指定無し）*/
.td_disp_only {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  margin-top: 0px;
  background-color:#FFFFFF;
  font-weight:bold;
  padding: 2px;
  text-align: center;
}

.td_disp_only_fuka {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  margin-top: 0px;
  background-color:#CCCCCC;
  font-weight:bold;
  padding: 2px;
  text-align: center;
}

/*---------------------------------------------------
 案２背景色
---------------------------------------------------*/
.after1_2 {
  background-color:#FFFFFF;
  font-weight:bold;
}
.after2_2 {
  background-color:#FFFFFF;
  font-weight:bold;
}
.after3_2 {
  background-color:#FFFFFF;
  font-weight:bold;
}
.before1_2 {
  background-color:#FFFFFF;
  font-weight:bold;
}
.before2_2 {
  background-color:#00FFFF;
  font-weight:bold;
}
.before3_2 {
  background-color:#ADFF2F;
  font-weight:bold;
}
.before4_2 {
  background-color:#FFFF00;
  font-weight:bold;
}
.before5_2 {
  background-color:#FF00FF;
  font-weight:bold;
  color:#FFFFFF;
}
/*---------------------------------------------------
 空室状況用リンク（文字色黒）
---------------------------------------------------*/
a.b:link {
  color: #000000;
}
a.b:visited {
  color: #000000;
}
a.b:hover {
  color: magenta;
}
a.b:active {
  color: #000000;
}
/*---------------------------------------------------
 空室状況用リンク（文字色白）
---------------------------------------------------*/
a.c:link {
  color: #FFFFFF;
}
a.c:visited {
  color: #FFFFFF;
}
a.c:hover {
  color: #FFFF00;
}
a.c:active {
  color: #FFFFFF;
}
/*#### 2010-09-03 公開側から予約できない期間の色を変更 By Takanashi↓*/
/*---------------------------------------------------
 空室状況用リンク（文字色灰）
---------------------------------------------------*/
a.d:link {
  color: #888888;
}
a.d:visited {
  color: #888888;
}
a.d:hover {
  color: magenta;
}
a.d:active {
  color: #888888;
}
/*#### 2010-09-03 公開側から予約できない期間の色を変更 By Takanashi↑*/
/*---------------------------------------------------
 管理者申込確認用ヘッダ
---------------------------------------------------*/
.header_bg1 {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #000000;
//  background-color:#A8D5EC;
  background-color:#e8ecef;
  padding-top: 2px;
  padding-bottom: 2px;
}
.header_bg2 {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #000000;
  background-color:#FFCC66;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* table線あり（状況一覧表示用） */
.table_lineFix {
  table-layout: fixed;
  border: 1px #AAAAAA solid;
  font-size: 12px;
  color: #000000;
  margin-top: 0px;
  border-spacing:0;
  border-collapse: collapse;
  font-family: "ＭＳ ゴシック";
}
.tr_Fix {
  height : 16px;
}

/*---------------------------------------------------
 表示タイトル
---------------------------------------------------*/
/*---------------------------------------------------
 保養所名
---------------------------------------------------*/
/* 空室状況 */
.disp_vacant {
  text-align: center;
  border: 2px #DCDCDC solid;
  font-size: 14px;
  font-weight: bold;
  background-color: #669900;
  color: #FFFFFF;
  font-family: "ＭＳ ゴシック";
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
/* 抽選申込 */
.disp_lot {
  text-align: center;
  border: 2px #DCDCDC solid;
  font-size: 14px;
  font-weight: bold;
  background-color: #FF9900;
  color: #FFFFFF;
  font-family: "ＭＳ ゴシック";
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
/* 先着予約 */
.disp_demand {
  text-align: center;
  border: 2px #DCDCDC solid;
  font-size: 14px;
  font-weight: bold;
  background-color: #3366CC;
  color: #FFFFFF;
  font-family: "ＭＳ ゴシック";
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
/* 抽選申込（月次） */
.disp_monthly {
  text-align: center;
  border: 2px #DCDCDC solid;
  font-size: 14px;
  font-weight: bold;
  background-color: #FF9900;
  color: #FFFFFF;
  font-family: "ＭＳ ゴシック";
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
/* 抽選申込（日次） */
.disp_dayly {
  text-align: center;
  border: 2px #DCDCDC solid;
  font-size: 14px;
  font-weight: bold;
  background-color: #0075c2;
  color: #FFFFFF;
  font-family: "ＭＳ ゴシック";
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
/* アレルギー情報 */
.disp_al {
  text-align: center;
  border: 2px #DCDCDC solid;
  font-size: 14px;
  font-weight: bold;
  background-color: green;
  color: #FFFFFF;
  font-family: "ＭＳ ゴシック";
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}

/*

/* 曜日 */
.cal_weekday {
  font-weight: bold;
  color: #805050;
  background-color: #F0EDE8;
}

/* 日曜日 */
.cal_sunday {
  font-weight: bold;
  color: #FF5050;
  background-color: #F0EDE8;
}

/* 土曜日 */
.cal_saturday {
  font-weight: bold;
  color: #5050FF;
  background-color: #F0EDE8;
}

/* 設定不可 */
.cal_invalid {
  height : 40px;
  background-color: #C0C0C0;
}

/* 設定文言 */
.cal_font {
  height : 40px;
  color: #696969;
}

/* ＮＯ */
.disp_no {
  border: 1px #AAAAAA solid;
  font-size: 12px;
  background-color:#d4dcd3;
  text-align: center;
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}