@charset   "UTF-8";

/* ヘッダー*/
.top_header {
	height: 45px;
	color: white;
	font-size: 18px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left : 120px;
	text-align: left;
	background: url(../Backcolor/top-header.jpg) repeat;
}

/* ヘッダー*/
.senkei_header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	background: url(../Backcolor/header_senkei.jpg) no-repeat;
}

/* ヘッダー*/
.hyakusen_header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	background: url(../Backcolor/header_hyakusen.jpg) no-repeat;
}

/* ヘッダー*/
.hyaku_chikei_header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	background: url(../Backcolor/header_hyaku_chikei.jpg) no-repeat;
}

/* ヘッダー*/
.annai_header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	background: url(../Backcolor/header_annai.jpg) no-repeat;
}

/* ヘッダー*/
.annai_senkei_header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	background: url(../Backcolor/header_annai_senkei.jpg) no-repeat;
}


/* 地形のおはなしヘッダー*/
.Aruki-header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	text-align: left;
	padding-left: 240px;
	background: url(../Backcolor/Aruki-header_L.jpg) repeat;
	overflow: hidden;
}

/* 地質案内,地質百選,地形千景ヘッダー*/
.triple_header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	background: url(../Backcolor/header_triple.jpg) no-repeat;
}

/* ヘッダー*/
.map_header {
	margin-bottom: 5px;
	height: 50px;
	color: white;
	font-size: 16px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 2px;
	text-decoration: none;
	text-align: center;
	background: url(../Backcolor/top-header.jpg) repeat;
}
.contents-header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	background: url(../Backcolor/header_senkei.jpg) no-repeat;
}
.contents-bigheader {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	line-height: 24px;
	background: url(../Backcolor/contents-bigheader.jpg) no-repeat;
}


.Landmap-header {
	margin-bottom: 10px;
	height: 75px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	padding-left : 240px;
	text-align: left;
	line-height: 24px;
	background: url(../Backcolor/contents-Landmapheader.jpg) no-repeat;
}

.hyakumeizan-header {
	height: 50px;
	color: white;
	font-size: 20px;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
	padding-left : 200px;
	text-align: left;
	line-height: 24px;
	background: url(../Backcolor/header_hyakumeizan.jpg) no-repeat;
}

/* フッター */
.footer-orderaea{
	background-color: navy;
}
/*      */
.footer-doc {
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	color: white;
	line-height: 25px;
	letter-spacing: 1px;
	text-align: right;
}

/*   表形式    */
.kiji_table{
	border-collapse: collapse;
}
.kiji_table th {
	color: white;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1px;
	text-align: left;
	text-decoration:none;
	padding-left : 24px;
	background: url(../Backcolor/top-header.jpg) repeat;
}
.kiji_table td {
    width: 100%;
	font-size: 13px;
	font-family: Arial;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align : top;
	border: 1px solid #b9b9b9;
	padding: 1px 10px 1px 20px;
}
/*   表形式    */
.setsumei_table{
	border-collapse: collapse;
}
.setsumei_table th {
	color: white;
	font-size: 13px;
	font-family: Arial;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: 1px;
	text-align: left;
	text-decoration:none;
	padding-left : 24px;
	background: url(../Backcolor/top-header.jpg) repeat;
}
.setsumei_table td {
	font-size: 13px;
	font-family: Arial;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align : top;
	border: 1px solid #b9b9b9;
	padding: 1px 10px 1px 20px;
}
/* テーブルデータ枠 */
.table-Datas{
	border-collapse: collapse;
}
.table-Datas th{
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	border: 1px solid #9db9f9;
}
.table-Datas td{
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align : middle;
	padding-left : 12px;
	border: 1px solid #9db9f9;
}

.table-Formats{
	border-collapse: collapse;
}
.table-Formats th{
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	color: white;
	line-height: 20px;
	background: url(../Backcolor/top-header.jpg) repeat;
	border: 1px solid #9db9f9;
}
.table-Formats td{
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align : middle;
	padding-left : 12px;
	border: 1px solid #9db9f9;
}

/* 冊子の紹介 */
.doc-subtitle {
	color: white;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: 1px;
	text-align: left;
	text-decoration:none;
	padding-left : 24px;
	background: url(../Backcolor/Booklet-Title.jpg) no-repeat;
}

/*   */
.doc-left {
	font-size: 13px;
	font-family: Arial;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align : top;
	border: 1px solid #b9b9b9;
	padding-left: 20px;
	padding-right:10px;
}
/*   */
.doc-left1 {
	font-size: 13px;
	font-family: Arial;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align : middle;
	border: 1px solid #b9b9b9;
	padding-left: 20px;
	padding-right:10px;
}
/*   */
.doc-left2{
	font-size: 13px;
	font-family: Arial;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align : middle;
	border: 1px solid #b9b9b9;
	padding: 6px 10px 6px 20px;
}
/*   */
.doc-left3{
	font-size: 13px;
	font-family: Arial;
	font-weight: normal;
	line-height: 20px;
	letter-spacing: 1px;
	text-align: left;
	vertical-align : middle;
	border: 1px solid #b9b9b9;
}

/*   */
.doc-center{
	font-size: 13px;
	font-family: Arial;
	text-align: center;
	line-height: 20px;
	letter-spacing: 1px;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}
/*   */
.doc-center1{
	font-size: 13px;
	font-family: Arial;
	text-align: center;
	height: 24px;
	letter-spacing: 1px;
	color: #333;
	border: 1px solid #b9b9b9;
}
/*   */
.doc-right{
	font-size: 12px;
	font-family: Arial;
	text-align: right;
	letter-spacing: 1px;
	line-height: 18px;
	color: navy;
	border: 1px solid #b9b9b9;
	padding-right:16px;
}
/*   */
.img-center{
	font-size: 12px;
	font-family: Arial;
	text-align: center;
	height: 24px;
}

/*    リンク   */
#link a{
	display:block;
	color: maroon;
	text-decoration:none;
	background: url(../Backcolor/TitleBack_B.gif) repeat;
}
#link a:hover{
	display:block;
	color: white;
	background: url(../Backcolor/titleback900_25.jpg) no-repeat;
}

#linka a{
	background-color: #e2eaff;
	text-decoration:none;
	color: navy;
}
#linka a:hover{
/*	background: url(../Image/LinkBack_Dark.gif) repeat;*/
	color: white;
	background-color: #4941ef;
	text-decoration:none;
}

/* イメージパネル */
p.a  mg {
	opacity: 1.0;
}
p.a img:hover {
	opacity:0.4;
}

/* 箇条書き */
ul, ol {
	padding: 8px 16px 8px 32px;
	margin-top: 10px;
}

html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}