@charset "UTF-8";
	/* 文字エンコードの設定（削除不可） */

/* ***********************************************
/* HTML要素（一部#ID） */
*	{ margin:0; padding:0;
	font:normal normal normal 100%/170% Osaka,Verdana,Chicago,"ＭＳ Ｐゴシック",sans-serif; }

/* 基本構造 */
html{  }
body{ margin:0 auto; color:#222; font-size:84%; width:100% ; height:99%; overflow: visible; }	/* widthはIEの領域(body)不必要な横スクロールバーのバグ対策　& */
																								/* height:100%は未設定と同じでoverflowが働かない			*/
hr	{ display:none; }
img	{ border:none; }

/* 見出し */
h1,h2,h3,h4,h5,h6	{ margin:0 0 4px; }
h1	{ padding:0 0 5px 30px; font-size:190%; letter-spacing:1px; }
h2	{ margin:5px 10px 20px; font-size:120%; color:#fff; background:#444; text-align:center; }
h3	{ margin:20px 0 10px 10px; font-size:120%; color:#000; border-bottom:1px solid #222; font-weight:bold; }
h4	{ background:#eee; padding:0 3px; }
h5	{ padding-left:20px; font-size:100%; font-weight:bold;}
h6	{ padding-left:3px; font-size:84%; }
#MENU h2{ display:none; }
#FOOTER h2  { display:none; }

/* 段落 */
p	{ margin:0.1em 15px 1em 20px; }

/* アンカー */
a	{	}
	a:link	{ color:#3366CC; }
	a:visited	{ color:#3366CC; }
/*	a:hover	{ color:#ccc; } */
	a:hover	{ color:red; }
	a:active	{	}
	a:focus	{	}

/* 2014.10.20 by Takeuchi */
h3.event			{ text-align:center; font-size:100%; }
h3.event a			{ margin-left:0px; margin-right:3px; font-weight:bolder; text-decoration:none; }
h3.event span.big	{ font-size:140%; font-weight:bolder;}
h3.event span.mid	{ font-size:110%; font-weight:bolder;}
h3.event span.small	{ font-size: 80%; font-weight:bolder;}
h3.event font		{ color:gray; font-weight:bolder;}
h3.event a:link		{ color:#3366CC; }
h3.event a:visited	{ /*color:#990066;*/ }
h3.event a:hover	{ color:red; }
h3.event a:active	{ color:red; }
/* ----------------------- */


/* 強調・追加・削除 */
em	{ font-weight:bold; }
strong	{ font-size:bold; color:#ba2636; border-bottom:2px solid #ccc; }
ins	{ text-decoration:underline; }
del	{ text-decoration: line-through; }
b	{ font-weight:bold; }
i	{ font-style:oblique; }
big	{ font-size:120%; }
small	{ font-size:84%; }
tt	{ font-family:monospace; }

/* リスト */
ol	{ list-style-position:inside; }
	ol li	{ }
	#KIZI	ol	{ margin:0 0 0.8em 25px; }
ul	{ list-style-position:outside; }
	ul li	{ list-style:circle; }
	#KIZI	ul	{ margin:0 0 0.8em 37px; }
dl	{ margin:0.2em 0 1em 20px; }
	dt	{ font-weight:bold; }
	dd	{ margin:0 20px 0.5em 20px; padding:3px 5px; background:#eee; }

/* アドレス */
address	{ color:#999; text-decoration:underline;}
#FOOTER address { display:inline; text-decoration:none; }

/* 引用 */
blockquote	{ margin:0.5em 20px 0.5em 20px; padding:4px 6px 4px 0; border:1px solid #ccc; background:#fff; }
cite	{ text-decoration:underline; }
q		{ font-style:oblique; }

/* 整形済みテキスト */
pre	{ margin:0.5em 20px 0.5em 20px; padding:4px; border:1px solid #ccc; background:#eee; }

td { vertical-align:top; }

/* ***********************************************
/* 各#ID＆.class */

/*--------------------------2015.09.05
<frame> はポータルサイトでの検索結果のリンクからの表示で問題があるので使用せず
その代わりに以下の方法で対処
【ブロック構成の一部を以下に変更】
 <#MYBODY>						: body　全体（子要素のposition:absolute　のバグ対策）
 		<#MENUPAGETOP>				: menu全体（内容は無い）
			<#MENU>～</#MENU>		: menu内容
 		</#MENUPAGETOP>
 		<#PAGETOP>					: コンテンツ全体（内容は無い）
			<#HEADER>～</#HEADER>	: ヘッダー（見出し）内容
			<#KIZI>					: 情報内容
				<news> or <text>	: 新着、行事等
			</#KIZI>
 		</#PAGETOP>
		<#FOOTER>～</#FOOTER>		: ヘッダー（見出し）内容
 </#MYBODY>
【以下のようにDIVとPOSITIONを使用して段組みを構成】
--------------------------*/
body#INDEX	{	}
div#MYBODY	{ position : relative; height:99%; overflow:visible;}	/* 子要素のposition:absolute　のバグ対策 */
div#MENUPAGETOP	{ position:absolute; left:0; top:0px; width:200px;  border-right:medium solid silver; }	/* widthの値と#PAGETOPのmargin-leftの値を同じにすること */
	div#MENUHEADER	{ padding:5px 20px 5px 20px; }
	div#MENU	{ padding:10px 10px 0px 10px; }
		#MENU	ul	{  }
		#MENU	li	{ list-style:none;  margin:0 0 0 5px; }
		#MENU	a	{ font-weight:bold; text-decoration:none; color:#222; padding:0 1px; }
		#MENU	a:hover	{ color:black; border-bottom:1px solid black; }

div#PAGETOP	{ margin-left:200px ; border-left:medium solid silver; }
	div#HEADER	{ margin-top: 0px; padding:0px 0px ; height:100px; overflow:visible; background:url("./img/title.gif") no-repeat 50% 50%; text-align:right; }
	div#KIZI	{  }
		div.news{ height:40%; overflow:auto; margin:10px 20px 10px 10px; border:thin solid silver;}
		div.text{ height:60%; overflow:auto; margin:10px 20px 10px 10px; border:thin solid silver;}
		div.jte	{ 							 margin:10px 20px 10px 10px;}

div#FOOTER	{ padding:10px 0 0 0; text-align:center;}
	#FOOTER	ul	{ list-style:none;  background:#444; color:#fff; }
	#FOOTER	li	{ list-style:none; display:inline; padding-left:0.7em; }
	#FOOTER	li	a	{ text-decoration:none; color:#fff; }
	#FOOTER	li	a:hover	{ color:#3366CC; }