/* カレンダーを定義づける  */

div#calendar   {
	float: left;
}
div#Qrekigyoji {
	font-size: 80%;
	line-height: 150%;
	color: #660000;
}
div#yunjiti {
	width: 230px;
	height: 70px;
	padding: 6px;
	border: 1px solid gray;
	line-height: 120%;
	color: #0099FF;
	background-color: #CCFF99;
}

div#nav {
  box-sizing	:border-box;
  width         : 218px;
  height	: 20px;
  margin-left	: 5px;
  text-align    : center;
/*  border	:1px solid red;*/
}
div#nav input {
  width		:19%;
  height	:100%;
  font-size     : 90%;        /* 文字サイズ */
  color         : #ffffff;     /* 文字色     */
  cursor        : pointer;     /* カーソル   */
  background    : #000066;     /* 背景色     */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 2px #666666;  /* 影の設定 */
}
div#nav input:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #000066;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

/* カレンダー上の月、年表示部分 */
div#upper {
	display: table;
	margin-left: 6px;
	width: 217px;
	background-color: silver;
	font-weight: bold;
	color: white;
	font-size: 80%;
	text-shadow: 2px 2px 3px black;
}
div#upper .Kanji {
	display: table-cell;
	text-align: left;
	padding-left: 5px;
}
div#upper .Tuki {
	display: table-cell;
	text-align: center;
	padding-left: 25px;
}
div#upper .Seireki {
	display: table-cell;
	text-align: right;
	padding-right: 5px;
}
div#upper .Gengo {
	color: #F3F3DA;
}
/* カレンダー表示　いちばん外の枠 */
TABLE#Cal {
	margin-left: 6px;
	width: 217px;
	border: 1px solid silver;
	background-color: #FFFFCC;
}
/* カレンダー表示　中の枠 */
table#tblcal {
	width: 98%;
	margin: 0 2px 2px 2px;
}
table#tblcal TD {
	text-align: center;
	width: 14%;
	padding: 1px 2px;
	font-size: 80%;
	font-weight: bold;
	color: gray;
}
/* カレンダー表示　曜日の表示部分 */
table#tblcal TR.dow {
	background-image: url(../img/tbl01.gif);
}
table#tblcal TR.dow TD {
	color: black;
}
/* 今日　今日かつ祝日 */
table#tblcal TR TD.today{
	text-decoration:underline;
	background: url(../img/today.png) no-repeat;
	color: #000000;
}
table#tblcal TR TD.todayH{
	text-decoration:underline;
	background: url(../img/todayH.png) no-repeat;
	color: #990000;
}
/* 旧暦行事 */
table#tblcal .qreki TD{
	font-size: 100% !important;
	background-color: #CCCCCC;
	color: #FFFFFF;
}
/* 今日以外の祝日セル内テーブル */
table#holy TD{
	font-size: 100% !important;
	color: #990000;
	background: url(../img/holiday.png) no-repeat;
	background-color: #FFFFFF;
}
/* 土　日　（table#holy TDより下におくことで祝日より優先される） */
table#tblcal TR TD.red{
	color: #C80000;
}
table#tblcal TR TD.blue{
	color: blue;
}
table#tblcal TR TD.white{
	color: #FFFFFF;
}
table#tblcal TR TD.qreki{
	background-color: #CCCCCC;
}
/* カレンダー2ヶ月分表示用 */
div#cal2out {
	margin: 2px 0 3px 0;
}
/* カレンダー下の祝日一覧表示用 */
div#holidayout {
	text-align: left;
	margin: 3px 0 0 12px;
	font-size: 80%;
	line-height: 140%;
	color: #993300;
}