@charset "UTF-8";
body  {
	font:100% Verdana, Arial, Helvetica, sans-serif;
	background:#4682B4;
	margin:0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding:0;
	font-size:10pt;
	text-align:center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color:#000000;
}

img {
	border:0;
}

* {
	margin:0;
	padding:0;
}

p {
	padding:4px 0;
}

ul,li {
	margin:5px 0 0 10px;
}

a {
	color:#008254
}

a:visited
{
	color:#00a274;
}

h1 {
	font-size:150%;
	margin:10px 0 10px;
	padding:5px 0 5px;
	color:#00a274;
	background:#FFFFFF;
	text-align:center;
}

h2 {
	font-size:125%;
	margin:10px 0 7px 0;
	padding:3px 0 3px;
	color:#FFFFFF;
	background:#00a274;
	text-align:center;
}


.thrColLiqHdr #container { 
	width:800px;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
/*	min-width:800px;
	max-width:800px;*/
	background:#FFFFFF;
	margin:0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
/*	border:1px solid #000000;*/
	text-align:left; /* この設定は body エレメントの text-align:center より優先されます。 */
} 

.thrColLiqHdr #photo { 
	background:#FFFFFF; 
}

.thrColLiqHdr #header { 
	background:#5372CF; 
	color:#FFFFFF;
} 
.thrColLiqHdr #header h1 {
	margin:0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
}



.thrColLiqHdr #hyougumi{
	clear:both;
	background:#FFFFFF; 
	padding:5px 10px; /* この div 内に視覚的なスペースが設定されます */
}

.thrColLiqHdr #hyougumi table{
	margin:0px 0px 10px 0px; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
 	border:1px solid #888888;
 	border-left:0px solid #888888;
 	border-bottom:0px solid #888888;
}

.thrColLiqHdr #hyougumi tr{
 	border:1px solid #888888;
}

.thrColLiqHdr #hyougumi th{
	text-align:center;
	background:#FFFFFF; 
	color:#333333;
 	border-bottom:1px solid #888888;
 	border-left:1px solid #888888;
/*	border-right:1px solid #5372CF;*/
}

.thrColLiqHdr #hyougumi h3{
	text-align:center;
	font-size:100%;
	background:#00008B; 
	color:#FFFFFF;
	margin:0;
	border:none;
}

.thrColLiqHdr #hyougumi td{
	padding:4px;
	color:#000000;
 	border-bottom:1px solid #888888;
 	border-left:1px solid #888888;
 /*	border-right:1px solid #5372CF;*/
}



/* #sidebar1 と #sidebar2 に関するヒント：
1. 単位はパーセントであるため、サイドバーの端に余白を適用することは回避してください。標準に準拠したブラウザでは、余白は幅に追加されるため、実際の幅が不特定の幅になります。 
2. 「.thrColLiqHdr #sidebar1 p」ルールで見られるように、div の端と div に含まれるエレメントの間のスペースは、エレメントに左マージンと右マージンを適用することによって設定できます。
3. 親エレメントが表示された後に Internet Explorer によって幅が計算されるため、単位がパーセントの列では原因不明のバグが発生することがあります。最終的な表示をより正確に予測する必要がある場合は、単位がピクセルの列に変更することができます。
*/
.thrColLiqHdr #sidebar1 {
	float:left; /* このエレメントは、ソースオーダー内で、その横に配置されるエレメントの前に配置される必要があります */
	width:385px; /* 幅　このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	margin-bottom:10px;
}

.thrColLiqHdr #sidebar2 {
/*	margin:0 0 0 385px;*/ /* 左に#sidebar1の幅を入れて回り込ませない */
	float:right; /* このエレメントは、ソースオーダー内で、その横に配置されるエレメントの前に配置される必要があります */
	width:385px; /* 幅　このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	margin-bottom:10px;
}


/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 および #sidebar2 の間のスペースは、#mainContent div の左マージンと右マージンによって設定されます。
2. サポートされている最小解像度（800 x 600）でのフローティングエレメントの落下を回避するには、#mainContent div 内のエレメントを 300px 以下にする必要があります（イメージを含む）。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグが回避されます。
*/
.thrColLiqHdr #mainContent { 
	margin:0; /* 左に#sidebar1の幅を入れて回り込ませない */
	padding:0px 10px;
}



.thrColLiqHdr #footer { 
	padding:5px 10px;
	background:#FFFFFF;
	color:#888888;
	text-align:center;
} 
.thrColLiqHdr #footer p {
	margin:0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding:0 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

/* 再使用できる各種クラス */
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float:right;
	margin-left:10px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます。フローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float:left;
	margin-right:10px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、子フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size:1px;
    line-height:0px;
}

/*リンクバナー35px*/

div#bana35px {
	padding:0 0 0 0;
	margin:10px 0 0;
	height:35px;
}

div#bana35px ul {
	margin:0;
	padding:0;
	float:right;
	display:inline;
	width:780px;
}
div#bana35px li {
	list-style-type:none;
	height:35px;
	float:left;
	padding:0;
	margin:0;
}
div#bana35px a {
	display:block;
	height:35px;
}
div#bana35px #gn01 a { background:url(img/accessban.jpg) 0 top no-repeat; width:157px; height:35px; }
div#bana35px #gn02 a { background:url(img/accessban.jpg) -157px top no-repeat; width:156px; height:35px;}
div#bana35px #gn03 a { background:url(img/accessban.jpg) -313px top no-repeat; width:156px; height:35px;}
div#bana35px #gn04 a { background:url(img/accessban.jpg) -469px top no-repeat; width:156px; height:35px;}
div#bana35px #gn05 a { background:url(img/accessban.jpg) -625px top no-repeat; width:152px; height:35px;}


/*ニュース*/
.news-wrap{
	float:left;
	width:380px;
	height:355px;
	margin:5px 10px 0 10px;
}

.news {
	margin-top:5px;
	font-size:12px;
	/*overflow:scroll;*/
	width:378px;
	height:290px;
}

.news_date {
	position:relative;
	left:-18px;
	margin-top:0px;
	font-size:12px;
	font-weight:bold;
	color:darkred;
	list-style-image:none;
	list-style-type:none;
}

.news_strong {
	list-style-type:none;
	margin-top:5px;
	font-size:12px;
	font-weight:bold;
	color:red;
}

.news_line {
	margin:10px 0 0 0;
	background-color:#666666;
	height:1px;
	width:93%;
	overflow:hidden;
}

.style1 {
	color: #990000;
}

.style2 {
	font-size: 16px;
	font-weight: bold;
}

/*トップ画像*/
.top_img{
	float:right;
	height:350px;
	width:350px;
	margin:10px;
}


/*ビューアー紹介*/
.viewer {
	clear:both;
	margin:10px 10px 0 10px;
	; /* 左に#sidebar1の幅を入れて回り込ませない */
	width:365px;
	/*height:800px;*/
	padding-top: 20px;
}


/*事務局連絡先*/
.jimukyoku {
	clear:both;
	margin:10px 10px 0 10px;
	width:780px;
}

.jimukyoku #title{
	font-size:125%;
	margin:10px 0 5px;
	padding:2px 0 2px;
	color:#FFFFFF;
	background:#00a274;
	text-align:center;
}