@charset "utf-8";

html{
	overflow-y: scroll;
}

body{
	font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background: #FFFFFF;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #666666;
}
.HMH #container{
	width: 100%;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

.HMH #container_ver2{
	width: 100%;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFFFFF;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

.HMH #container_Inner{
	width: 810px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
}

.HMH #header{
	background:none;
	height: 200px;
	text-align: center;
	padding: 0;
	margin: 0 0 10px 0;
	vertical-align:bottom;
	z-index:999!important;
}
.HMH #header h1{
	text-indent: -5000px;
	margin:-40px 0 0 0;
	padding: 0;
}

.HMH #header img{
	width: 100% !important;
    height: auto !important;
}

.HMH #header .caution{
	position:absolute;
	top:20px;
	right:0;
	min-width:980px;
	margin:0 auto;
}

.HMH #mainContent{
	width:100%;
	margin:0 auto;
	padding: 0 0 40px 0;
	background: #FFFFFF;
}

.HMH #footerMenu{
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background: #63778e;
	text-align: right;
	height: 29px;
}
.HMH #footerMenu p{
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 5px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}
.HMH #footer{
	padding: 0 10px; /* この余白は、その上に表示される div のエレメントの左揃えと一致します。 */
	background : url(copyright.gif) center center / auto auto no-repeat scroll padding-box border-box transparent;
	text-align: center;
}
.HMH #footer p{
	text-indent: -5000px;
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
}

/* イメージ関連 */

img{
	border: 0;
}

img.rogo{
	padding: 0;
	margin: 0 10px;
}

img.Hbt_01{
	padding: 0;
	margin: 100px 20px 0 0;
}

img.Hbt_02{
	padding: 0;
	margin: 100px 0 0 0;
}

img.gn01{
	width:100%;
	max-width:99px;
	height:auto;
		margin-left:73px;
}

img.gn02{
	width:100%;
	max-width:50px;
	height:auto;
}

img.gn03{
	width:100%;
	max-width:109px;
	height:auto;
}

img.gn04{
	width:100%;
	max-width:99px;
	height:auto;
}

img.gn05{
	width:100%;
	max-width:25px;
	height:auto;
}

img.gn06{
	width:100%;
	max-width:74px;
	height:auto;
}

img.gnrogo{
	width:100%;
	max-width:180px;
	height:auto;
	min-height:215px;
	vertical-align:top;
	z-index:999!important;
	position: relative;
}

img.FMenu_01{
	padding: 0;
	margin: 8px 20px 8px 0;
}

img.FMenu_02{
	padding: 0;
	margin: 8px 0 8px 0;
}

img.left{
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
}

img.right{
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
}

img.kankyo_01{
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
}

img.kankyo_02{
	float: right;
	margin: 0;
	padding: 0;
}

img.hoikuTop_01{
	padding: 0;
	margin: 0 25px 0 0;
}

img.hoikuTop_02{
	padding: 0;
	margin: 0;
}

img.Smenu{
	padding: 0;
	margin: 0 0 15px 0;
}

img.subMenu{
	padding: 0;
	margin: 0;
}

/* 各種ボックス関連 */

/* .Flash の代わりにスライドショーを設置 */

#slide{
	width:100%;
	height:30em;
	background:#999;
	padding:0;
	margin:0;
}

.Flash{
	width: 780px;
	height: 140px;
	padding: 0;
	margin: 0 0 30px 0;
	background : url(img07.jpg) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	text-align: center;
}

.cautionI{
	background : url(index_lineBox_bottom.gif) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
	margin: 0;
	padding: 0 0 10px 0;
}

.cautionIin{
	background : url(index_lineBox_top.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	margin: 0;
	padding: 0 10px 0 0;
}

.topicsI{
	background : url(index_lineBox_bottom.gif) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
	margin: 0 0 30px 0;
	padding: 0 0 10px 0;
}

.topicsIin{
	background : url(index_lineBox_top.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	margin: 0;
	padding: 0 10px 0 0;
}

.OneC{
	padding: 0;
	margin: 0 0 30px 0;
}

.OneC_ver2{
	padding: 0;
	margin: 0 auto 30px auto;
	width:100%;
}

.OneC_s{
	padding: 0;
	margin: 0 0 20px 0;
}

.OneC_kankyo_01{
	height: 292px;
	padding: 0;
	margin: 0 0 30px 0;
}

.OneC_kankyo_02{
	height: 150px;
	padding: 0;
	margin: 0 0 10px 0;
}

.OneC_kankyo_03{
	height: 100px;
	width: 590px;
	padding: 0;
	margin: 0 10px 0 0;
}

.leftBox{
	float: left;
	width: 375px;
	padding: 0;
	margin: 0;
}

.rightBox{
	float: right;
	width: 375px;
	padding: 0;
	margin: 0;
}

.leftC_Box{
	width: 680px;
	float: left;
}

.rightC_Box{
	width: 78px;
	float: right;
}

.rightMap_Box{
	width: 335px;
	float: right;
}

.leftC_Box_a{
	width: 680px;
	float: left;
	background : url(bg_a.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

.leftC_Box_b{
	width: 680px;
	float: left;
	background : url(bg_b.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

.leftC_Box_c{
	width: 680px;
	float: left;
	background : url(bg_c.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

.leftC_Box_d{
	width: 680px;
	float: left;
	background : url(bg_d.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

.leftC_Box_e{
	width: 680px;
	float: left;
	background : url(bg_e.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

.leftC_Box_f{
	width: 680px;
	float: left;
	background : url(bg_f.gif) left top / auto auto no-repeat scroll padding-box border-box transparent;
}

.subMenu_Box{
	width:835px;
	height: 33px;
	text-align:right;
	margin: -50px auto 20px auto;
	padding: 0;
	white-space:nowrap!important;
}

.subMenu_Box a img{
	width:100px;
	height:auto;
	margin:0 0 0 3px;
}



/* 以下の2つのclassは、削除の可能性あり */
.ImgCaution{
	padding: 0;
	margin: 0 0 5px 0;
}

.ImgCaution p{
	font-size: 10px;
	color: #8999ab;
	text-align: right;
}
/* 削除ここまで */

/* 段落関連 */

p{
	padding: 0;
	margin: 0;
	line-height: 1.8em;
}

p.PlugInImg{
	padding: 0;
	margin: 0;
}

.caution{
	color: #9ab9dd;
	font-size: 10px;
	line-height: 1.2em;
}

.caution_B{
	color: #8999ab;
	font-size: 10px;
	line-height: 1.2em;
}

p.cautionIin2{
	padding: 10px 10px 0 10px;
	margin: 0;
	line-height: 1.5em;
}

p.cautionBold{
	padding: 10px 10px 10px 0;
	margin: 0;
	line-height: 1.5em;
	font-weight: bold;
	color: #6786ab;
}

.titletext{
	padding: 0;
	margin: 0;
	font-weight: bold;
	color: #6786ab;
}

/* 見出し関連 */

h4.PlugIn{
	font-size: 12px;
	font-weight: bold;
	padding: 50px 0 0 0;
}

h2.topics{
	text-indent: -5000px;
	margin: 0 0 20px 0;
	padding: 0;
	background : url(title_topics.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	width: 75px;
	height: 13px;
}

h2.rireki{
	text-indent: -5000px;
	margin: 0;
	padding: 0;
	background : url(title_rireki.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	width: 740px;
	height: 25px;
}

/* テーブル装飾 */

.T_all{
	width: 100%;
	border: none;
	border-collapse: collapse;
	background : url(tdImg_03.gif) center bottom / auto auto no-repeat scroll padding-box border-box transparent;
}

.T_Top{
	background : url(tdImg_03.gif) center top / auto auto no-repeat scroll padding-box border-box transparent;
	padding: 13px 0 10px 0;
}

.T_Top_02{
	background : url(tdImg_01.gif) center top / auto auto no-repeat scroll padding-box border-box transparent;
	padding: 10px 0 10px 0;
}

.T_Sub{
	background : url(tdImg_02.gif) center top / auto auto no-repeat scroll padding-box border-box transparent;
	padding: 10px 0 10px 0;
}

/* リストスタイル */

ul{
	list-style:none;
	padding:0;
	margin:0;
	line-height:1.8em;
}

li.allow{
	background : url(topics_point.gif) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
	background-position: 0px 3px;
	padding: 0 0 0 12px;
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.5em;
}

/* リンクタグ */

a:link.link_01{
	text-decoration:none;
	color:#7b9bc1;
}

a:visited.link_01{
	text-decoration:none;
	color:#7b9bc1;
}

a:hover.link_01{
	text-decoration:none;
	color:#9ab9dd;
}

a:active.link_01{
	text-decoration:none;
	color:#7b9bc1;
}

a:link.link_02{
	text-decoration:none;
	color:#7b9bc1;
	border-bottom:dotted 1px #7b9bc1;
}

a:visited.link_02{
	text-decoration:none;
	color:#7b9bc1;
	border-bottom:dotted 1px #7b9bc1;
}

a:hover.link_02{
	text-decoration:none;
	color:#9ab9dd;
	border-bottom:dotted 1px #9ab9dd;
}

a:active.link_02{
	text-decoration:none;
	color:#7b9bc1;
	border-bottom:dotted 1px #7b9bc1;
}

.topics_box{
	max-width:780px;
	margin:0 auto;
}

/* モダンブラウザ（Firefox Opera Safari）対策 */ul.menu::after{
	   content:".";   display:block;   height:0;   clear:both;   visibility:hidden;   font-size:0;
}
/* Win版IE7とMac版IE5対策 */ul.menu{
	   display:inline-block;
}
/* Win版IE5および6対策 *//* Hides from IE-mac \*/* html ul.menu{
	   height:1px;
}ul.menu{
	   display:block;
}
/* End hide from IE-mac */

/* 親要素内にfloatが入った時に親要素がすべての内容を内包するようにするおまじない */

/* for modern brouser */
.clearfix::after{
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE7,MacIE5 */
.clearfix{
  display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix{
  height: 1%;
}
.clearfix{
  display: block;
}
/**/