@charset "utf-8";
/* ********************************************** 
 * 個別ページ色定義 css
 * 
 * 個別ページ色定義
 * 
 ********************************************** */
/* 
 * 2015/08/25
 * 個別ページ 色定義
 * 
 * :hoverを外せば緑色のリンクになります
 * ※該当するページが表示されている所のみ
 * 
 * メニューリスト
 * 大成会について	header_nav_list_img_1	about
 * 活動報告		header_nav_list_img_2	report
 * 採用情報		header_nav_list_img_3	recruit
 * ボランティア募集	header_nav_list_img_4	volunteer
 * リンク集		header_nav_list_img_5	link
 * 事業報告・決済報告	header_nav_list_img_6	finance
 * 
 * 施設紹介リスト
 * 不二学園	header_nav_facility_list_1	fujigakuen
 * ささえあい	header_nav_facility_list_2	sasaeai
 * りんご	header_nav_facility_list_3	ringo
 * かしの木園	header_nav_facility_list_4	kashinokien
 * のぞみの園	header_nav_facility_list_5	nozominoen
 * みやしも	header_nav_facility_list_6	miyashimo
 * 宝田		header_nav_facility_list_7	takarada
 * しんまち	header_nav_facility_list_8	shinmachi
 * 本城		header_nav_facility_list_9	honjo
 * 幸町		header_nav_facility_list_10	saiwaicho
 * ほっとすまいる	header_nav_facility_list_11	hot-smile
 * 暮らしサポート	header_nav_facility_list_12	kurashi-support
 * 
 */
/* ヘッダー定義 */
/* マウスオーバー動作定義 */
/* メニュー */
/* メニューリストテンプレート
	 * 下記の内容をコピーして
	 * 該当するナンバーidに書き換える
	a#header_nav_list_1 img {
		visibility: hidden;
	}
	a#header_nav_list_1 img#header_nav_list_img_1 {
		visibility: visible;
	}
	 */
a#section_header_list_1 {
  display: block;
  background: url("img/shinmachi/btn01_over.png") no-repeat;
}
a#section_header_list_1:hover img {
  visibility: hidden;
}
a#section_header_list_2 {
  display: block;
  background: url("img/shinmachi/btn02_over.png") no-repeat;
}
a#section_header_list_2:hover img {
  visibility: hidden;
}
/* メニュー ここまで */
/* 施設紹介 */
/* 施設紹介テンプレート
	 * 下記の内容をコピーして
	 * 該当するナンバーidに書き換える
	a#header_nav_facility_list_1 img {
		visibility: hidden;
	}
	 */
a#header_nav_facility_list_8 img {
  visibility: hidden;
}
/* 施設紹介 ここまで */
/* マウスオーバー動作定義 ここまで */
/* ヘッダー定義 ここまで */
/* ページ */
/* ページheader */
article#article_header {}
/* メニューリスト */
div#section_header_list {
  background-image: url(img/shinmachi/btn_frame.png);
}
/* メニューリスト ここまで */
/* マウスオーバー */
/* メニューリスト */
/* メニューリストテンプレート 
			 * 下記の内容をコピーして
			 * フレーム数に応じて末尾の数を増やす
			 * :hoverを消すと消した箇所がクリックされた画像になる
			a#section_header_list_1 {
				display: block;
				background: url("img/xxxx_over.png") no-repeat;
			}
			a#section_header_list_1:hover img {
				visibility: hidden;
			}
			 */
/* メニューリスト ここまで */
/* マウスオーバー ここまで */
/* ページheader ここまで */
/* ページbody */
/* 中見出し */
article.article_list_title {}
div.article_list_title_block {
  background-color: #4e6887;
}
/* テキストデータ位置設定 */
span.article_list_text_block {}
/* テキストデータ位置設定 ここまで */
/* 中見出し ここまで */
/* 小見出し */
article.article_title_sub {}
div.article_title_sub_block {
  color: #4e6887;
  border-bottom: dotted 1px #4e6887;
}
div.article_title_sub_block2 {
  color: #4e6887;
}
span.article_text_sub_block table.table_box {
  margin-top: 14px;
  margin-bottom: 14px;
  border-collapse: collapse;
  border: solid 1px #4e6887;
  text-align: left;
  line-height: 150%;
  width: 100%;
}
span.article_text_sub_block table.table_box th {
  color: #4e6887;
  background-color: #dee1e6;
  border-bottom: solid 1px #4e6887;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 14px;
  text-align: left;
  width: 168px;
}
span.article_text_sub_block table.table_box td {
  border-bottom: solid 1px #4e6887;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
}
span.article_text_sub_block table.table_box td.last_line_td {
  border-top: solid 1px #4e6887;
  font-weight: bold;
}
span.article_text_sub_block table.table_line {
  border-collapse: collapse;
  width: 100%;
}
span.article_text_sub_block table.table_line tr {
  border-bottom: 1px dotted;
  line-height: 150%;
}
span.article_text_sub_block table.table_line tr th {
  color: #4e6887;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 154px;
  text-align: left;
}
span.article_text_sub_block table.table_line tr td {
  padding-left: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
}
/* 小見出し ここまで */
/* ページbody ここまで */
/* body ここまで */
/* ******************* ↓以下スマホ *************************** */
@media screen and (max-width: 767px) {
  div#section_header_list {
    border-color: rgba(78, 104, 135, 0.25);
  }
  a#section_header_list_1 {
    background-size: 100% 100%;
  }
  div#section_header_list_2 {
    background-size: 100% 100%;
  }
  div#section_header_list_3 {
    background-size: 100% 100%;
  }
  div#section_header_list_4 {
    background-size: 100% 100%;
  }
  div#section_header_list_5 {
    background-size: 100% 100%;
  }
  div#section_header_list_6 {
    background-size: 100% 100%;
  }
}