body
{
	margin: 0;
	padding: 0;
}

a
{
	color: navy;
}
a:hover
{
	color: red;
}

img
{
	margin: 0;
	border-style: none;
}

#logo
{
	float:left;
	margin: 0 0 0 40px;
	border: 0;
}

#contents
{
	float: left;
	width: 800px;
	left: 2em;
	top: 0;
	position: absolute;
	visibility: visible;
}
#leftCol
{
	clear: left;
	float: left;
	width: 180px;
	margin: 0;
	padding: 0;
	
}

#palet1,
#palet2,
#palet4
{
	float: left;
}

#palet1,
#palet2
{
	width: 100%;
	margin: 0;
}

#palet3
{
	float: right;
	width: 125px;
	margin: 1ex 0 0 0;
	padding: 1ex;
	font-size: 80%;
	line-height: 120%;
	border: 1px solid silver;
}

#palet4
{
	margin: 1ex;
	width: auto;
	border-style: none none none solid;
	border-width: 1px;
	border-color: #dcdcdc;
}


#reserve
{
	margin: 0 1em;
	width: 480px;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
	border-color: gray;
	
}

#reserve td
{
	border-style: solid none none solid;
	border-width: 1px;
	border-color: gray silver;
	padding: 0.5ex 1ex;
	text-align: center;
	vertical-align; middle;
	color: #585858;
	font-size: 90%;
}
#reserve th
{
	border-style: solid none none solid;
	border-width: 1px;
	border-color: gray silver;
	padding: 0.5ex 1ex;
	text-align: center;
	vertical-align; middle;
	font-size: 80%;
	color: #000000;
	background-color: #efefef;
}

#reserve td.date,
#reserve th.date
{
	width: 50px;
	border-style: solid double none none;
	border-width: 1px 3px 0 0;
	border-color: gray;
	text-align: right;
	vertical-align; middle;
	font-size: 80%;
	color: #000000;
	background-color: #efefef;
}

#reserve tr.even td
{
	/*background-color: #eeeeee;*/
}

#reserve td.sun
{
	background-color: #FF0000 !important;   /*日曜日の背景色 */
	color: #ffffff !important;              /*日曜日の文字色 */
}

#reserve td.sat
{
	background-color: #0066FF !important;   /*土曜日の背景色 */
	color: #ffffff !important;              /*土曜日の文字色 */
}

#reserve td.hld
{
	background-color: #FF0000 !important;   /*祝日の背景色 */
	color: #ffffff !important;              /*祝日の文字色 */
}

#reserve td.closed
{
	/* 配色を変更しないようにコメントアウトしています。*/
	/*background-color: #4c4c4c !important;*/   /*休館日の背景色 */
	/*color: #ffffff !important;*/              /*休館日の文字色 */
}

#reserve td.ok
{
	background-color: #AAD4FF !important;   /*空きの背景色 */
	color: #4B4B4B !important;              /*空きの文字色 */
	border-left-color: #7FAAFF;             /*空きの罫線色 */
}

#reserve td.ng
{
	background-color: #FF7F7F !important;   /*空きなしの背景色 */
	color: #4B4B4B !important;              /*空きなしの文字色 */
	border-left-color: #FF5555;             /*空きなしの罫線色 */
}

#reserve td.none
{
	background-color: #E1E1E1 !important;   /*休館日および保守点検日の背景色 */
	color: #4B4B4B !important;              /*休館日および保守点検日の文字色 */
	border-left-color: #C3C3C3;             /*休館日および保守点検日の罫線色 */
}

#leftCol ul
{
	clear: both;
	float: right;
	list-style: none;
	margin: 1ex 0 0.5ex 0;
}
#leftCol ul li 
{
	display: block;
	float: left;
	width: 130px;
	margin: 0;
	padding: 4px;
	border-style: none solid solid  solid;
	border-width: 1px;
	border-color: silver;
	font-size: 90%;
}

#leftCol ul li.first
{
	border-style: solid solid solid solid;
}

#leftCol ul li.selected
{
	background-color: #009a44 !important;   /*選択済みメニューの背景色 */
	color: #ffffff  !important;             /*選択済みメニューの文字色 */
}
#leftCol ul li.selected a
{
	color: #ffffff;                         /*選択済みメニューの文字色(アンカー部) */
	text-decoration: none;
}

#leftCol ul li:hover
{
	background-color: #ffffd4;              /*メニュー操作時の背景色 */
	
}

#tag
{
	margin: 0 0 1ex 1em;
	padding: 0.5ex 1ex;
	border-style: none none none solid;
	border-width: 0 0 0 4px;
	border-color: #6eb92b;
	font-family: "メイリオ", Tahoma;        /*一覧タイトル部のフォント */
}

#rulecaption
{
	font-weight: bold;
}

#dateCaption
{
	font-weight: normal;
	margin-left: 1em;
	font-size: 90%;
}

#englishName
{
	font-weight: normal;
	font-size: 90%;
	padding-left: 1em;
}

#lastUpdate
{
	clear: left;
	float: left;
	width: 100%;
	text-align: right;
	font-size: 80%;
}