@charset "utf-8";

/* type_a */
.menu_list_a ul {
	margin: 0px;
	padding: 0px;
}
.menu_list_a li {
	list-style-type: none;
	font-size: 16px;
	margin: 0px 0px 5px 0px;
	padding: 10px 0px 0px 31px;
	height: 31px;
}
.menu_list_a li a {
	display: block;
	width: 100%;
}
.menu_list_a a:link {
	text-decoration: none;
	color: #FFFFFF;
}
.menu_list_a a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.menu_list_a a:hover {
	text-decoration: underline;
	color: #FFFF00;
}
.menu_list_a a:active {
	text-decoration: underline;
	color: #0033ff;
}
.list_a_1 {
	background: url(../../img/list_a_1.gif) no-repeat;
}
.list_a_2 {
	background: url(../../img/list_a_2.gif) no-repeat;
}


/* type_b */
.menu_list_b {
	width: 178px;
	margin: 5px 0px 10px 6px;
	padding: 0px 0px 0px 0px;
}
.menu_list_b ul {
	margin: 5px 0px 0px 22px;
	padding: 1px;
	text-align: left;
}
.menu_list_b li {
	margin: 0.5em 0px 0.5em 0px;
	list-style-type: none;
	list-style-image: url(../../img/icon_migi4.gif);
	list-style-position: outside;
}


/* type_c */
.menu_list_c {
	margin: 0px;
	padding: 10px 20px 20px 20px;
	background-color: #E9FBCE;
}
.kanren_back + .menu_list_c {
	background-color: #DAF2F8;
}
.menu_list_c ul {
	margin: 0px;
	padding: 0px 0px 1px 0px;
	list-style: none;
}
.menu_list_c li {
	margin: 0.8em 0px 0.8em 18px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
.menu_list_c li:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border: 2px solid #39c;
	border-left: none;
	border-bottom: none;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	left: 0;
	top: 0.5em;
}


/* type_d */
.menu_list_d {
	width: 173px;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
}
.menu_list_d ul {
	display: block;
	margin: 0px 0px 0px 24px;
	padding: 0px;
}
.menu_list_d li {
	display: block;
	height: 1em;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}
.menu_list_d .menu_list_d_end {
	border: none;
}
.menu_list_d li a {
	display: block;
	vertical-align: 1px;
}


/* type_e */
.menu_list_e {
	width: 170px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
}
.menu_list_e ul {
	margin: 0px;
	padding: 0px;
}
.menu_list_e li {
	width: 170px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	border: none;
}


/* type_e2 */
.menu_list_e2 {
	width: 176px;
	margin: 0px 0px 0px 6px;
	padding: 0px;
}
.menu_list_e2 ul {
	margin: 0px;
	padding: 0px;
}
.menu_list_e2 li {
	width: 176px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	border: none;
}


/* type_g */
.menu_list_g {
	margin: 0px;
	padding: 10px 30px;
	background-color: #E9FBCE;
	line-height: 1.4;
}


/* type_i */
.menu_list_i {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu_list_i ul {
	margin: 0px 0px 0px 24px;
	padding: 0px;
}
.menu_list_i li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	list-style-image: url(../../img/icon_migi3.jpg);
	list-style-position: outside;
}
#sidebar1 .menu_list_d {
	border-left: 1px solid #993300;
	border-right: 1px solid #993300;
	border-bottom: 1px solid #993300;
}


/* type_k */
.menu_list_k {
	width: 173px;
	margin: 5px 0px 0px 1px;
	padding: 5px 0px 5px 0px;
}
.menu_list_k ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.menu_list_k li {
	width: 170px;
	height: 55px;
	margin: 5px auto 0px auto;
	padding: 0px;
	list-style-type: none;
	border: none;
}


/* type_f */
.menu_list_f {
	width: 176px;
	margin: 5px 0px 0px 6px;
	padding: 5px 0px 5px 0px;
}
.menu_list_f ul {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}
.menu_list_f li {
	width: 170px;
	height: 55px;
	margin: 5px auto 0px auto;
	padding: 0px;
	list-style-type: none;
	border: none;
}


/* 新着情報リスト等（RSSロゴ付）ここから */
.list_type_a_list {
	clear: both;
	display: table;
	width: 100%;
	margin: 0px 0px 30px 0px;
	padding: 0px;
	background-color: #DAF2F8;
	overflow: hidden;
}
#main_header + .list_type_a_list {
	margin-top: 30px;
}
.list_type_a_list > div {
	display: table-cell;
	vertical-align: top;
}
.list_type_a_title {
	width: 200px;
}
.list_type_a_title h2 {
	width: 100%;
	min-height: 200px;
	margin: 0px;
	padding: 84px 0px 0px 50px;
	background: url("../../img/list_type_a_title.png") no-repeat left top;
	color: #fff;
	font-size: 2.4rem;
	box-sizing: border-box;
}
.link_box {
	clear: both;
	margin: 0px 20px 20px;
	text-align: right;
}
.link_box > span {
	display: inline-block;
	margin-right: 5px;
	background-color: #F8FCFE;
	border-radius: 5px;
	text-align: center;
	vertical-align: top;
}
.link_box > span a {
	display: block;
	background-repeat: no-repeat;
}
.link_box > span.link_rss a {
	padding: 1em 32px 1em 52px;
	background-image: url("../../img/icon_rss.png");
	background-position: 22px center;
}
.link_box > span.link_ichiran a {
	padding: 1em 18px 1em 52px;
	background-image: url("../../img/icon_ichiran.png");
	background-position: 22px center;
}
/* 新着情報リスト等（RSSロゴ付）ここまで */


/* 新着情報等リスト等（RSSロゴなし）ここから */
.list_type_b_list {
	clear: both;
	width: 100%;
}
/* 新着情報等リスト等（RSSロゴなし）ここまで */


/* シンプルリストここから */
.list_aaa {
	clear: both;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}
.list_aaa ul {
	text-align: left;
	margin: 0px !important;
	padding: 8px 0px 0px 0px !important;
	width: 100%;
	height: 100%;
	list-style-position: outside;
}
.list_aaa li {
	clear: both;
	margin: 0px 0px 0px 5px !important;
	padding: 0px;
	list-style-type: none;
	list-style-position: outside;
}
/* シンプルリストここまで */


/* 年月日付リストここから */
.list_ccc {
	clear: both;
	margin: 0px;
	padding: 0px 0px 10px;
}
#main .list_ccc ul {
	margin: 0px;
	padding: 0px 0px 0px 20px;
	list-style: none;
}
#main .list_type_a_list .list_ccc ul {
	padding: 10px 20px 0px 20px;
}
#main .list_ccc li {
	clear: both;
	margin: 0.6em 0px;
	padding: 0px 0px 0px 20px;
	background: url("../../img/icon_migi.gif") no-repeat 0 0.4em;
}
#main .list_type_a_list .list_ccc li {
	margin: 1.2em 0px;
	background-image: none;
	position: relative;
}
#main .list_type_a_list .list_ccc li:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border: 2px solid #09c;
	border-left: none;
	border-bottom: none;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	left: 0;
	top: 0.5em;
}
.list_ccc li > span {
	display: inline-block;
	vertical-align: top;
}
.span_a {
	width: 11em;
	margin-right: -11em;
}
.span_b {
	margin-left: 11em;
}
.span_s a {
	display: inline-block;
	margin-left: 0.5em;
	padding: 0px 0.5em;
	border: 1px solid #ccc;
	border-radius: 5px;
	vertical-align: middle;
}
/* 年月日付リストここまで */


/* 「一覧を見る」ここから */
.text_d2 {
	clear: both;
	margin: 1em;
	text-align: right;
}
.text_d {
	display: inline-block;
	padding-left: 20px;
	position: relative;
}
.text_d:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	border: 2px solid #2AA738;
	border-left: none;
	border-bottom: none;
	-webkit-transform: rotate(45deg) translateY(-50%);
	transform: rotate(45deg) translateY(-50%);
	position: absolute;
	left: 0;
	top: 45%;
}
/* 「一覧を見る」ここまで */


/* 細々とした部品 */
.floatend {
	clear: both;
	line-height: 30%;
}
.text_r {
	text-align: right;
	margin-bottom: 6px;
}
.img_a {
	vertical-align: middle;
	border: none;
}
.img_b {
	vertical-align: top;
	border: none;
}
.img_b_life {
	vertical-align: top;
	border: none;
	margin: 0px 0px 10px 5px;
	padding: 0px;
}
.img_360 {
	margin: 2px;
	border: none;
}
.img_q {
	margin: 0px 0px 3px 3px;
	vertical-align: middle;
	border: none;
}
.navigation {
	margin: 0px;
	padding: 0px;
}
#main .navigation ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 1.0;
	letter-spacing: -0.4em;
}
#main .navigation li {
	display: inline-block;
	margin: 0.4em 1em 0.4em 0px;
	padding: 0px 1em 0px 0px;
	border-right: 1px solid #333;
	letter-spacing: normal;
}
#main .navigation li:last-child {
	margin-right: 0px;
	padding-right: 0px;
	border-right: none;
}
.navigation h2 {
	margin-bottom: 0.3em;
}
.navigation p {
	margin: 0px;
	padding: 0 0 0 15px;
}
#top_search2 .navigation {
	margin-left: -8px;
	text-align: left;
}
#footer .navigation {
	text-align: right;
}
.navigation_a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.navigation_a ul {
	margin: 0px;
}
.navigation_a li {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 8px;
	list-style-type: none;
	list-style-image: none;
}
#top_search2 .navigation {
	float: left;
}
.hr_c {
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	visibility: hidden;
}
.br_a {
	clear: both;
	margin: 0px;
	padding: 0px;
}
.form_margin {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 0px;
}
.f_search {
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px;
}
.form_a {
	margin: 0px 0px 0px 4px;
}
.form_a p {
	margin: 2px 0px 0px 0px;
	padding: 0px;
	text-align: right;
}
.box_kb {
	margin: 0px 0px 10px 0px;
	padding: 0px;
}
.box_g {
	margin: 0px;
	padding: 0px 8px 0px 8px;
}
.div_k {
	margin-bottom: 5px;
	padding: 0px;
}
p.no_data {
	clear: both;
	margin: 0px;
	padding: 20px;
}


/* 主に詳細ページの部品 */
/* 文章 */
.detail_text {
	margin: 10px 0px 0px 0.5em;
}
/* カスタム登録 */
.detail_free {
	margin: 10px 0px 0px 0.5em;
}
/* カスタム登録内の画像 */
#main_detail p img {
	margin: 10px 0px 0px 0.5em;
}
/* 罫線 */
#main_detail hr {
	clear: both;
}
/* リンク */
.detail_link {
	margin: 5px 0px 0px 0.5em;
	padding: 0px 0px 0px 50px;
	background-image: url(/img/icon_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 40%;
}
.link_l {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 56px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(../../img/icon_li.gif);
	background-repeat: no-repeat;
}
/* 添付ファイル */
.detail_file {
	margin: 0px 0px 0px 0.5em;
}
/* 画像 */
.detail_img_left {
	text-align: left;
	margin: 10px 0px 10px 0.5em;
}
.detail_img_center {
	text-align: center;
	margin: 10px 0px 10px 0.5em;
}
.detail_img_right {
	text-align: right;
	margin: 10px 0px 10px 0.5em;
}
/* 添付ファイル */
.file_pdf {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 56px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(../../img/icon_p.gif);
	background-repeat: no-repeat;
}
.file_pdf2 {
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 25px;
	background-image: url(../../img/icon_p.gif);
	background-position: 0px 0.2em;
	background-repeat: no-repeat;
}
.file_excel {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 56px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(../../img/icon_x.gif);
	background-repeat: no-repeat;
}
.file_word {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 56px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(../../img/icon_w.gif);
	background-repeat: no-repeat;
}
.file_etc {
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 56px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 30px;
	background-image: url(../../img/icon_s.gif);
	background-repeat: no-repeat;
}


/* 表 */
#main table {
	margin: 20px 0px;
	border-color: #CCCCCC;
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
}
#main th {
	padding: 0.8em 1.0em;
	background: #FFFFE0;
	border-color: #CCCCCC;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
}
#main td {
	padding: 0.8em 1.0em;
	border-color: #CCCCCC;
	border-collapse: collapse;
	border-style: solid;
	border-width: 1px;
}


/* ページトップに戻る */
#back_or_pagetop {
	clear: both;
	width: 100%;
	padding-top: 20px;
	text-align: right;
	letter-spacing: -0.4em;
}
#back_or_pagetop > div {
	display: inline-block;
	margin-left: 2px;
	text-align: left;
	letter-spacing: normal;
}
#back_or_pagetop > div a {
	display: block;
	width: 14em;
	padding: 1.2em 0px;
	background-color: #008842;
	background-repeat: no-repeat;
	border-radius: 5px 5px 0 0;
	color: #FFFFFF;
	font-weight: bold;
	box-sizing: border-box;
	-webkit-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out;
}
#back_or_pagetop #to_page_back a {
	padding-left: 78px;
	background-image: url("../../img/to_page_back.png");
	background-position: 36px center;
}
#back_or_pagetop #to_page_top a {
	padding-left: 62px;
	background-image: url("../../img/to_page_top.png");
	background-position: 26px center;
}
#back_or_pagetop > div a:hover {
	background-color: #2AA738;
}


/* 所属情報 */
.list_address {
	margin: 0px;
	padding: 0px;
}
.list_address:first-child {
	margin-top: 10px;
}
.list_tel {
	margin: 0px;
	padding: 0px;
}
.list_tel ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.list_tel li {
	margin: 0px;
	padding: 0px;
}
.list_fax {
	margin: 0px 0px 10px;
	padding: 0px;
}
.list_email {
	margin: 0px;
	padding: 0px;
	line-height: 1.7;
}
.list_email a {
	display: block;
	padding: 0.4em 2.4em;
	background-color: #fff;
	border-radius: 5px;
	text-align: center;
	-webkit-transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.list_email a:hover {
	background-color: #C9DFFF;
	color: #0066ff;
}


/* PR画像 */
#soshiki_pr_image {
	height: auto;
	margin: 20px 0px;
	padding: 0px;
	border: 1px solid #CCCCCC;
}
#soshiki_pr_image a {
	display: block;
	width: auto;
	height: auto;
}
#soshiki_pr_image img {
	border: none;
	width: auto;
	max-width: 100%;
	height: auto !important;
}


/* 組織でさがすトップ 課の一覧 */
.soshiki_list {
	clear: both;
	width: 100%;
	margin: 0px 0px 10px 0px;
}
.soshiki_list ul {
	overflow: hidden;
}
.soshiki_list li {
	float: left;
	width: 42%;
	list-style-type: none;
	background: url("../../img/icon_migi4.gif") no-repeat 0px 6px;
	padding: 0 0 0 12px;
	margin: 5px 0 0 0;
}


/* 課ページ 外観写真 */
.facade {
	margin: 12px auto;
	text-align: center;
}


/* 中分類のメイン画像 */
div[id^="main_header_life2_"] {
	display: block;
	width: 100%;
	height: 300px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: right center;
	background-color: transparent;
	position: relative;
}
#main_header_life2_1 { background-image: url("../../img/life/life2_1_title.jpg");} /* くらしの情報 */
#main_header_life2_2 { background-image: url("../../img/life/life2_2_title.jpg");} /* しごとの情報 */
#main_header_life2_3 { background-image: url("../../img/life/life2_3_title.jpg");} /* 観光情報 */
#main_header_life2_4 { background-image: url("../../img/life/life2_4_title.jpg");} /* 村の情報 */
#main_header_life2_5 { background-image: url("../../img/life/life2_5_title.jpg");} /* ライフステージ */
#main_header_life2_7 { background-image: url("../../img/life/life2_7_title.jpg");} /* 地図でさがす */

div[id^="main_header_life2_"] h1 {
	margin: 0px;
	padding: 0px;
	color: #000 !important;
	font-size: 240%;
	font-weight: normal;
	position: absolute;
	top: 50%;
	left: 52px;
	-webkit-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
div[id^="main_header_life2_"] h1:before {
	content: "南阿蘇村の\A";
	white-space: pre;
	font-size: 70%;
}


/* ライフステージ */
#lifestage ul {
	margin: 0px;
	padding: 0px 0px 10px 0px;
	list-style: none;
	text-align: center;
	letter-spacing: -0.4em;
}
#lifestage ul li {
	display: inline-block;
	width: 125px;
	height: 122px;
	margin-left: 12px;
	background-color: #2AA738;
	border: 1px solid #2AA738;
	border-radius: 5px;
	vertical-align: middle;
	letter-spacing: normal;
}
#lifestage ul li:first-child {
	margin-left: 0px;
}
#lifestage ul li a {
	display: block;
	width: 125px;
	height: 122px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-transition: background-position 0.15s ease-in-out;
	transition: background-position 0.15s ease-in-out;
}
#lifestage ul li a:hover {
	background-position: center 5px;
}
#lifestage ul li#life_event_1 a { background-image: url("../../img/life/lifestage1.png"); }
#lifestage ul li#life_event_2 a { background-image: url("../../img/life/lifestage2.png"); }
#lifestage ul li#life_event_3 a { background-image: url("../../img/life/lifestage3.png"); }
#lifestage ul li#life_event_4 a { background-image: url("../../img/life/lifestage4.png"); }
#lifestage ul li#life_event_5 a { background-image: url("../../img/life/lifestage5.png"); }
#lifestage ul li#life_event_6 a { background-image: url("../../img/life/lifestage6.png"); }
#lifestage ul li#life_event_7 a { background-image: url("../../img/life/lifestage7.png"); }
#lifestage ul li#life_event_8 a { background-image: url("../../img/life/lifestage8.png"); }


/* 中分類ページの小分類一覧 */
.life_box {
	width: 100%;
	overflow: hidden;
}
#main .life_box h3 {
	clear: none;
	float: left;
	width: 350px;
	margin: 0 25px 20px 0px;
	box-sizing: border-box;
}
#main .life_box h3:nth-child(3n) {
	margin-right: 0px;
}


/* PDF・WMVファイル添付 */
.pdf_download, .wmplayer_download {
	clear: both;
	margin: 20px 0;
	font-size: 90%;
	line-height: 1.6;
}
.pdf_img, .wmp_img {
	float: left;
	margin: 0 20px 0 0;
}

/* Googlemapレスポンシブ対応 */
.gglmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0px;
	overflow: hidden;
}

.gglmap iframe,
.gglmap object,
.gglmap embed {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}