@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(img/bg.png);
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
}
h2,h3,h4{ clear:both; }
#topbar{ height:25px; }
#header{
	background-image:url(img/top-bg.png);
	background-repeat:repeat-x;
}
#logo img{ border:0px;}
#logo{
	margin:0px ; padding:0px ; }
#photos{
	text-align:center;
}
#photos .panel{
	text-align:center;
}
#heading-img{
	margin:0px;
}
#footer { 
	clear:both;
	background:url(img/footer.png) no-repeat top center;
	width:780px; height:126px;
	padding:40px 0px;
	margin:0 auto;
	color:white;
	/* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
} 
#footer p {
	font:10pt "Courier New", Courier, mono;
	text-align:center;
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	/* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.topic-path { text-align:right; }
.topic-path li{
	font-size:12px;

	display:inline;
	padding:10px 15px 10px 4px;
	background: url(img/path.gif) center right no-repeat;
}
.topic-path li.current{
	font-size:12px;
	display:inline;
	padding:10px 15px 10px 4px;
	background:none;
}
.topic-path a{ color: black; text-decoration:none;   border-bottom:1px solid white;}
.topic-path a:hover{ color: red; border-bottom:1px solid red;}
.gallery{
	width:940px;
	height:700px;
	margin:0 auto;
	padding:0;
}
 #contents { 
	width: 720px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px solid #000000;
	padding:30px;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.content{
		width: 720px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 0px solid #000000;
	padding:30px;
	text-align: left; 
}
#mainpanel{
	width:330px;
	float:left;
	padding-right:30px;
}
#mappanel{
	width:400px;
	float:left;
	padding-right:30px;
	}
#mapside{
	width:260px;
	float:right;
	padding-left:30px;
}
h1{
	margin:1em;
	padding:10px 1em;
	background-color: #D1EDE2;
	border-left:15px #388F6C solid;
}
#mainpanel p{
	text-indent:1em;
	text-align:justify;
	text-justify:inter-ideograph;
	line-height:1.4;
}
.message{
	padding:40px 100px 40px;
	/*border:3px solid #222;
	background:url(img/message-bg.gif) no-repeat #FFFFCC;
	*/
}
.c{
	padding:0px 100px;
}
.c2{
	padding:0px 20px;
}
#sitemap-list{
	list-style-type:none;
	line-height:1.8;
}
#sitemap-list li{
	
}
#update-history-list{
	list-style-type:none;
	line-height:1.8;
}
#update-history-list li span.date{
	font:12px bold "Courier New", Courier, mono;
	color:#993300;
}
#sidepanel{
	width:330px;
	padding-left:30px;
	float:right;
}
.imagepanel{ text-align:center;}
.imagepanel img{
	border:15px solid #333;
	padding:0px;
}
.twoColLiqLtHdr #header { 
	/*background: url(img/header.png);*/
	background-repeat:repeat-x; 
	padding: 0 0px;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
} 

.twoColLiqLtHdr #sidebar1 {
	float: left; 
	width: 24%; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	padding: 15px 0; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
}
.twoColLiqLtHdr #sidebar1 h3, .twoColLiqLtHdr #sidebar1 p {
	margin-left: 10px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 10px;
}
.twoColLiqLtHdr #mainContent { 
	margin: 0 20px 0 26%; /* 右マージンは、パーセントまたはピクセルで設定できます。これにより、ページの右側にスペースが設定されます。 */
} 
/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

table caption{
	font-size:small;
}

dl{
	background:#EFF4FB url(img/teaser.gif) repeat-x;
	padding:1em;
}
dt{
	font-weight:bold;
	border-bottom:1px dashed black;
}
dd{
	padding-bottom:1em;
}
table {
		border-collapse:collapse;
		background:#EFF4FB url(img/teaser.gif) repeat-x;
		border-left:1px solid #686868;
		border-right:1px solid #686868;
		font:0.9em/145% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;
		margin:auto;
}
#sitemap table{ border:none; background:none;}
#sitemap td{ border:none; background:none; text-align:center;}

td, th {
		padding:5px 10px;
}

th{text-align:right;}
caption {
		padding: 0 0 .5em 0;
		text-align: left;
		font-size: 1.4em;
		font-weight: bold;
		text-transform: uppercase;
		color: #333;
		background: transparent;
}



tbody th,tbody td {
		border-bottom: dotted 1px #333;
}

 tbody th {
		white-space: nowrap;
}

tbody th a {
		color:#333;
}

.odd {}

tbody tr:hover {
		background:#fafafa
}