@charset "Shift_JIS";

body{
    margin: 0;
    padding: 0;
    text-align: left;
    font-size: 100%;
    font-family: 'MS 明朝' , 'メイリオ' ,Meiryo, 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' , 'ＭＳ Ｐゴシック' , 'Osaka' ,sans-serif;
    color: #333333; /* 標準文字色 */
    background-position: left top;  /*rignt →　left */
    background-repeat: repeat-x;
    min-width: 900px; /*700 →900　20150614*/
    background-color : #FFFFFF;
}

/* Safari用ハック 文字サイズ調整 */
/*\*/
html:\66irst-child body{
    font-size: 70%;
}
/* end */

img{
    border-top: 0;
    border-right: 0;
    border-bottom: 0;
    border-left: 0;
}


/*--------------------------------------------------------
  レイアウト設定
--------------------------------------------------------*/
/* 要素リセット */
#hpb-banner{
    position: static; /*+relative →+static*/
    left: -50px; 
}

#hpb-container{
    position: static; /*absolute →static　20150617*/
    z-Index: 10; 
    margin-top: -1px;
    margin-bottom: 0;
    margin-left: 0;   /*auto→0*/
    padding-bottom: 0;
    background-color : #FFFFFF;
    background-position: left top;
    background-repeat: no-repeat;
    zoom: 1;
}

#hpb-header{
    width: 900px;
    height: 180px; /*200　→180　20150614*/
    margin-bottom: 0px;
	
    margin-left: 0;  /*20150611*/
    font-size: 1px;
}

#hpb-header h1 {

	float: left;
	width: 220px;
　/*250→220*/
	margin-bottom: 0px;

	margin-left: 0px;
 /*50→0*/
	padding-top: 0px;

}

#hpb-header h2 {

	float: left;
	margin-bottom: 0px;

	padding-top: 0px;

}


#hpb-inner{
    position:  static; /*+relative →+static*/
    width: 800px; /*840 →800*/
    padding-top: 38px; /*41→0*/
    padding-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

#hpb-wrapper{
    width: 700px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    float: right;
}




#hpb-title{
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
.hpb-layoutset-01 #hpb-title{
    width: 840px;
    position: absolute;
    top: 21px;
    left: 0;
}


#hpb-main{
    width: 800px;
    align: left; /*20150410*/
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 10px;
}
.hpb-layoutset-01 #hpb-main{
    padding-top: 245px;
}

#hpb-aside{
    width: 210px; /*235 →210　20150614*/
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 15px;
    float: left;
}
.hpb-layoutset-01 #hpb-aside{
    padding-top: 245px;
}

#hpb-footer{
    position: absolute;
    left: 0px;  /*10 →-30　2015/6/14*/ 
    width: 700px;
    clear: both;
    margin-top: 7px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #dcdcdc; /*6fc06b 2015/04/23 変更*/
}


/*--------------------------------------------------------
  デザイン設定
--------------------------------------------------------*/

/* コンテンツ配置領域 */

/* ナビゲーション */
/* ドロップダウンメニュー１ */
ul.pulldown_menu_1 {
	list-style: none; /* 先頭記号を消す */
        position:  static; /*+relative →+static*/
	z-index:10; /*最前面にする*/

}
ul.pulldown_menu_1 li {
	float: left; /* リスト項目を横方向に並べる */
	width: 180px; /* リスト項目の幅  180 */
}
ul.pulldown_menu_1 ul{
	list-style: none; /* 2段目の先頭記号を消す */
	padding-left: 0px;/* 2段目の左位置を1段目に揃える*/
}
ul.pulldown_menu_1 a {
	color: white; /* 文字色 */
	display: block; /* ブロックレベルに */
	text-align: center; /* 文字を中央合わせに */
	padding: 5px; /* 内部の余白 */
	border: 5px #FFFFF solid; /*20150407  */
	text-decoration: none; /* 下線を消す */
	outline: none; /* 選択時の点線枠線を消す
	background:url(nav_3E_01.png);
}
ul.pulldown_menu_1 ul a {
	border-radius: 0px; /* 2段目以降はタブに丸みをつけない */
	text-align: center; /* 文字を中央合わせに */
	background:url(nav_3E_01.png);
}
ul.pulldown_menu_1 a:hover { /* マウスカーソルが乗っている状態 */
	background:url(nav_3E_01_on.png);
	color: blue; /* 文字色20150324 */
}
ul.pulldown_menu_1 a:active { /* マウスがクリックされている状態 */
	background:url(nav_3E_01.png);
	color: red; /* 文字色 */
}

/* ドロップダウンメニュー２ */
ul.pulldown_menu_2 ul{
	display: none;  /* 通常は表示しない */
}
ul.pulldown_menu_2 li:hover > ul {
	display: block; /* マウスが乗ったら表示する */
}

/* ドロップダウンメニュー3*/
ul.pulldown_menu_3 {
	list-style: none; /* 先頭記号を消す */
}
ul.pulldown_menu_3 li {
	width: 200px; /* リスト項目の幅 */
        height:100%
	top: 1px;
}
ul.pulldown_menu_3 ul {
	list-style: none; /* 2段目の先頭記号を消す */
	padding-left: 0px; /* 2段目の左位置を1段目に揃える */
}
ul.pulldown_menu_3 a {
	color: black; /* 文字色 black*/
	display: block; /* ブロックレベルに */
	text-align: center; /* 文字を中央合わせに */
	padding:0px; /* 内部の余白 */
	border: 1px #FFFFFF solid; /* 枠線 */
	text-decoration: none; /* 下線を消す */
	outline: none; /* 選択時の点線枠線を消す */
	background: url(toppageLead_3E.png); /* 通常の背景画像 */
}
ul.pulldown_menu_3 ul a {
	background: url(toppageLead_3E.png); /* ２段目以降の背景画像 */
}

ul.pulldown_menu_3 a:hover {/* マウスカーソルが乗っている状態 */
	background: url(toppagenewsBg_3E.png); /* 通常とは違う背景画像 */
	color: blue; /* 文字色 */
}
ul.pulldown_menu_3 a:active {/* マウスがクリックされている状態 */
	background: url(toppagenewsBg_3E.png); /* 通常とは違う背景画像 */
	color: red; /* 文字色 */
}

/* ドロップダウンメニュー4*/
ul.pulldown_menu_4 {
	list-style: none; /* 先頭記号を消す */
}
ul.pulldown_menu_4 li {
	width: 200px; /* リスト項目の幅 */
	top: 1px;
}
ul.pulldown_menu_4 ul {
	list-style: none; /* 2段目の先頭記号を消す */
	padding-left: 0px; /* 2段目の左位置を1段目に揃える */
}
ul.pulldown_menu_4 a {
        color: #006400; /*20150406  4682b4*/
	display: block; /* ブロックレベルに */
	text-align: center; /* 文字を中央合わせに */
	padding:0px; /* 内部の余白 */
	border: 2px #228b22 solid; /* 枠線 add8e6*/ 
	text-decoration: none; /* 下線を消す */
	outline: none; /* 選択時の点線枠線を消す */
	background: url(banner_3E.png); /* 通常の背景画像 */
}
ul.pulldown_menu_4 ul a {
	background: url(banner_3E.png); /* ２段目以降の背景画像 */
}

ul.pulldown_menu_4 a:hover {/* マウスカーソルが乗っている状態 */
	background: url(banner_3E.png); /* 通常とは違う背景画像 */
	color: BLUE; /* 文字色 ORANGE*/
}
ul.pulldown_menu_4 a:active {/* マウスがクリックされている状態 */
	background: url(banner_3E.png); /* 通常とは違う背景画像 */
	color: red; /* 文字色 */
}

/* ドロップダウンメニュー5*/

ul.pulldown_menu_5 {
	list-style: none; /* 先頭記号を消す */
        position: absolute; /* */
	z-index:10; /*最前面にする */
　　　　text-align: center; * 文字を中央合わせに */
}
ul.pulldown_menu_5 li {
	float: left; /* リスト項目を横方向に並べる */
	width: 305px; /* リスト項目の幅  180 ⇒300*/
}
ul.pulldown_menu_5 ul{
	list-style: none; /* 2段目の先頭記号を消す */
	padding-left: 0px;/* 2段目の左位置を1段目に揃える*/
}
ul.pulldown_menu_5 a {
	color: white; /* 文字色 */
	display: block; /* ブロックレベルに */
	text-align: center; /* 文字を中央合わせに */
	padding: 5px; /* 内部の余白 */
	border: 5px #FFFFF solid; /*20150407  */
	text-decoration: none; /* 下線を消す */
	outline: none; /* 選択時の点線枠線を消す
	background:url(nav_3E_01.png);
}
ul.pulldown_menu_5 ul a {
	border-radius: 0px; /* 2段目以降はタブに丸みをつけない */
	text-align:center; /* 文字を中央合わせに */
	background:url(nav_3E_01.png);
}
ul.pulldown_menu_5 a:hover { /* マウスカーソルが乗っている状態 */
	background:url(nav_3E_01_on.png);
	color: blue; /* 文字色20150611 black*/
}
ul.pulldown_menu_5 a:active { /* マウスがクリックされている状態 */
	background:url(nav_3E_01.png);
	color: blue; /* 文字色 red*/
}

/* ドロップダウンメニュー6*/
ul.pulldown_menu_6 {
	list-style: none; /* 先頭記号を消す */
}
ul.pulldown_menu_6 li {
	width: 200px; /* リスト項目の幅 */
        height:100%
	top: 1px;
}
ul.pulldown_menu_6 ul {
	list-style: none; /* 2段目の先頭記号を消す */
	padding-left: 0px; /* 2段目の左位置を1段目に揃える */
}
ul.pulldown_menu_6 a {
	color: black; /* 文字色 black*/
	display: block; /* ブロックレベルに */
	text-align: center; /* 文字を中央合わせに */
	padding:0px; /* 内部の余白 */
	border: 1px #FFFFFF solid; /* 枠線 */
	text-decoration: none; /* 下線を消す */
	outline: none; /* 選択時の点線枠線を消す */
	background: url(toppagenews_3E.png); /* 通常の背景画像 */
}
ul.pulldown_menu_6 ul a {
	background: url(toppagenews_3E.png); /* ２段目以降の背景画像 */
}

ul.pulldown_menu_6 a:hover {/* マウスカーソルが乗っている状態 */
	background: url(toppagenewsBg_3E.png); /* 通常とは違う背景画像 */
	color: blue; /* 文字色 */
}
ul.pulldown_menu_6 a:active {/* マウスがクリックされている状態 */
	background: url(toppagenewsBg_3E.png); /* 通常とは違う背景画像 */
	color: red; /* 文字色 */
}

/*--------------------------------------------------------
  共通パーツデザイン設定
--------------------------------------------------------*/
.hpb-layoutset-02 h2{
    background-image : url(titleBg_3E.png);
    background-position: top right;
    background-repeat: repeat-x;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: auto;
    height: 75px;
    padding-top: 0px;
    text-align: left;
    overflow: hidden;
    line-height: 115px;
    width: 590px;
    font-size: 17px;
}


#pagetop{
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    text-align: left;
    padding-left: 5px;
}

#pagetop a{
    /* ページの先頭へのリンク設定 */
    display: block;
    margin-left: auto;
    margin-right: 0px;
    margin-top: 30px;
    background-image : url(returnTop_3E.png);
    background-position: center left;
    background-repeat: no-repeat;
    width: 62px;
    height: 14px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}

#hpb-footerMain p{
    text-align: absolute;
    left: 0;/* left: 100; 20150417*/
}

#hpb-footerMain a{
    text-align: absolute;
    left: 0; /*  left: 200; 20150417*/
}

/* トップページ デザイン定義 */
.hpb-layoutset-01 #hpb-title h2{
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    overflow: hidden;
    text-indent: -9999px;
    height: 235px;
    background-image : url(mainimg_3E.png);
    background-position: top center;
    background-repeat: no-repeat;
}

/*--------------------------------------------------------
  スクロールボックス設定　2015/4/6
--------------------------------------------------------*/
#infobox {
   width: 690px; /* リスト項目の幅 */
   height: 20em;
   overflow: auto;
   border: green 10px;
   background-color: #FFFFF0;
   text-align: left;
}