@charset "utf-8";
/* ============================================================ *\
	$head内直書きスタイル
\* ============================================================ */

/* ページ内リンク用 */

ul.data li {
	display: inline-block;
}

ul.sectionLink li {
	float: left;
	min-width: 100px;
}

/* 注意事項 */

.chu {
	font-size: 85%;
	line-height: 110%;
	margin-left: 3em;
}

/* ============================================================ *\
	$ヘッダー
\* ============================================================ */

@media screen and (max-width: 767px) {
	#contents-header {
		margin: 0;
	}
}

/* ============================================================ *\
	$構造
\* ============================================================ */

#navi-global {
	display: block;
}

#menu {
	min-width: 1000px;
}

#contents {
	line-height: 1.6;
}

#contents .contents_wrapper {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 auto;
	display: inline-block;
}

@media print {
	#contents .contents_wrapper {
		display: block;
	}
}

#contents #main {
	width: 100%;
	margin: 0;
}

#contents #main hr {
	clear: both;
}

#contents #sub {
	width: 245px;
	min-width: 245px;
	margin-left: 0;
}

/* ============================================================ *\
	$ページタイトル
\* ============================================================ */

#contents-header #category-title h2.title2 {
	display: block;
	width: auto;
	height: auto;
	border: 1px solid #1756bd;
	margin: 0 0 15px;
	padding: 2px;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
	background-color: #1756bd;
}

#contents-header #category-title h2.title2>span {
	background: none;
	border: none;
	width: auto;
	display: block;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	padding: 6px 13px;
}

/* ============================================================ *\
	$右メニュー
\* ============================================================ */

#alps_menu_icon {
	display: none;
}

#sub hr {
	margin: 20px 15px 20px 14px;
	border-right: none;
	border-bottom: none;
	border-left: none;
}

#sub .photo-section .photo-box img {
	max-width: 170px;
}

/* 右メニュー */

#alps_gmenu, #alps_recommend, #sp_alps_recommend {
	border: none;
	border-top: 1px solid #013467;
	margin: 0 15px 0 14px;
	box-sizing: border-box;
}

#alps_gmenu dt {
	border-top: 1px solid #013467;
	background-color: #fff;
}

#alps_gmenu dt a {
	display: block;
	padding: 12px 5px 12px 9px;
	line-height: 1.2;
}

#alps_gmenu dt.selected, #alps_recommend dt.selected {
	background-color: #146eb1;
	line-height: 40px;
	color: #FFFFFF;
}

#alps_recommend dt.selected {
	background-color: #1756BD;
	font-weight: bold;
	padding: 0 0 0 10px;
}

#alps_gmenu dt.selected a {
	color: #FFFFFF;
	text-decoration: none;
}

#alps_gmenu dt.selected a:hover, #alps_gmenu dt.selected a:focus {
	background-color: inherit;
	cursor: pointer;
	text-decoration: underline;
}

#alps_gmenu dt.alps_gmenu_title {
	background-color: #013467;
	border-top: none;
	display: none;
}

#alps_gmenu dt.alps_gmenu_title a {
	color: #FFFFFF;
}

#alps_gmenu dd {
	margin-left: 0;
	background-color: #e0f1f7;
	display: none;
}

body:not(#page-topindex) #alps_gmenu dd ul>li {
	margin-bottom: 0;
}

#alps_recommend dd {
	margin-left: 0;
	display: none;
}

#alps_recommend dd ul {
	padding: 10px;
}

#contents #alps_recommend ul {
	margin-top: 0;
}

#contents #alps_recommend ul li.styled2 {
	margin-left: 10px;
	margin-top: 6px;
}

#contents #alps_gmenu dd.selected, #alps_recommend dd.selected {
	display: block;
}

#contents #alps_gmenu dd ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#contents #alps_gmenu dd ul li a {
	display: block;
	padding: 12px 5px 12px 9px;
	line-height: 1.2;
}

#contents #alps_gmenu dd.selected ul li.selected {
	background-color: #BAD5F0;
}

#contents #alps_gmenu+.link_list {
    margin-top: 0;
    margin-bottom: 19px;
    border: none;
    border-top: 1px solid #013467;
    border-bottom: 2px solid #013467;
}

/* リンクリスト */

ul.link_list {
	padding: 0;
	list-style-type: none;
	margin: 5px 15px 5px 14px;
	box-sizing: border-box;
}

ul.link_list li {
	border: none;
	border-top: 1px solid #013467;
	margin-bottom: 0;
}

ul.link_list li a {
	display: block;
	padding: 12px 5px 12px 9px;
	line-height: 1.2;
	text-align: center;
}

/* おすすめ情報 */

.recommend_info_area {
	border: 1px solid #aaa;
	width: 192px;
}

.recommend_info_area dt {
	padding: 3px 0;
	background-color: #E5E5E5;
	text-align: center;
	border-bottom: 1px solid #aaa;
}

.recommend_info_area dd {
	padding: 5px;
}

.recommend_info_area dd ul {
	margin-bottom: 0!important;
	list-style: disc;
	margin-left: 23px;
}

/*メニューとバナーの境界線*/

#sub hr.pc-only-block {
	width: auto;
}

/* バナー */

#alps_banner {
	margin: 0 15px 0 14px;
}

#alps_banner ul.link-banner {
	width: 100%;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
	text-align: center;
}

#alps_banner ul.link-banner li {
	margin-bottom: 10px;
}

#alps_banner ul.link-banner li img {
	width: 100%;
	max-width: 196px;
}

#alps_banner ul.link-banner a:hover, #alps_banner ul.link-banner a:focus {
	background-color: transparent;
}

#alps_banner ul.link-banner a:focus img {
	outline-style: solid;
	outline-width: 2px;
	outline-color: #192a80;
}

/* ============================================================ *\
	$見出しスタイル（記事ページ）　n_base_custom：219
\* ============================================================ */

body.page-single #maincontents .main-section h3, body.page-list #maincontents .main-section h3 {
	clear: both;
	border: 1px solid #d5d5d5;
	margin: 20px 0 20px 0;
	padding: 5px;
	font-size: 1.2em;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 1.3em;
}

body.page-single #maincontents .main-section h3 span, body.page-list #maincontents .main-section h3 span {
	border-left: 3px solid #1756bd;
	padding: 3px 0 0 7px;
	display: block;
}

body.page-single #maincontents h3 .main-section a:hover, body.page-list #maincontents h3 .main-section a:hover, body.page-single #maincontents h3 .main-section a:focus, body.page-list #maincontents h3 .main-section a:focus {
	color: #ffffff;
}

body.page-single #maincontents .main-section h4, body.page-list #maincontents .main-section h4 {
	clear: both;
	margin: 20px 0 20px 0;
	padding: 5px 10px;
	font-size: 1.2em;
	background-color: #e6eff8;
	border-left: none;
}

body.page-single #maincontents .main-section h4 a:visited, body.page-single #maincontents .main-section h4 a:active, body.page-list #maincontents .main-section h4 a:visited, body.page-list #maincontents .main-section h4 a:active {
	color: #550099;
	background-color: transparent;
}

body.page-single #maincontents .main-section h5, body.page-list #maincontents .main-section h5 {
	clear: both;
	margin: 20px 0 20px 0;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	border-left: 3px solid #d5d5d5;
}

body.page-single #maincontents .main-section .linkarea h5, body.page-list #maincontents .main-section .linkarea h5 {
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0px;
	padding: 0;
	border: none;
}

#main h3>a+img, #main h4>a+img {
	vertical-align: baseline;
}

h6 {
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0px;
}

h7 {
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0px;
}

@media screen and (max-width: 767px) {
	#main-title>h2.title2 {
		text-align: left !important;
		justify-content: flex-start !important;
		margin: 10px 0 !important;
	}
	body.page-single #contents h1.title2, body.page-single #contents h1 .title2, body.page-single #contents h2.title2 {
		width: auto !important;
		margin: 13px 0 8px !important;
		font-size: 1.14286em !important;
		line-height: 1.2 !important;
		text-align: left !important;
		justify-content: flex-start !important;
	}
	/* 見出し */
	body.page-single #maincontents h2 {
		margin: 15px 0 !important;
		font-size: 1em !important;
	}
	body.page-single #maincontents h3 {
		margin: 15px -10px !important;
		font-size: 1em !important;
	}
	body.page-single #maincontents h4 {
		margin: 15px 0px !important;
		padding-left: 5px !important;
		font-size: 1em !important;
	}
	body.page-single #maincontents h5 {
		font-size: 1em !important;
	}
}

/*　参考リンク h4カラー打消し　*/

body.page-single #maincontents div.linkarea h4 {
	background-color: inherit;
}

/* ============================================================ *\
	$テーブルデザイン（共通）
\* ============================================================ */

table {
	border: 1px solid #999;
	width: 99%;
	border-collapse: collapse;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: auto;
	margin-right: auto;
}

thead {
	border: 1px solid #999;
	background-color: #ddd;
	border-collapse: collapse;
}

th {
	text-align: center;
	border: 1px solid #999;
	border-collapse: collapse;
	padding-top: 5px;
	padding-bottom: 5px;
}

td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #999;
	border-collapse: collapse;
	padding: 7px 5px;
}

td.gray01 {
	background-color: #ddd;
}

td.blue01 {
	background-color: #D7FFFF;
}

td.pink01 {
	background-color: #FFD9FF;
}

td.green01 {
	background-color: #CCFF99;
}

/*　テーブルborderスタイル　*/

table.alps_bdr {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	width: 100%;
}

table.bdr th, table.alps_bdr th {
	text-align: center;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	padding: 5px;
	background: #eeeeee;
}

table.bdr th, table.alps_bdr th.date {
	width: 120px;
}

table.bdr th, table.alps_bdr th.money {
	width: 100px;
}

table.bdr td, table.alps_bdr td {
	border: 1px solid #cccccc;
	border-collapse: collapse;
	padding: 5px;
}

table.bdr td, table.alps_bdr td.right {
	text-align: right;
}

/*PC強制表示*/

body.page-single p.archive-link a.pc-layout-link {
	display: none;
}

/*PC強制表示　captionと並列用*/

body.page-single span.archive-link a.pc-layout-link {
	display: none;
}

/*フォーム用テーブル*/

.form_table01 table {
	width: 100%;
}

.form_table01 table td {
	text-align: left;
	padding: 5px;
}

.form_table01 table td.midashi {
	background-color: #ddd;
	padding: 10px;
	font-weight: bold;
}

.form_table01 table td input, .form_table01 table td textarea {
	padding: 5px;
	width: 97%;
}

.form_table01 input[type="submit"] {
	width: 20%;
	padding: 10px;
	margin-right: 10px;
}

.form_table01 input[type="reset"] {
	width: 10%;
	padding: 10px;
}

#kz_form p.error {
	padding: 0px 10px 10px;
	color: #ff0000;
	font-weight: bold;
}

#kz_form p.www3_textbox input, #kz_form p.www3_textarea textarea {
	width: 90%;
	max-width: 600px;
}

/* ============================================================ *\
	$コンテンツ
\* ============================================================ */

/* メイン見出し */

#main-title h2 {
	font-size: 1.5em;
	text-align: center;
}

#main-title>h2.title2 {
	display: -ms-flexbox;
	/* IE10 */
	display: -webkit-box;
	/* Android4.3以下、Safari3.1～6.0 */
	display: -webkit-flex;
	/* Safari6.1以降 */
	display: flex;
	margin: 5px auto;
	font-weight: bold;
	color: #a5171c;
	font-size: 1.5em;
	padding: 0 0 0.5em;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: auto !important;
}

#main-title>h2.title2>span {
	width: auto !important;
}

#main-title>h2.title2.logo-right {
	-ms-flex-direction: column-reverse;
	/*IE10*/
	-webkit-box-direction: reverse;
	/* Android4.3以下、Safari3.1～6.0 */
	-webkit-flex-direction: column-reverse;
	/* Safari6.1以降 */
	flex-direction: row-reverse;
}

#main-title>h2.title2.title-logo img {
	max-width: 200px;
}

#main-title>h2.title2.logo-left>span:last-child {
	margin-left: 10px;
}

#main-title>h2.title2.logo-right>span {
	margin-right: 10px;
}

#main-title>div.subtitle {
	margin: 5px 0px;
	font-weight: bold;
	text-align: center;
	color: #a5171c;
	line-height: 1;
	font-size: 1.4em;
}

/*　インデックスページ　*/

body.page-index .section-link {
	margin-top: 0;
	margin-bottom: 0;
}

body.page-index div.twocolumn .menu-box .text {
	margin: 15px 0;
}

body.page-index div.threecolumn {
	width: 33.33%;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0 0 8px 8px;
	box-sizing: border-box;
}

body.page-index div.threecolumn:first-child {
	padding: 0 0 8px 0;
	margin-right: 0;
}

body.page-index .img-layout .photoGroup {
	margin-bottom: 15px;
}

body.page-index .menu-section .photo-section {
	padding: 0 10px;
}

body.page-index #contents .menu-wrapper .menu-box .photo-section, body.page-index #contents .menu-wrapper .menu-box .text:first-child {
	margin: 0;
}

body.page-index #contents .column-two .menu-box {
	margin-bottom: 0;
}

/* 2カラムテンプレート*/

body.page-single .column-wrapper {
	margin-bottom: 20px;
}

/*　3カラムテンプレート　*/

body.page-single .column-wrapper {
	margin-bottom: 20px;
}

body.page-single .column-wrapper div.threecolumn {
	width: 310px;
	margin-left: 15px;
	margin-bottom: 0;
	padding: 10px;
	box-sizing: border-box;
}

body.page-single .column-wrapper div.threecolumn:first-child {
	margin-left: 0;
}

body.page-single .column-wrapper div.threecolumn ul {
	-webkit-padding-start: 20px;
}

body.page-single .column-wrapper div.threecolumn .caption {
	text-align: center;
}

body.page-single .column-wrapper div.threecolumn .columntitle {
	font-size: 1.2em;
	border-bottom: 1px solid #333333;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0px;
}

@media screen and (max-width: 767px) {
	body.page-single .column-wrapper div.threecolumn {
		width: 100%;
	}
	body.page-index .section-link>span {
		display: inline-block;
		min-width: 100px;
		margin-bottom: 0;
	}
	.page-index #contents .menu-wrapper .menu-box .text p {
		margin-bottom: 1em;
	}
	body.page-index #contents .menu-wrapper .menu-box .photo-section {
		margin-bottom: 10px;
	}
	body.page-index #contents .menu-wrapper .menu-box .photo-section .text ul.list2 li {
		margin-bottom: 10px;
	}
}

/*背景色あり*/

body.page-single .column-wrapper .bg_color div.threecolumn {
	background-color: #CEEDF5;
}

/*枠線あり*/

body.page-single .column-wrapper .line div.threecolumn {
	border: solid 1px #CCCCCC;
}

.menu-section .sectiontop-link {
	text-align: right;
}

/* ============================================================ *\
	$テンプレート　画像とリンク横並び
\* ============================================================ */

body.page-single .link_image {
	display: table;
}

.link_image ul.list2 {
	max-width: 510px;
}

.link_image .image {
	width: 260px;
	display: block;
	text-align: right;
}

body.page-single .link_image ul.link {
	width: 60%;
	display: table-cell;
	-webkit-padding-start: 0;
	vertical-align: middle;
}

body.page-single .link_image ul.link li {
	list-style: disk;
}

body.page-single .link_image ul.image {
	display: table-cell;
	-webkit-padding-start: 0 !important;
}

body.page-single .link_image ul.image img {
	width: auto;
	margin-bottom: 5px;
}

body.page-single .link_image ul.image .img_120 {
	width: 120px;
	margin-bottom: 5px;
}

body.page-single .link_image ul.image .img_150 {
	width: 150px;
	margin-bottom: 5px;
}

.fl_left {
	float: left;
	display: -webkit-inline-box;
}

.fl_right {
	float: right;
	display: -webkit-inline-box;
}

body.page-single .link_image ul.image li {
	margin-left: 10px;
}

body.page-single .link_image ul.image li {
	display: inline !important;
	list-style: none;
}

/*ワン・ワールド・フェスティバル*/

.one_world .link_image ul.image img {
	float: left;
	margin-left: 5px;
}

/* ============================================================ *\
	$テンプレート　画像と説明文
\* ============================================================ */

body.page-single .image_description .image {
	width: auto;
	float: left;
}

body.page-single .image_description .image img {
	width: 200px;
}

body.page-single .image_description .image p {
	width: 200px;
}

body.page-single .image_description .description {
	float: right;
	width: 540px;
}

body.page-single .image_description dt {
	margin-bottom: 5px;
}

body.page-single .image_description dd {
	-webkit-margin-start: 0;
}

/* ============================================================ *\
	$共通パーツ
\* ============================================================ */

/*背景色をつける*/

body.page-single .back_color {
	background-color: #DBEEF4;
	padding: 10px;
}

body.page-single .back_color_gray {
	background-color: #EEEEEE;
	padding: 10px;
}

/*枠線を付ける*/

body.page-single .border {
	padding: 0px 10px;
	border: 1px solid #CCCCCC;
}

/*下部　関連リンク*/

ul.list2 li.styled2_title {
	margin-left: 15px;
	padding-top: 5px;
	font-weight: bold;
	list-style: none;
}

ul.list2 li.styled2_unlink {
	margin-left: 50px;
	list-style-type: circle !important;
	/*　snsボタンマージン調整　*/
}

div.social-btn-top .social-btn-wrapper>iframe {
	width: 100%;
}

/*サイトマップページ用見出し*/

ul.list2 li.link_title01:first-child {
	padding-top: 0;
}

ul.list2 li.link_title01 {
	padding-top: 20px;
	font-weight: bold;
	list-style: none;
}

ul.list2 li.link_title02 {
	padding-top: 5px;
	list-style: none;
}

/* 見出しスタイル */

/* index-pabe */

body.page-index #maincontents h3 {
	background: none;
	border: none;
	display: block;
	background-color: #1756bd;
	border: 1px solid #1756bd;
	margin-top: 10px;
	padding: 2px;
	color: #fff;
	font-size: 1.2857em;
	font-weight: bold;
}

body.page-index #maincontents h3 span {
	background: none;
	border: none;
	display: block;
	border-left: 2px solid #fff;
	padding: 0;
	padding-left: 13px;
}

body.page-index #maincontents h3 a {
	background: none;
	border: none;
	display: block;
	width: auto;
	overflow: hidden;
	background: transparent url(/mofaj/gaiko/alps/files/000000009.png) center right no-repeat;
	border-left: 2px solid #fff;
	padding-left: 8px;
	text-decoration: none;
	color: #ffffff;
}

body.page-index #maincontents h3 a:link, body.page-index #maincontents h3 a:visited {
	color: #ffffff;
	background: transparent url(/mofaj/gaiko/alps/files/000000009.png) center right no-repeat;
}

body.page-index #maincontents h3 a:hover, body.page-index #maincontents h3 a:active:hover, body.page-index #maincontents h3 a:focus {
	color: #005190;
	background: #ffffff url(/mofaj/gaiko/alps/files/000000008.png) center right no-repeat;
}

body.page-single #maincontents h3 span {
	border-left: 3px solid #1756bd;
}

body.page-index #maincontents h4 {
	clear: both;
	margin: 20px 0 20px 0;
	padding: 5px 10px;
	font-size: 1.2em;
	background-color: #e6eff8;
}

body.page-index #maincontents h4 a:visited, body.page-index #maincontents h4 a:active {
	color: #550099;
	background-color: transparent;
}

/*h2 リンク用クラス*/

body.page-single h2.sectionTitle a span {
	text-decoration: underline;
}

/* ============================================================ *\
  $国別地域別政策・情報
\* ============================================================ */

/*地域選択*/

.area_select {
	width: 100%;
	margin-bottom: 30px;
	text-align: center;
}

.area_select ul {
	padding: 0;
	text-align: center;
	margin: 0 auto;
}

.area_select ul li {
	display: inline;
	list-style: none;
	border-right: 1px solid #666666;
	padding: 0 5px;
	text-align: center;
	white-space: nowrap;
}

.area_select ul li:first-child {
	padding-left: 0;
}

.area_select ul li:last-child {
	border-right: none;
}

.area_select .sp_map {
	display: none;
}

@media screen and (max-width: 767px) {
	.area_select {
		margin-bottom: 30px !important;
	}
	.area_select .sp_map {
		display: block;
	}
}

/*国選択*/

.country_select {
	margin-bottom: 20px;
}

.country_select .map {
	width: 451px;
	float: left;
	border: solid 1px #666666;
}

.country_select .map img {
	width: 451px;
}

.country_select .link {
	float: left;
	width: 310px;
}

.country_select .link ul {
	float: left;
	width: 37%;
}

.country_select .link li {
	list-style: none;
}

.country_select .sp_map {
	display: none;
}

/* ============================================================ *\
	$国際協力とNGO
\* ============================================================ */

body.page-single ul.img_left {
	display: table;
}

body.page-single ul.img_left li {
	display: table-cell;
	list-style: none;
	padding: 10px;
}

body.page-single ul.img_left li img {
	vertical-align: bottom;
}

/*　NGO・外務省定期協議会　*/

.kyougikai_but dl {
	float: left;
	width: 23%;
	margin: 0 0 15px 15px;
	border: 1px solid #013467;
	border-radius: 5px;
	text-align: center;
}

.kyougikai_but dl:first-child {
	margin-left: 0;
}

.kyougikai_but dl dt {
	font-size: 1.2em;
	font-weight: bold;
	line-height: 100%;
	padding-top: 5px;
}

.kyougikai_but dl dd {
	-webkit-margin-start: 0;
	margin-left: 0px;
}

.kyougikai_but dl a {
	display: block;
}

.kyougikai_but dl a:hover, .kyougikai_but dl a:focus {
	background-color: #192A80;
	border-radius: 5px;
	color: #FFFFFF;
}

/* ============================================================ *\
	$2階層目以降新着情報（共通）
\* ============================================================ */

.category_news dl {
	margin: 0;
}

.category_news dt {
	float: left;
}

.category_news dd {
	float: right;
	width: 78%;
	-webkit-margin-start: 0;
}

.category_news dd ul.link-arrow {
	padding: 0;
	margin: 0;
	list-style: none;
}

.category_news dd ul.link-arrow li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* ============================================================ *\
	$コンテンツ内リスト要素
\* ============================================================ */

#contents ul li.styled2 {
	background-position: left 4px;
	margin-bottom: 0.2em;
}

body.page-index #maincontents h2 a:hover span, body.page-index #maincontents h2 a:focus span {
	color: #005190;
}

/* ============================================================ *\
	$各国の国別援助方針・事業展開計画
	$/alps/seisaku/kuni_enjyo_kakkoku.html
\* ============================================================ */

.listtable {
	padding-left: 10px;
}

.listtable ul.data li {
	width: 30%;
}

.listtable ul.data li.title {
	font-size: 1.0em;
	font-weight: bold;
}

#contents .listtable ul.list2 {
	margin-bottom: 5px !important;
	border-bottom: 1px dotted #777777;
}

#contents .listtable ul.data li.styled2 {
	padding-bottom: 0px !important;
}

/* ============================================================ *\
	$ミレニアム開発目標（MDGs），ポスト2015年開発アジェンダ
	$/alps/doukou/mdgs.html
\* ============================================================ */

/*バナーを枠線のみに変更*/

.mdgs_bn {
	list-style: none;
}

.mdgs_bn ul {
	width: 100%;
	margin: 0 auto;
	list-style: none;
}

.mdgs_bn li {
	width: 38%;
	height: 45px;
	float: left;
	border: solid 1px #CCCCCC;
	margin: 0 0 15px 35px;
	padding: 10px;
}

.mdgs_bn li a:hover, .mdgs_bn li a:focus {
	color: #000099;
}

.mdgs_bn li:hover, .mdgs_bn li:focus {
	border: solid 1px #000099;
}

.mdgs_bn dl {
	width: 290px;
	height: 45px;
	margin: 0;
	display: table;
	vertical-align: middle;
}

.mdgs_bn dt {
	width: 45px;
	height: 45px;
	background-color: #000000;
	margin: 0 15px 0 0;
	display: table-cell;
}

.mdgs_bn dd {
	width: 230px;
	text-align: center;
	-webkit-margin-start: 0;
	line-height: 120%;
	display: table-cell;
	vertical-align: middle;
	margin-left: 0px;
}

.mdgs_bn dd a {
	vertical-align: middle;
}

body.page-single .mdgs_goals .column-wrapper div.twocolumn dl.float dd {
	float: left;
	width: 78%;
	margin: 0 0 0 15px;
}

/* ============================================================ *\
	$メルマガバックナンバー　/alps/mail/bn.html
\* ============================================================ */

#fy_list2 .h3title, #fy_list .h3title {
	border: 1px solid #ababab;
	background-color: #eeeeee;
	border-radius: 3px;
	padding: 0;
}

#fy_list2 .h3title a, #fy_list .h3title a {
	display: block;
	padding: 7px 3px 7px 10px;
	position: relative;
	background-color: #eeeeee;
}

#fy_list2 .h3title a:hover, #fy_list .h3title a:hover, #fy_list2 .h3title a:focus, #fy_list .h3title a:focus {
	background-color: #000099;
	color: #ffffff !important;
}

#fy_list2 .date, #fy_list .date, table.alps_bdr th.date {
	text-align: center;
	white-space: nowrap;
	width: 130px;
}

#fy_list2 .number, #fy_list .number, table.alps_bdr th.number {
	text-align: center;
	white-space: nowrap;
	width: 70px;
}

table.alps_bdr td a {
	display: block;
	text-align: left;
}

table.alps_bdr td a {
	display: block;
	text-align: left;
}

table.alps_bdr td.summary {
	text-align: left;
}

table.alps_bdr td.number a {
	text-align: center;
}

/* お知らせ一覧ページ調整 */

dl.alps_whats {
	overflow: hidden;
	zoom: 1;
	margin-top: 0;
	margin-bottom: 0;
}

dl.alps_whats dt {
	clear: both;
	float: left;
	width: 5em;
	margin-bottom: 0.8em;
	padding-left: 5px;
	color: #000;
}

dl.alps_whats dd {
	margin-left: 0em;
	margin-bottom: 0.8em;
	padding-left: 5em;
}

/*　世界地図位置調整　*/

.sectionBody p.area_select {
	margin-left: -10px;
}

.bottom-section .link-list {
	margin-left: 15px;
}

/* ============================================================ *\
	$CMSテンプレート調整
\* ============================================================ */

body.page-index .pagetop.aly_tx_right.clearfix.mb10:before {
	clear: both;
}

#contents #maincontents-wrapper p.subtitle {
	text-align: left;
	margin-top: -20px;
}

.logoImgRight img {
	float: right;
}

.logoImgRight img {
	float: left;
}

#alps_recommend ul.photo {
	list-style: none;
	padding-left: 7px;
}

/* 関連リンク（見出し） */

#maincontents div.linkarea span.relatedLinkTitle {
	font-size: 1em;
	font-weight: bold;
	margin: 10px 0px;
	display: block;
}

html[lang="en"] #maincontents div.relatedlink span.relatedLinkTitle {
	font-size: 1em;
	font-weight: bold;
	display: block;
}

/* サブタイトル(h3) */

h3#subtitle {
	margin: -20px 0px 1em 0px;
	text-align: left;
	font-size: 135%;
	font-weight: bold;
	color: #a5171c;
	line-height: 1;
}

/* ============================================================ *\
	$英語サイトへのリンク
\* ============================================================ */

.lang_en {
	text-align: right;
	margin-bottom: 10px;
	margin-top: 5px;
}

.lang_en a.lang_en_a {
	border: 1px solid #ababab;
	padding: 2px 10px;
	background-color: #f4f4f4;
	display: inline-block;
	margin-bottom: 5px;
}

.lang_en a.lang_en_a:hover, .lang_en a.lang_en_a:focus {
	background-color: #192A85;
	color: #ffffff;
}

.acrobat {
	text-align: left;
}

.acrobat a img {
	border: 1px #fff solid;
}

.acrobat a img:hover, .acrobat a img:focus {
	border: 1px #192a80 solid;
}

div#main h2.title2.logoLayout {
	display: table;
	width: auto !Important;
}

div#main h2.title2.logoLayout .textLeft, div#main h2.title2.logoLayout .textRight {
	display: table-cell;
	width: auto !Important;
	vertical-align: middle;
}

div#main h2.title2.logoLayout .textLeft {
	padding-right: 10px;
}

div#main h2.title2.logoLayout .textRight {
	padding-left: 10px;
}

div#main h2.title2.logoLayout .logoImgLeft, div#main h2.title2.logoLayout .logoImgRight {
	display: table-cell;
	text-align: right;
	vertical-align: middle;
}

div#main h2.title2.logoLayout .logoImgLeft img, div#main h2.title2.logoLayout .logoImgRight img {
	max-width: 200px;
}

.contents_link_area {
	text-align: right;
	padding-top: 8px;
}

.contents_link_area ul {
	list-style: none;
	margin-left: 0;
	-webkit-padding-start: 0;
}

li.link_pagetop {
	clear: both;
}

.contents_link_area .link_index {
	border-top: dotted 1px #aaa;
	padding: 0px;
}

.alps_pagetop_area {
	display: none;
}

#contents .relatedlink-section h3.title3 {
	border: none;
	padding: 0px 0px;
	margin: 10px 0px;
	font-size: 1em;
	line-height: 1.3;
	font-weight: bold;
	color: #000000;
	background-color: transparent;
}

.link-list li {
	background-position: 0 0.25em;
}

#sub .link-list li {
	background-position: 0 0.25em;
}

.link-list li.non-link {
	background: none;
	padding-left: 0;
	margin-bottom: 10px;
}

@media screen and (max-width: 1024px) {
	#sp_alps_recommend .link-list li, #alps_recommend .link-list li {
		background-position: 0 0.5em;
	}
}

/* ============================================================ *\
	$ODA　フッターテキスト
\* ============================================================ */

.bottomtext-section .link-list {
	margin-top: 26px;
}

@media screen and (max-width: 767px) {
	.bottomtext-section {
		padding: 15px;
		border-top: 1px solid #d5d5d5;
	}
	.bottomtext-section .link-list {
		margin-top: 0;
		margin-bottom: 10px;
	}
	#page-topindex div#main .bottomtext-section .any-area h2.category_title {
		margin-left: 0;
		margin-right: 0;
	}
	.bottomtext-section .any-area ul.link-arrow, html[lang="en"] .bottomtext-section .any-area ul.link-arrow {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

/* ============================================================ *\
	$ODA　情報フッター
\* ============================================================ */

/* ============================================================ *\
	$ODA　おすすめエリア
\* ============================================================ */

.link-list .styled2Recom {
	padding: 4px 10px 0;
	margin-left: 10px;
}

.link-list .styled2Recom.indent {
	margin-left: 20px;
}

#sp_alps_recommend .linkarea .photo-section, #alps_recommend .linkarea .photo-section {
	padding: 5px 10px 0;
	margin-bottom: 20px;
}

#sp_alps_recommend .photo-section .photo-box {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0;
	text-align: center;
}

#sp_alps_recommend .photo-section .photo-box .photo-caption, #sub .photo-section .photo-box .photo-caption {
	font-size: 1em;
	max-width: 100%;
}

/* ページトップへ戻る */

@media screen and (max-width: 767px) {
	#pagetop.link-arrow a {
		display: inline-block !important;
		background: url(/mofaj/gaiko/alps/files/100000022.png) center left no-repeat!important;
		background-size: 13px 13px!important
	}
	#pagetop.link-arrow a:after {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	#pagetop.link-arrow a {
		background-image: none;
	}
}

/* ============================================================ *\
	$ODA 新着情報一覧
\* ============================================================ */

.title-side dd ul li {
	margin-bottom: 10px;
}

/* ============================================================ *\
	# <1025px
\* ============================================================ */

@media screen and (max-width: 1024px) {
	#contents {
		padding: 0;
	}
	#contents #alps_gmenu+.link_list {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	#category-title {
		position: relative;
	}
	#contents-article {
		position: relative;
	}
	#sp_alps_recommend {
		margin: 15px 10px;
		width: auto;
	}
	#contents-header #category-title h2.title2>span {
		padding: 6px 45px 5px 13px;
	}
	/* SP プルダウンサブメニュー */
	#alps_menu_icon {
		display: block;
		position: absolute;
		top: calc(50% - 20px);
		right: 5px;
		width: 40px;
		height: 40px;
		z-index: 1;
	}
	#alps_menu_icon a {
		display: block;
		width: 30px;
		height: 30px;
		background-color: #fff;
		border-radius: 50%;
		margin: 5px auto;
	}
	#alps_menu_icon a.menu_icon:before {
		content: "";
		display: block;
		position: absolute;
		top: calc(50% - 8px);
		right: calc(50% - 7px);
		width: 10px;
		height: 10px;
		border: solid #333;
		border-width: 3px 3px 0 0;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#alps_menu_icon a.menu_icon.selected:before {
		border-width: 0 0 3px 3px;
		top: calc(50% - 4px);
	}
	#contents-body {
		padding: 0 10px;
		flex-wrap: wrap;
	}
	#contents #main, #contents #sub {
		width: 100%;
	}
	#contents #main {
		width: 100%!important;
		padding-bottom: 10px;
	}
	#contents #sub {
		display: block!important;
		padding-top: 10px;
		margin: 0 auto;
	}
	#alps_gmenu, #alps_recommend, #sp_alps_recommend {
		width: 100%;
		box-sizing: border-box;
		margin: 15px auto;
	}
	#contents #sp_alps_recommend ul, #contents #alps_recommend ul.link-list {
		padding: 10px;
	}
	#contents #alps_recommend ul.link-list li {
		line-height: 1.5;
	}
	#alps_recommend ul.photo li {
		margin-bottom: 10px !important;
		margin-top: 10px !important;
	}
	.acrobat {
		display: none;
	}
	/* リンクリスト */
	ul.link_list {
		width: auto;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	ul.link_list li {
		border: 1px solid #AAB5C0;
		border-top: 0;
		margin-bottom: 0px;
		background-color: #fff;
	}
	ul.link_list li a {
		display: block;
		text-align: left;
		padding: 12px 5px 12px 9px;
		line-height: 1.2;
	}
	#contents #alps_gmenu_area {
		display: none;
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		z-index: 3;
		box-shadow: 0px 5px 15px -5px #000;
		background-color: #fff;
	}
	#contents #alps_gmenu_area #alps_gmenu {
		width: 100%;
		margin: 0;
		background-color: #e0f1f7;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#contents #alps_gmenu_area #alps_gmenu:after {
		content: "";
		display: block;
		overflow: hidden;
		clear: both;
	}
	#contents #alps_gmenu_area #alps_gmenu dt {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#alps_gmenu dt.selected, #alps_recommend dt.selected, #sp_alps_recommend dt.selected {
		background-color: #1756BD;
		line-height: 40px;
		color: #FFFFFF;
		font-weight: bold;
		padding: 0 0 0 10px;
	}
	#alps_gmenu dt.selected a:link {
		color: #000099;
	}
	#alps_gmenu dt.selected a {
		text-decoration: underline;
		color: #000099;
	}
	#alps_gmenu dt.selected, #alps_recommend dt.selected a:visited, #alps_recommend dt.selected a:hover, #alps_recommend dt.selected a:active, #alps_recommend dt.selected a:visited:hover, #alps_recommend dt.selected a:focus, #alps_recommend dt.selected a:visited:focus {
		color: #5533cc;
		background-color: transparent;
	}
	#contents #alps_gmenu_area #alps_gmenu dd {
		display: none!important;
	}
	#alps_banner {
		margin: 0 10px;
	}
	#alps_banner ul.link-banner {
		width: calc(100% - 5px);
		display: flex;
		flex-flow: wrap;
		margin: 0 auto;
	}
	#alps_banner ul.link-banner li {
		width: 33.33%;
		margin: 0 0 10px;
		text-align: center;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#alps_banner ul.link-banner li a {
		display: inline-block;
	}
	#alps_banner ul.link-banner li img {
		width: 100%;
		max-width: 196px;
	}
	#sub hr.pc-only-block {
		width: 100%;
		box-sizing: border-box;
		margin: 10px 0 20px;
	}
	.read-text {
		margin: 0 10px;
		text-align: justify;
	}
	.relatedlink-section {
		margin: 5px 10px;
	}
	.divisions-section {
		margin: 5px 10px;
	}
	.menu-box .text .link-list {
		margin: 0 10px;
	}
	.social-btn-top {
		text-align: right;
	}
}

/* ============================================================ *\
	# <768px
\* ============================================================ */

@media screen and (max-width: 767px) {
	#contents #main {
		border-bottom: 1px solid #d5d5d5;
	}
	#contents {
		padding: 15px 0 0 !important;
		background: #fff;
		margin-top: 0;
		display: block;
	}
	#contents #main dl.list-date {
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
		margin: 0 10px;
	}
	#contents #main dl.list-date dt {
		border: none;
	}
	#contents #main .list-date dt {
		border-top: none;
		margin-top: 0;
		padding-top: 10px;
	}
	#contents #main .list-date dt:first-child {
		padding-top: 10px;
	}
	#contents #main dl.list-date dd ul.link-arrow {
		margin-bottom: 0 !important;
	}
	#alps_banner ul.link-banner li {
		width: 50%;
	}
	#sp_alps_recommend .photo-section .photo-box .link-text, #sub .photo-section .photo-box .link-text {
		display: none;
	}
	.country_select .sp_map {
		display: block;
	}
	.title-side dd {
		margin-top: 0;
	}
	.section-link>span {
		display: inline-block;
	}
	/* ============================================================ *\
	$国別情報
	\* ============================================================ */
	.area_select .pc_map {
		display: none;
	}
	.area_select .sp_map {
		display: block;
	}
	.country_select .map {
		width: auto;
		border: solid 1px #666666;
	}
	.country_select .map img {
		width: auto;
	}
	.country_select .link {
		float: left;
		border-bottom: solid 1px #CCCCCC;
		margin-bottom: 5px;
	}
	.country_select .link ul {
		width: 48%;
		-webkit-padding-start: 5px;
	}
	.country_select .link li {
		list-style: none;
		padding-right: 10px;
		width: 90%;
	}
	.country_select .link ul.one_column li {
		float: left;
		width: 43%;
		margin-right: 5px !important;
		margin-left: 5px !important;
	}
	.country_select .link ul.two_column li {
		float: left;
		width: 43%;
		margin-right: 5px !important;
		margin-left: 5px !important;
	}
	.country_select .pc_map {
		display: none;
	}
	.country_select .sp_map {
		display: block;
	}
	body.page-index div.onecolumn, body.page-index div.twocolumn, body.page-index div.threecolumn, div.threecolumn {
		width: 100%;
	}
}

/* ============================================================ *\
	# 768px<
\* ============================================================ */

@media screen and (min-width: 768px) {
	#contents-body {
		flex-direction: unset;
	}
	.page-single #main .photo-image img {
		max-width: 100%;
	}
}

/* ============================================================ *\
	# 1025px<
\* ============================================================ */

@media screen and (min-width: 1025px) {
	#page-topindex #contents #contents2020 #main {
		width: calc(100% - 245px) !important;
		/*margin: 0 0 0 15px;*/
		flex: 1;
		min-width: 0;
	}
	#page-topindex #contents #contents2020 #alps_gmenu_area {
		display: block!important;
	}
	#page-topindex #contents #contents2020 #alps_gmenu .go_alps_top {
		display: none;
	}
}

/* ============================================================ *\
	# print css
\* ============================================================ */
@media print{
	body {
		background-color: #fff;
		font-size: 0.9em;
		line-height: 130%;
		margin: 0px;
		padding: 0px;
		min-width: 1078px;
	}

	.video-section {
		padding-top: 262px;
	}
	#video, .video-thumbnail {
		width: 350px;
		left: calc(50% - (350px/2));
	}
	.video-section iframe {
		width: 350px !important;
		height: 262px !important;
	}
	.photo-section {
		display: -ms-flexbox;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
	}

	.section-left {
		justify-content: flex-start;
	}
	.section-left>.photo-box {
		margin-right: 20px;
	}

	.section-right {
		justify-content: flex-end;
	}
	.photo-section:before, .photo-section:after {
		content: "";
		display: block
	}
	#main .photo-image img {
		max-width: 350px;
	}
	.video-title {
		width: 350px;
	}

	#sub {
		width: 225px;
		min-width: 225px;
	}

	div#sitemap-footer .wrapper>dl {
		width: 33.33%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	div#sitemap-footer .wrapper>dl:nth-of-type(3n) {
		margin-right: 0;
	}
	#sitemap-footer .wrapper, #footer .bg-navy .wrapper, #footer p.address {
		width: 940px;
	}

	/*layout.css*/
	#contents {
		display: block;
	}
	div#footer-sitemaps .wrapper>dl {
		width: 32%;
		box-sizing: border-box;
		padding: 0 10px;
	}
	div#footer-sitemaps .wrapper>dl:nth-of-type(3n) {
		margin-right: 0;
	}
	#footer .bg-navy .wrapper .menu-sub {
		margin-left: 10px;
		margin-top: 0;
		margin-bottom: 0;
	}
	#footer .bg-navy .wrapper .menu-sub+p {
		margin-right: 10px;
	}
	#footer .bg-navy .wrapper .menu-sub {
		margin-left: 0;
	}
	#footer .bg-navy .wrapper .menu-sub+p {
		margin-right: 0;
	}
	html[lang="en"] #pagetop.link-arrow a {
		background-position: -2px -6px !important;
	}
	.link-arrow a:hover, .link-arrow a:focus {
		color: #fff;
	}

	/*flex崩れ対応*/
	#contents-body{
		display: block;
	}
	#contents #main{
		float: left !important;
		display: block;
		width:calc(100% - 245px) !important;
	}
	#contents #sub {
		float: right !important;
	}
	.main-section .section-block{
		overflow:auto;
	}

	body {
		-webkit-print-color-adjust: exact;
		top:0 !important;
		left:0 !important;
	}
	app-root {
		display: block;
	}
	app-cards {
		overflow: hidden;
	}
}