@charset "utf-8";
body  {
	background: #666666;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 100%;
	line-height: 150%;
}

img{border-style:none;}

.twoColLiqLtHdr #container {
	width: 80%;  /* これにより、幅がブラウザの幅の 80% のコンテナが設定されます */
	background-color: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	border: 1px solid #000000;
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
} 
.twoColLiqLtHdr #header {
	background: #DDDDDD;  /* この余白は、その下に表示される div のエレメントの左揃えと一致します。#header でテキストの代わりにイメージが使用される場合は、必要に応じて、余白を削除してください。 */
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
} 
.twoColLiqLtHdr h1, h2, h3{line-height:130%;}

.twoColLiqLtHdr h2.title{margin-bottom:0px;}

.twoColLiqLtHdr li{line-height:130%;padding-bottom:3px;}

.twoColLiqLtHdr caption{font-size:115%;font-weight:bold;padding-bottom:0px;}

.twoColLiqLtHdr #header h1 {
	margin: 0;
	padding-top: 10px;
}

.twoColLiqLtHdr #header h2 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 5px 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 110%;
}


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

.twoColLiqLtHdr #sidebar{
	margin:0;
	padding:0;
	float: left;
	width: 22%; /* 背景色は、列内のコンテンツの長さにわたって表示されます */
}

.twoColLiqLtHdr #sidebar1 {
	padding: 20px 10px 10px 10px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	background-color: #eeeecc;
}
.twoColLiqLtHdr #sidebar1 p {
	margin-left: 6px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 4px;
}

.twoColLiqLtHdr #sidebar2 {
	padding: 10px; /* 上余白と下余白により、この div 内に視覚的なスペースが設定されます */
	background-color: #FFF1D9;
}

.twoColLiqLtHdr #sidebar2 p {
	margin-left: 6px; /* サイドバーに配置されるすべてのエレメントに左マージンと右マージンが設定されている必要があります */
	margin-right: 4px;
}
.twoColLiqLtHdr #sidebar ul{
	margin-left:0;
	padding-left:30px;
}



/* #mainContent に関するヒント：
1. #mainContent と #sidebar1 の間のスペースは、#mainContent div の左マージンによって設定されます。#sidebar1 div に含まれるコンテンツの量に関係なく、#sidebar1 div のスペースは維持されます。#sidebar1 のコンテンツが終了した後のスペースに #mainContent div のテキストを挿入するには、この左マージンを削除します。
2. サポートされている最小解像度（800 x 600）でのフローティングエレメントの落下を回避するには、#mainContent div 内のエレメントを 430px 以下にする必要があります（イメージを含む）。
3. 下の Internet Explorer の条件分岐コメントでは、#mainContent に「hasLayout」を設定するのにズームプロパティが使用されます。これにより、いくつかの IE 固有のバグが回避されます。
*/

.twoColLiqLtHdr #main{
	float:right;
	width:72%;
	padding-right:3%; 
	}
	
.twoColLiqLtHdr #main h2{
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	padding: 13px 0 0; /* マージンの代わりに余白を使用して、エレメントを div の端に接触しない位置に維持することができます */
	font-size: 145%;/* h2のフォントサイズを100から145に変更08925 */
}
	
.twoColLiqLtHdr #mainContent { 
	padding-top:0px;
} 

.twoColLiqLtHdr #mainContent h1{ 
	margin-bottom:18px;
}

.twoColLiqLtHdr #mainContent h3{ 
	margin:0px;
} 


.twoColLiqLtHdr #footer { 
	padding: 0px 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background:#DDDDDD;
} 
.twoColLiqLtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size: 90%;
	text-align: center;
}

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

/* ******************  banner  ************** */

div.banner {
	text-align: center;
	font-weight: normal;
	font-size: 100%;
	padding-top: 8px;
	padding-bottom: 8px;
}

div.banner a:link {
	background: #FFF;
	color: #048;
}

div.banner a:visited {
	background: #FFF;
	color: #636;
}

div.banner a:active {
   background: #ffc;
   color: #048;
   text-decoration: none;
}

div.banner a:hover {
   background: #ffc;
   color: #900;
   text-decoration: none;
}
/* ******************  news  ************** */

h2.newsHeading {
   background: #005a9c;
   color: #fff;
   border: none;
   border-top: 1px solid #000;
   width: 100%;
   font-weight: bold;
   font-size: medium;
   text-align: center;
   margin-top: 0;
   padding: 0.1em;
}

div.item h3 {
   font-size: 150%;
   margin-bottom: -0.3em;
}

div.item, .pastNews {
   clear: both;
   padding: 0 0.7em 0 1em;
}

img.newsImage, img.newsImageNoBorder, .newsImageNoBorder{
	float: left;
	margin-top:3px;
	margin-right: 1em;
	background: #fff;
	color: #000;
	height: auto;
	width: auto; 
	padding: 0px;
}

img.newsImage {
   border: 1px solid #000;
}

a:link img.newsImage, a:visited img.newsImage {
   border: 1px solid #000;
}

/*
div.item ul li {
   margin-left: 12px;
}
*/

/* ******************  highlight  ************** */

h2.spot-head {
   background: #4d8cba;
   color: #fff;
   border: none;
   width: 100%;
   font-weight: bold;
   font-size: medium;
   text-indent: 0.5em;
   margin-top: 0;
   padding: 0.1em 0;
}

h2.spot-subhead {
   clear: both;
   margin: 0 6px;
   padding: 0.2em 0 0 0.2em;
   font-variant: small-caps;
   font-size: x-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: small;
   font-weight: bold;
   border-bottom: 1px solid #778;
}

h2.spot-subhead, div.spot, p.spot-block, p.spot-more,
div.spot-image, ul.spot-block, ul.spot-block li {
   background: #fff;
   color: #000;
}

div.spot-image img {
   float: left;
   border-left: 3px solid #fff;
   border-right: 6px solid #fff;
}

div.spot a:link {
   background: #fff;
   color: #037;
}

div.spot a:visited {
   background: #fff;
   color: #636;
}

div.spot a:active {
   background: #ffc;
   color: #900;
   text-decoration: none;
}

div.spot {
   padding: 0.2em 0.2em 0.4em 0.75em;
   margin: -6px 4px 0.5em 4px; 
   border: 1px solid #885;
}

p.spot-block {
   padding: 0;
   margin: 0;
}

.spot-block + .spot-block,
.spot-block + h2.spot-subhead {
   margin-top: 0.5em;
}

ul.spot-block {
   margin-bottom: 0;
}

div.spot, p.spot-block, ul.spot-block, ul.spot-block li, .spot-more {
   text-indent: 0;
   font-family: 'Times New Roman', Times, serif;
   font-size: x-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: small;
}