/* -----------------------------------------------
 * JanJan空室状況用　（2004.2.9）
 * ----------------------------------------------- */
a:link{ text-decoration:none; color:#000099; }
a:visited{ text-decoration:none; color:#000099; }
a:active{ text-decoration:underline; color:#003399; }
a:hover{ text-decoration:underline; color:#003399; }
body{ font-size:100%; color:#222222; background-color:#FFFFFF; margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px; }

/* -----------------------------------------------
 * FONTサイズ
 * ----------------------------------------------- */

.x-large{ font-size:200%; }
.large{ font-size:150%; line-height: 1.2; }
.mid{ font-size:120%; line-height: 1.3; }
.normal{ font-size:100%; line-height: 1.3; }
.small{ font-size:84%; line-height: 1.3; }
.x-small{ font-size:75%; line-height: 1.2; }

.head{ font-size:120%; font-weight: bold; color:#FFFFFF; }
.update{ font-size:75%; color:#cccccc; }
.month-navi{ font-size:100%; font-weight: bold; }

/* ---------------------------
TABLE
--------------------------- */
TABLE.head01{
  background: #660000;      /* 背景色 */
}

TABLE.head02{
  background: #F0E2E2;      /* 背景色 */
}

TABLE.year-month{
  background: #D9D9D9;      /* 背景色 */
  border-color: #3A4546;    /* 境界線の色 */
  border-style: double;      /* 境界線のスタイル */
  border-width: 3px;        /* 境界線の幅 */
  font-size: 100%;     /* フォントサイズ */
  color: #000000;     /* フォントカラー */
  font-weight: bold;
}

TABLE.month-box{
  background: #663300;      /* 背景色 */
  border-color: #663300;    /* 境界線の色 */
  border-style: solid;      /* 境界線のスタイル */
  border-width: 0px;        /* 境界線の幅 */
}

TD.week-weekday{
  background: #823509;      /* 背景色 */
  font-size: 100%;     /* フォントサイズ */
  color: #FFFFFF;     /* フォントカラー */
  font-weight: bold;
}

TD.week-saturday{
  background: #823509;      /* 背景色 */
  font-size: 100%;     /* フォントサイズ */
  color: #FFFFFF;     /* フォントカラー */
  font-weight: bold;
}

TD.week-sunday{
  background: #823509;      /* 背景色 */
  font-size: 100%;     /* フォントサイズ */
  color: #FFFFFF;     /* フォントカラー */
  font-weight: bold;
}

TD.pre-month{
  background: #FFF4E6;      /* 背景色 */
  color: #777777;     /* フォントカラー */
}

TD.weekday{
  background: #FFFFE6;      /* 背景色 */
}

TD.saturday{
  background: #FFCC99;      /* 背景色 */
}

TD.sunday{
  background: #F2C66E;      /* 背景色 */
}

TD.today{
  background: #FFCC33;      /* 背景色 */
}


/* ---------------------------
FORM (予約)
--------------------------- */

TABLE.yoyaku-box{
  background: #3D3D3D;      /* 背景色 */
  border-color: #3D3D3D;    /* 境界線の色 */
  border-style: solid;      /* 境界線のスタイル */
  border-width: 0px;        /* 境界線の幅 */
}

TD.item{
  background: #823509;      /* 背景色 */
  font-size: 84%;     /* フォントサイズ */
  color: #FFFFFF;     /* フォントカラー */
}

TD.item2{
  background: #CC6600;      /* 背景色 */
  font-size: 84%;     /* フォントサイズ */
  color: #FFFFFF;     /* フォントカラー */
}

TD.input{
  background: #FFEAD1;      /* 背景色 */
  font-size: 84%;     /* フォントサイズ */
  color: #222222;     /* フォントカラー */
}

TD.input2{
  background: #FFFFE6;      /* 背景色 */
  font-size: 84%;     /* フォントサイズ */
  color: #222222;     /* フォントカラー */
}


/* ---------------------------
FORM
--------------------------- */

form.form{
  margin: 0px;
}

TEXTAREA {
  width: 100%;
}


/* ---------------------------
その他
--------------------------- */

UL { font-size: 12px; margin-top:1px; margin-bottom:2px; margin-left:3px; list-style-image: url(images/dot_r.gif); list-style-position:inside }