﻿/* ===================================================================
font size default 14px
		10px  	71%			19px 	136%
		11px 	78%			20px 	143%
		12px 	85%			21px 	150%
		13px 	 93%		22px 	157%
		14px 	100%		23px 	164%
		15px 	107%		24px 	171%
		16px 	114%		25px 	179%
		17px 	121%		26px 	185%
		18px 	129%
=================================================================== */

/* ================================================================

		基本

================================================================ */
/*リンク色設定*/
a:link {
	color: #0000CC;
	text-decoration: underline;
}

a:visited {
	color: #551A9A;
	text-decoration: underline;
}

a:hover {
	color: #EE0000;
	text-decoration: none;
}

a:active { color: #FF9900; }

.imgCenter { text-align: center; }

.pageTop {
	clear: both;
	padding-top: 10px;
	text-align: right;
	font-size: 85%;
}

.section .pageTop {
	font-size: 85%;
}

/* ================================================================

		汎用クラス

================================================================ */
.clear{clear:both;}

/* リンク用ボーダー */
.border_link{ border:#06F 2px solid; }
.border_link:hover{ border:#D20707 2px solid; }

/*上方向の余白設定*/
.mat10 { margin-top: 10px; }
.mat15 { margin-top: 15px; }
.mat20 { margin-top: 20px; }
.mat25 { margin-top: 25px; }
.mat30 { margin-top: 30px; }

/*下方向の余白設定*/
.mab10 { margin-bottom: 10px; }
.mab15 { margin-bottom: 15px; }
.mab20 { margin-bottom: 20px; }
.mab25 { margin-bottom: 25px; }
.mab30 { margin-bottom: 30px; }

/*左方向の余白設定*/
.mal10 { margin-left: 10px; }
.mal15 { margin-left: 15px; }
.mal20 { margin-left: 20px; }
.mal25 { margin-left: 25px; }
.mal30 { margin-left: 30px; }

/*右方向の余白設定*/
.mar10 { margin-right: 10px; }
.mar15 { margin-right: 15px; }
.mar20 { margin-right: 20px; }
.mar25 { margin-right: 25px; }
.mar30 { margin-right: 30px; }

/*位置設定*/
.AL_center { text-align: center; }		
.AL_left { text-align: left; }	
.AL_right { text-align:right; }	

/*画像縦方向の位置設定*/
.VAtop { vertical-align: top; }
.VAmiddle { vertical-align: middle; }
.VAbottom { vertical-align: bottom; }

/*フォントサイズ設定　section内は14px（100%）が基本　数字はピクセル数*/
.txtSize11 { font-size: 79%; }
.txtSize12 { font-size: 85%; }
.txtSize13 { font-size: 93%; }
.txtSize14 { font-size: 100%; }
.txtSize15 { font-size: 108%; }
.txtSize16 { font-size: 116%; }
.txtSize17 { font-size: 124%; }
.txtSize18 { font-size: 131%; }
.txtSize19 { font-size: 139%; }
.txtSize20 { font-size: 147%; }

/* pの余白とインデントの設定 */	
p {
	margin-top: 0.8em;
	margin-right: 1em;
	margin-bottom: 0.4em;
	margin-left: 25px;
}
p.withmark {
	margin: 0.5em 1em 0.8em 35px;
	text-indent: -1em;
}
p.IndentB { text-indent: 2em; }
p.IndentAll { padding: 0 0 0 25px; }
p.jump {
	margin: 0.1em 20px 0.3em 10px;
	text-indent: 0.8em;
	line-height: normal;
	font-size: 85%;
}
/*通常リストの設定*/
.section ul { margin: 0.8em 0.5em 2em 25px; }
.section ul li {
	padding-left: 1em;
	margin: 0.6em 0;
	line-height: 140%; }
	
.section ul.arrow li {
	padding-left: 1em;
	background: url(../common/icon_ul_arrow.gif) 0 0.4em no-repeat; }	/*三角アイコンの場合はulにarrowクラスを設定*/
	
.section ul.disc li {
	padding-left: 1em;
	background: url(../common/icon_ul_disc.gif) 0 0.4em no-repeat; }	/*黒丸の場合はulにdiscクラスを設定*/
	
.section ul ul.ulreset li,
.section ul ol.ulreset li { background: none; padding-left:0; }		/*通常のリストの中にさらにリストを入れる場合は、ulまたはolに.ulresetを設定*/

/*番号付きリストの設定*/
.section ol { margin: 0.8em 0.5em 2em 3.5em; }
.section ol li {
	margin: 0.6em 0;
	line-height: 1.4em;
}

.section ol.suzi li { list-style-type: decimal; }			/*数字の場合はolにsuziクラスを設定*/
.section ol.romanSmall li { list-style-type:lower-alpha; }	/*ローマ字（小文字）の場合はolにromanSmallクラスを設定*/
.section ol.romanBig li { list-style-type: upper-alpha; }	/*ローマ字（大文字）の場合はolにromanBigクラスを設定*/

.section ol ul.olreset li,
.section ol ol.olreset li { list-style-type: none; padding-left:0;}	
.section ol ul.arrow li,
.section ol ul.disc li { list-style-type: none; padding-left: 1em;}	/*番号のリストの中にさらにリストを入れる場合は、ulまたはolに.olresetを設定*/

/*リストの下余白をリセット*/
.section ul.reset { margin: 0.8em 0.5em 0 2.2em; }
.section ol.reset { margin: 0.8em 0.5em 0 3.5em; }


/* 強調、目立たせたい項目・文章を入れるボックス */	
.emBoxA {
	padding: 10px;
	border: 1px solid #D5D5D5;
	background: #FFF8EE;
}

.emBoxB {
	padding: 10px;
	border: 1px solid #D5D5D5;
}

/* 強調文字の設定 */	
.section .attention { color: #CC0000; }	/*注意を促す文字用　文字色赤*/
.section em { font-weight: bold; color: #CC0000; } /*strongより強調したい場合　太字に文字色赤*/
.section .caution {
	font-size: 136%;
	font-weight: bold;
	color: #CC0000;
}	/*特に強調したい文字用　太字　文字色赤　18px*/

/* 定義リストの設定  通常のもの… 講座の紹介などに使用*/	
.section dl{   
	margin-left:1em;
}   
.section dt {
	padding:0.3em 0 0.3em 0;
	font-weight:bold;
	font-size: 104%;
}   
.section dd {
	padding-top: 0.1em;
	padding-right: 0;
	padding-bottom: 1em;
	padding-left: 3em;
} 


/* 定義リストの設定  通常のもの… 講座の紹介などに使用*/	
.press dl{
	line-height: 1.1em;
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-right: 10px;
	margin-right: 10px;
}   
.press dt {
	margin-left:1em;
	padding:0.8em 0 0.3em 0;
	font-weight:bold;
	line-height: 1.1em;
	font-size: 90%;
}   
.press dd {
	padding:0.5em 0.5em 0.5em 2em;
	line-height: 1.2em;
} 
/* 定義リストの設定  トップページ更新履歴に使用*/	
.kousin dl{
	margin-left:5px;
	padding:3px 0 3px 0px;
}   
.kousin dt {
	margin-top:0.1em;
	clear:both;
	font-size: 79%;
	font-weight:bold;
	height: auto;
}   
.kousin dd {
	font-size: 90%;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 1px;
	padding-left: 0px;
} 
/* 定義リストの設定  あらかるとの月表示用など定義リスト～横ならび*/	
.yokodl dl{
	margin-left:10px;
	width:95%;
}   
.yokodl dt {
	margin-top:0.3em;
	clear:both;
	font-size: 85%;
	font-weight:bold;
	height: 1.1em;
}   
.yokodl dd {
	margin-left:1.2em;
	margin-top:5px;
	padding:0 0 3px 0px;
	height: auto;
} 
/* 定義リストの設定  あらかるとの月表示用など定義リスト～横ならび*/	
.yokodlold dl{
	margin-left:10px;
	width:98%;
	border-bottom-width: thin;
	border-bottom-style: none;
	border-top-width: thin;
	border-right-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}   
.yokodlold dt {
	float:left;
	width:120px;
	clear:both;
	font-weight:bold;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 10px;
}   
.yokodlold dd {
	margin-left:100px;
	padding:5px 5px 10px 10px;
} 
/* 定義リストの設定  くらニューの目次～横ならび*/	
.mokuji dl{   
 margin-left:10px;
 border-bottom:1px dotted #999;   
}   
.mokuji dt {
	float:left;
	width:100px;
	padding:5px 0 10px 10px;
	clear:both;
	font-weight:bold;
	height: auto;
}   
.mokuji dd {
	margin-left:100px;
	padding:10px 5px 20px 10px;
} 
/* テーブルの設定　共通 */
.section table.TblTypeA, .section table.TblTypeB, .section table.TblTypeC, .section table.TblTypeE {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
.section table th, .section table td {
	font-size: 100%;
}
.section table.TblTypeA th, .section table.TblTypeA td, .section table.TblTypeB th, .section table.TblTypeB td, .section table.TblTypeC th, .section table.TblTypeC td {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	line-height: 1.4;
}

/* テーブルの設定　タイトル行色つけ */
.section table#table-sekiyu {
    width: 100%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
.section table#table-sekiyu th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    text-align: center;
}
.section table#table-sekiyu td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

/* テーブルの設定　タイトル行色つけ 幅50%*/
.section table#table-50 {
    width: 50%;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}
.section table#table-50 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    text-align: center;
}
.section table#table-50 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}

/* テーブルの中にリストがある場合 */
.section table ul { margin: 0 0 0 0.5em; }
.section table ul.arrow li { padding-left: 1em; }
.section table ul.disc li { padding-left: 1em; }

/* テーブルの設定　タイプA　青 */
.section table.TblTypeA th {
	text-align: center;
	background: #EDF0FB;
}

/* テーブルの設定　タイプB　緑 */
.section table.TblTypeB th {
	text-align: center;
	background: #E2F2CB;
}

/* テーブルの設定　タイプC　tdの文字を中央寄せ */
.section table.TblType td { text-align: center; }

/* テーブルの設定　タイプD　ボーダー下のみ */
.section table.TblTypeD td, .section table.TblTypeD th { border-bottom: 1px solid #CBDAEF; }

/* テーブルの設定　タイプE　thボーダー無し */
.section table.TblTypeE td, .section table.TblTypeE th {
	border-bottom: 1px solid #CCC;
	line-height: 1.4;
}
.section table.TblTypeE td { border-right: 1px solid #CCC; }

/* テーブルの設定　thの文字を左寄せ */
.section table.ttlLeft th {
	text-align: left;
	background: #EDF0FB;
}

/* 簡単に画像寄せと画像のキャプション */
/* 450pix画像右寄せ */
.imgright450 {
	margin: auto;
	float:right;
	clear:right;
	width: 470px;
}

/* 450pix画像左寄せ */
.imgleft450 {
	margin: auto;
	float:left;
	clear:left;
	width: 470px;
}

/* 300pix画像右寄せ */
.imgright300 {
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	margin-bottom: auto;
	float:right;
	clear:right;
	width: 320px;
}

/* 300pix画像右寄せ */
.imgleft300 {
	margin: auto;
	float:left;
	clear:left;
	padding-top: 15px;
	width: 320px;
}

/* 150pix画像左寄せ */
.imgright150 {
	margin: auto;
	float:right;
	clear:right;
	padding-top: 15px;
	width: 170px;
}

/* 150pix画像右寄せ */
.imgleft150 {
	margin: auto;
	float:left;
	clear:left;
	padding-top: 5px;
	width: 170px;
}
.imgleft150 p,.imgright150 p,.imgleft300 p,.imgright300 p,.imgleft450 p,.imgright450 p {
	font-size: 78%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: center;
	line-height: 1.1em;
	margin: 3px 3px 2px 3px;
}

.imgleft150 p#cap,.imgright150 p#cap,.imgleft300 p#cap,.imgright300 p#cap,.imgleft450 p#cap,.imgright450 p#cap {
	font-size: 78%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align: left;
	line-height: 1.1em;
	margin: 3px 15px 2px 15px;
}


.imgleft150 a img,.imgright150 a img,.imgleft300 a img,.imgright300 a img,.imgleft450 a img,.imgright450 a img {
	border: 1px dotted #D6D6D6;
}

/* 画像を左寄せにしたい場合の設定 */	
.section .ImgSetTypeLeft { width: 100%; }
.section .ImgSetTypeLeft p { margin: 0; }
.section .ImgSetTypeLeft p.image {
	float: left;
	margin-right: 20px;
}
.section .ImgSetTypeLeft p.image img { margin: 0 0 10px 0; }
.section .ImgSetTypeLeft .textBody { display: table-cell; }
*html .section .ImgSetTypeLeft .textBody {
	display: inline;
	zoom: 1;
}
*:first-child+html .section .ImgSetTypeLeft .textBody {
	display: inline;
	zoom: 1;
}

/* 画像を右寄せにしたい場合の設定 */
.section .ImgSetTypeRight { width: 100%; }
.section .ImgSetTypeRight p {
	margin: 0.3em 0 0.6em 10px;
	text-indent: 0.8em;
}
.section .ImgSetTypeRight p.image {
	float: right;
	margin-left: 10px;
}
.section .ImgSetTypeRight p.image img { margin: 0 0 10px 20px; }
.section .ImgSetTypeRight .textBody { display: table-cell; }
.section .ImgSetTypeRight .textBody p { margin: 0 0 1em; }
*html .section .ImgSetTypeRight .textBody {
	display: inline;
	zoom: 1;
}
*:first-child+html .section .ImgSetTypeRight .textBody {
	display: inline;
	zoom: 1;
}

/* h2以下に入れるインデント用ボックスの設定 */	
.BoxLv1 {
	margin: 1.5em 0 1em 15px;
	line-height: 1.5em;
}

.BoxLv2 {
	margin: 1em 20px 0.5em 20px;
	line-height: 1.5em;
}

.BoxLv3 {
	margin: 1em 20px 0.5em 10px;
	line-height: 1.5em;
}

/* h2以下に入れるインデント用ボックスの設定	
.section .BoxLv1 {
	margin: 1.5em 0 1em 15px;
	line-height: 1.5em;
}

.section .BoxLv2 {
	margin: 1em 20px 0.5em 20px;
	line-height: 1.5em;
}

.section .BoxLv3 {
	margin: 1em 20px 0.5em 10px;
	line-height: 1.5em;
} */

/* ================================================================

		メイン画面共通

================================================================ */
/* パンくず */
#pankuzu {
	margin: 5px 2em 5px 0;
	font-size: 78%;
	text-align: right;
}

#pankuzu li { display: inline; }

.section {
	width: 100%;
	margin: 0 0 20px 0;
}

*html body .section { margin: 0 0 10px 0; }

/* 左カラムの内容 第２階層*/
.InnerA #leftNavi {
	border-right: 1px solid #425059;
	border-bottom: 1px solid #425059;
	border-left: 1px solid #425059;
	background: #FFF;
	font-size: 93%;
	margin-top: 26px;
}

.InnerA #leftNavi dl dt {
	padding: 4px 8px 3px 8px;
	margin: 0 0 10px 0;
	font-weight: bold;
	color: #FFF;
	background: #3366CC;
}

.InnerA #leftNavi dl dd {
	padding: 0 0 10px 20px;
	margin: 0 10px 10px 10px;
	line-height: 1.3;
	background-image: url(../common/ico_ya.gif);
	background-repeat: no-repeat;
	background-position: 0 0em;
}
.InnerA #leftNavi dl dd.now {
	background-image: url(../common/ico_sq.gif);
}

.InnerA #leftNavi dl dd.now2 {
	padding: 0 0 10px 30px;
	margin: 0 10px 10px 30px;
	line-height: 1.3;
	background-image: url(../common/ico_sq2.gif);
	background-repeat: no-repeat;
	background-position: 0 0em;
}
.InnerA #leftNavi dl dd.dan {
	padding: 0 0 10px 30px;
	margin: 0 10px 10px 30px;
	line-height: 1.3;
	background-image: url(../common/arrow_menu2.gif);
	background-repeat: no-repeat;
	background-position: 0 0em;
}
.InnerA #leftNavi dl dd.dannow {
	padding: 0 0 10px 30px;
	margin: 0 10px 10px 30px;
	line-height: 1.3;
	background-image: url(../common/ico_sq.gif);
	background-repeat: no-repeat;
	background-position: 0 0em;
}

.InnerA #leftNavi dl dd ul li { margin-top: 5px; }

.InnerA #leftNavi dl dd.end {
	padding: 0 0 10px 20px;
	margin: 0 10px 0 10px;
	border-bottom: none;
}
/* 左カラムの内容 第３階層*/
.InnerA #leftNavi2 {
	background: #FFF;
	border: 1px solid #CCC;
	margin-top: 26px;
}

.InnerA #leftNavi2 dl dt {
	padding: 4px 8px 3px 8px;
	margin: 0 0 10px 0;
	font-weight: bold;
	background-color: #006600;
	color: #FFFFFF;
}

.InnerA #leftNavi2 dl dd {
	padding: 0 0 10px 0;
	margin: 0 10px 10px 10px;
	border-bottom: 1px solid #A2BECC;
	line-height: 1.3;
}

.InnerA #leftNavi2 dl dd ul li { margin-top: 5px; }

.InnerA #leftNavi2 dl dd.end {
	padding: 0 0 10px 0;
	margin: 0 10px 0 10px;
	border-bottom: none;
}

/* タイトル設定 */	
.section h1 {
	padding: 4px 0 4px 10px;
	margin: 0 0 0.5em;
	font-size: 136%;
	color: #FFF;
	line-height: 1.2;
	background: #264CB6;
}

.section h1.simple {
	padding: 6px 0 5px 13px;
	margin: 0 0 0.5em;
	font-size: 136%;
	line-height: 1.2;
	color: #333;
	background: #FFFFFF;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006600;
	border-right-color: #006600;
	border-bottom-color: #006600;
	border-left-color: #006600;
}

.section h2 {
	padding: 8px 10px 5px 10px;
	margin: 1px 0 1px 0;
	border-bottom: 2px solid #264CB6;
	font-size: 129%;
	background: url(../common/bg_mainarea_ttl.jpg) 0 0 repeat-x;
}

.section h2.simple {
	padding: 5px 10px 3px 2px;
	margin: 10px 0 3px;
	font-size: 129%;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
}
.section h2#special {
	padding: 5px 10px 2px 100px;
	margin: 10px 0 3px;
	font-size: 129%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #949494;
	line-height: 1.8em;
	background-image: url(../common/special.gif);
	background-repeat: no-repeat;
}
.section h2#topix {
	padding: 5px 10px 2px 100px;
	margin: 10px 0 3px;
	font-size: 129%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #949494;
	line-height: 1.8em;
	background-image: url(../common/topix.gif);
	background-repeat: no-repeat;
}
.section h2#sodan {
	padding: 5px 10px 2px 100px;
	margin: 10px 0 3px;
	font-size: 129%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #949494;
	line-height: 1.8em;
	background-image: url(../common/sodan.gif);
	background-repeat: no-repeat;
}
.section h2#monitor {
	padding: 5px 10px 2px 100px;
	margin: 10px 0 3px;
	font-size: 129%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #949494;
	line-height: 1.8em;
	background-image: url(../common/monitor.gif);
	background-repeat: no-repeat;
}
.section h2#spot {
	padding: 5px 10px 2px 100px;
	margin: 10px 0 3px;
	font-size: 129%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #949494;
	line-height: 1.8em;
	background-image: url(../common/spot.gif);
	background-repeat: no-repeat;
}
.section h2#memo {
	padding: 5px 10px 2px 100px;
	margin: 10px 0 3px;
	font-size: 129%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #949494;
	line-height: 1.8em;
	background-image: url(../common/memo.gif);
	background-repeat: no-repeat;
}
.section h2#osirase {
	padding: 5px 10px 2px 100px;
	margin: 10px 0 3px;
	font-size: 129%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #949494;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #949494;
	line-height: 1.8em;
	background-image: url(../common/osirase.gif);
	background-repeat: no-repeat;
}

.section h3 {
	padding: 4px 0 2px 7px;
	margin: 0.8em 0 0.5em 0;
	font-size: 116%;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 6px;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #264CB6;
	border-left-color: #264CB6;
}

.section h3.ttlLv3Green {
	border-right: 1px solid #B0DF99;
	border-bottom: 1px solid #B0DF99;
	border-left: 4px solid #B0DF99;
	color: #306F39;
	background: #E9F8E3;
} 

/* h3の色を緑に */	
.section h3.ttlLv3Red {
	border-right: 1px solid #F2B2B2;
	border-bottom: 1px solid #F2B2B2;
	border-left: 4px solid #F2B2B2;
	color: #C41000;
	background: #FFEEEE;
}

 /* h3の色を赤に */
.section h3.simple {
	color: #333333;
	border-bottom-width: 1px;
	border-left-width: 15px;
	border-bottom-style: none;
	border-left-style: solid;
	border-bottom-color: #006600;
	border-left-color: #006600;
	margin-left: 7px;
	background-color: #FFFFFF;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}

.section h4 {
	padding-left: 8px;
	margin: 1em 0 0.5em 0.5em;
	border-bottom-width: 1px;
	border-left-width: 15px;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #264CB6;
} 	

.section h4.orange {
	border-left-color: #FF8000;
}

 /* h4の色を緑に */
.section h4.ttlLv4Green {
	border-bottom: 1px solid #CCDFC3;
	border-left: 5px solid #3F7645;
}

 /* h4の色を緑に */
.section h4.ttlLv4Red {
	border-bottom: 1px solid #990000;
	border-left: 5px solid #990000;
} /* h4の色を赤に */

.section h4.simple {
	padding-left: 1px;
	border-bottom-width: medium;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #006600;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	width: 60%;
	font-size: 107%;
} 	

.section h5 {
	padding-left: 15px;
	margin: 1.5em 0 0.5em 0.5em;
} 	


/* clearfix */	
.section .ImgSetTypeLeft:after,
.section .ImgSetTypeRight:after,
.section .tblBox:after,
.section table.TblTypeA:after,
.section table.TblTypeB:after,
.section:after {
	clear: both;
	height: 0.1px;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
	display: block;
	content: ".";
}
.section .ImgSetTypeLeft,
.section .tblBox,
.section table.TblTypeA,
.section table.TblTypeB,
.section { display: inline-block; }

.section .ImgSetTypeLeft,
.section .tblBox,
.section table.TblTypeA,
.section table.TblTypeB,
.section { zoom: 100%; }

/* ================================================================

		くらしのニュースWeb版

================================================================ */
.section .kurashiTtl {
	font-size: 129%;
	font-weight: bold;
	color: #264CB6;
}
.section .kurashiNews { margin: 0 0 10px 0; }
.section .kurashiNews dt {
	padding: 0 0 0 8px;
	margin: 1em 0 0.2em 0;
	border-left: 5px solid #AAC8EB;
	font-weight: bold;
}
.section .kurashiNews dd { margin: 0.5em 0 0 1.8em; }


/* ================================================================

		リンク集

================================================================ */
#Link #centersLink a {
	padding-left: 1em;
	margin: 0 0 0 2em;
	background: url(../common/icon_ul_arrow.gif) 0 0.4em no-repeat;
}

#Link #centersLink span {
	padding-left: 1em;
	margin: 0 0 0 2em;
	background: url(../common/icon_ul_arrow.gif) 0 0.4em no-repeat;
}
