/* -----------------------------------------------
 color
--------------------------------------------------
 header - #76a1b6
 red    - #990000
 bule   - #000099
----------------------------------------------- */

/* -----------------------------------------------
 全体 Font 関連
----------------------------------------------- */
div.calendar *, table.calendar *
{
  font-size:13px;
  font-family:Arial;
  line-height:12px;
  text-align:center;
}

/* -----------------------------------------------
 div
----------------------------------------------- */
div.calendar
{
  margin:0px;
  padding:0px;
  border-color:#ffffff;
  background-color:#ffffff;
}

/* -----------------------------------------------
 table
----------------------------------------------- */
table.calendar
{
  /* 表示位置 */
  margin:5px 0px 0px 0px;
  /* レイアウト */
  border-collapse:separate;
  border-spacing:0px;
  border:1px solid #76a1b6;
  background-color:#ffffff;
  width:175px;
}
table.calendar tr, table.calendar tr td
{
  border:1px solid blue;
  border-style:none;
  background-color:#ffffff;
  height:16px;
}

/* -----------------------------------------------
 table - 1.title
----------------------------------------------- */
table.calendar tr.title td
{
  color:#ffffff;
  background-color:#76a1b6;
  border-color:#76a1b6;
  height:19px;
}
table.calendar tr.title td span
{
  display: inline-block;
  width:75px;
}

/* -----------------------------------------------
 table - 2.week
----------------------------------------------- */
table.calendar tr.week td
{
  background-color:#ffffff;
  border-bottom:1px solid #000000;
}
table.calendar tr.week td.week1 { color:#990000; } /* sun */
table.calendar tr.week td.week2 { color:#000000; } /* mon */
table.calendar tr.week td.week3 { color:#000000; } /* tue */
table.calendar tr.week td.week4 { color:#000000; } /* wed */
table.calendar tr.week td.week5 { color:#000000; } /* thu */
table.calendar tr.week td.week6 { color:#000000; } /* fri */
table.calendar tr.week td.week7 { color:#000099; } /* sat */

/* -----------------------------------------------
 table - 3-8.weeks
----------------------------------------------- */
table.calendar tr.weeks td
{
  cursor:pointer;
  width:20px;
  vertical-align:bottom;
}

table.calendar tr.weeks td.day1 { color:#990000; } /* sun */
table.calendar tr.weeks td.day2 { color:#000000; } /* mon */
table.calendar tr.weeks td.day3 { color:#000000; } /* tue */
table.calendar tr.weeks td.day4 { color:#000000; } /* wed */
table.calendar tr.weeks td.day5 { color:#000000; } /* thu */
table.calendar tr.weeks td.day6 { color:#000000; } /* fri */
table.calendar tr.weeks td.day7 { color:#000099; } /* sat */
table.calendar tr.weeks td.nom
{
  color:#cccccc;
}
table.calendar tr.weeks td.now, table.calendar tr.foot td span.now
{
  background-color:#ccffcc;
}
table.calendar tr.weeks td.hli
{
  color:#990000;
}

table.calendar tr.weeks td.sel
{
  border:1px solid #990000;
}

/* -----------------------------------------------
 table - 9.foot
----------------------------------------------- */
table.calendar tr.foot td
{
  color:#000000;
}
table.calendar tr.foot td span
{
  cursor:pointer;
}

/* -----------------------------------------------
 input(button)
----------------------------------------------- */
table.calendar input
{
  cursor:pointer;
  font-size:8px;
  width:17px;
  height:17px;
}

/* -----------------------------------------------
 input(form input)
----------------------------------------------- */
input.week1 { color:#990000; } /* sun */
input.week2 { color:#000000; } /* mon */
input.week3 { color:#000000; } /* tue */
input.week4 { color:#000000; } /* wed */
input.week5 { color:#000000; } /* thu */
input.week6 { color:#000000; } /* fri */
input.week7 { color:#000099; } /* sat */
input.hli   { color:#990000; } /* holiday */