@charset "UTF-8";

/* -----------------------------------------------------------
	#main
----------------------------------------------------------- */

#wrap2 #main h3,#main3 h3  {
	clear: both;
	margin:10px 0;
	padding-left:10px;
	background:url(../images/bg_h3.gif) no-repeat;
	border-bottom: 1px solid #4e311a;
	color:#634d3c;
	font-size:1.333em;
	font-weight:bold;
}
/* イベントカレンダー */
#wrap3 #main h3 {
	margin-top: 0;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(../images/bg_event_h3.gif) no-repeat top;
	color: #321302;
	font-size: 1.167em;
	font-weight: bold;
}

/* #wrap3 #main h4, */
#wrap2 #main h4,#main3 h4 {
	clear: both;
	margin:10px 0;
	padding:5px 10px;
	background:#e7e7e7;
	color:#2c1707;
	font-weight:bold;
}

#wrap2 #main h5,
#wrap3 #main h5 {
	clear: both;
	margin:10px 0;
	padding-left:10px;
	border-bottom: 1px solid #4e311a;
	color:#2c1707;
	font-weight:bold;
}

#wrap2 #main h6,
#wrap3 #main h6,#main3 h6 {
	clear: both;
	margin:10px;
	padding-left: 10px;
	border-left: 4px solid #3e271b;
	color:#2c1707;
	font-weight:bold;
	line-height: 1.4;
}



#wrap2 #main p,
#wrap3 #main p {
	margin:15px 10px;
}

#wrap2 strong {
	color: #4e311a;
}

#wrap2 #main p.right {
	text-align: right;
}

#wrap2 #main .latest p.right a {
	background: transparent url(../images/r_a.png) no-repeat scroll left 1px;
	padding-left: 18px;
}

#wrap2 #main .all p.right a {
	background: transparent url(../images/l_a.png) no-repeat scroll left 1px;
	padding-left: 18px;
}

#wrap2 #main li.left p img {
	float: right;
	margin: .5em 0 0 .5em;
}

#wrap2 p.paging {
	text-align: right;
}

#wrap2 .paging strong {
	margin: 0 .5em;
}

#wrap2 p.paging a.prev {
	background: transparent url(../images/a_l_b_w.png) no-repeat scroll center left;
	padding-left: 18px;
}

#wrap2 p.paging a.next {
	background: transparent url(../images/a_r_b_w.png) no-repeat scroll center right;
	padding-right: 18px;
}


/* TOP PAGE */

#wrap #main2 h3 {
	margin-bottom: 10px;
	padding: 5px 20px;
	background: url(../images/bg_main_h3.gif) no-repeat top;
	color: #321302;
	font-size: 1.167em;
	font-weight: bold;
}

#wrap #main2 p {
	margin:0;
}

#wrap #main2 .btnEvent, #wrap #main .btnNews,
#wrap3 #main2 .btnEvent, #wrap3 #main .btnNews {
	position:relative;
}

#wrap #main2 .btnNews a,
#wrap3 #main2 .btnNews a {
	position: absolute;
	top: 15px;
	right: -10px;
	display: block;
	width: 166px;
	height: 25px;
	padding-bottom: px;
}

#wrap #main2 .btnEvent a,
#wrap3 #main2 .btnEvent a {
	position:absolute;
	top:-34px;
	right:7px;
	display:block;
	width:207px;
	height:25px;
}

.top_news_title {
	font-size: 12px;
	font-weight: normal;
	color: #300;
}

/* 共通設定 */


#main #description {
	min-height:148px;
	height:148px;
	padding:0 10px;
}

#main .nobg {
	min-height:48px !important;
	height:48px !important;
}


#main #description h1, #main3 #description h1 {
	color:#7f5137;
	font-size:2.5em;
	font-weight:bold;
}

#main #description h2, #main3 #description h2 {
	color:#7f5137;
	font-size:2.145em;
	font-weight:bold;
}


#main #description p, #main3 #description p {
	width:20em;
	margin:0;
	font-size:1.25em;
	font-weight:bold;
	line-height:1.2;
}

#main #description p.information {
	margin:10px 10px 20px;
}

#main #description p.chishitunohi_meti {
	width:40em;
}

#main p span.catch {
	color:#025200;
	font-weight: bold;
}

#main p span.notice {
	color:#2c1707;
	font-weight: bold;
}

#main p.sign {
	text-align: right;
}

#main dl {
	margin: 10px 10px;
}

#main dl dt {
	padding-left: 15px;
	background: url(../images/bg_linkIcon.gif) no-repeat 0 0.2em;
}

* html #main dl dt {
	padding-left: 15px;
	background: url(../images/bg_linkIcon.gif) no-repeat;
}

#main dl dd {
	margin-bottom: 20px;
}

#main .thumbnail ol, 
#main2 .thumbnail ol{
	list-style-type: none;
	margin-left: 0;
	padding-top: 0px;
}

#main .thumbnail li,
#main2 .thumbnail li {
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0;
	border-top: 1px dotted #000;
	clear: right;
	overflow: hidden;
	font-size: 98%;
}
#main .thumbnail li.first,
#main2 .thumbnail li.first {
	padding: 0 10px;
	border-top: 0 none;
}

#main .thumbnail p.date,
#main2 .thumbnail p.date {
	color:#1f1f1f;
	font-size:.833em;
	font-weight:bold;
}

.e-date {
	color:#1f1f1f;
	font-size:0.8em;
}


#wrap #main .thumbnail p.thumbnail,
#wrap #main2 .thumbnail p.thumbnail,
#wrap3 #main .thumbnail p.thumbnail {
	float: right;
	margin: 0 0 .5em .5em;
}

#main .thumbnail h4 a,
#main2 .thumbnail h4 a {
	color:#43240b;
	/* font-size:1.25em; */
}

#main .thumbnail p.more,
#main2 .thumbnail p.more {
	padding:0 0 10px 0;
	clear: right;
	float: right;
}

#main .entrylist dl {
} 
	
#main .entrylist dl {
	clear:both;
	height:100%;
	margin:8px;
	padding:0 10px 10px;
	border-bottom:1px dotted #000;
	overflow:hidden;
}

#main .entrylist dl.end {
	border-bottom:none;
}

#main .entrylist dl dt {
	padding: 0;
	background: none;
	color: #43240b;
	font-weight: bold;
}

#main .entrylist dl dd {
	
}

#main .entrylist dl dd.more {
	float:right;
	margin-top:-1.6em;
}


#main .section01,
#main .section02,
#main .section03 {
	width:650px;
	margin: 10px 20px;
	padding: 30px 15px;
	border: 1px solid #B4B4B4;
}
#main .section04 {
	width:650px;
	margin:10px 20px;
	padding:30px 15px;
	border:1px solid #B4B4B4;
	background:#F4F4F4;
}
#main2 .section05 {
	width: 470px;
	margin: 0 auto;
	padding: 10px 15px;
	border: 1px solid #B4B4B4;
	background: #F4F4F4;
}
#main2 .section06 {
	width: 470px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	padding: 10px 15px;
	border: 1px solid #B4B4B4;
	background: #F6F6EE;
}
#main2 .section07 {
	width: 470px;
	margin: 0 auto;
	padding: 10px 15px;
	border: 1px solid #B4B4B4;
	background:url(../images/bg_section03.jpg) no-repeat top;
}
#main .section01 {
	background:#F4F4F4;
}

#main .section02 {
	background:#F6F6EE;
}

#main .section03 {
	background:url(../images/bg_section03.jpg) no-repeat top;
}

#main table {
	width: 650px;
	margin: 10px 20px;
}
#main table.article01,
#main table.article02,
#main table.article03,
#main table.article04,
#main table.article05,
#main table.article06 {
	border-top:1px solid #B4B4B4;
	border-right:1px solid #B4B4B4;	
}
#main table.article05,
#main table.article06 {
	width:710px;
	margin:10px 20px;
}
#main table.article01 th,
#main table.article02 th,
#main table.article03 th,
#main table.article04 th,
#main table.article05 th,
#main table.article06 th,
#main table.article01 td,
#main table.article02 td,
#main table.article03 td,
#main table.article04 td,
#main table.article05 td,
#main table.article06 td {
	padding:5px;
	border-bottom:1px solid #B4B4B4;
	border-left:1px solid #B4B4B4;
	line-height: 1.5;
}
	
#main table.article01 th,
#main table.article02 th,
#main table.article03 th,
#main table.article04 th,
#main table.article05 th,
#main table.article06 th{
	font-weight:bold;
	text-align:center;
	color:#000;
	vertical-align:top;
	white-space:nowrap;
}

#main table.article01 th,
#main table.article03 th {
	background:#E6E6E6;
}

#main table.article03 th.col {
	background:#F7F7F7;
}

#main table.article04 th {
	background:#8B786C;
	color:#fff;
}
#main table.article05 th {
	background:#87ceeb;
}
#main table.article06 th {
	background:#8a2be2;
	color:#fff;
}
#main table.article02 th,
#main table.article04 th.col {
	background:#F6F6EE;
	color:#000;
}

#main ul,
#main3 ul
{
	margin: 10px 30px;
}

#main ul li,
#main3 ul li
{
	padding-left: 15px;
	background: url(../images/bg_linkIcon.gif) no-repeat 0 0.2em;
}

* html #main ul li {
	padding-left: 15px;
	background: url(../images/bg_linkIcon.gif) no-repeat;
}


#main ul.row li {
	display: inline;
	margin-right: 1em;
}

#main ul li ul {
	margin: 0 15px;
}

#main ul li ul li {
	padding-left: 0;
	background: none;
	list-style: disc;
}

#main ul.noicon li {
	background: none;
}

#main ol {
	margin-left: 55px;
}

#main ol li {
}

/**/

#main .linkIcon01 a {
	padding-left:10px;
	background:url(../images/icon_list.gif) no-repeat 0 50%;
}

#main .linkIcon02 a {
	padding-left:20px;
	background:url(../images/icon_localnavi.jpg) no-repeat 0 50%;
}

#main .linkIcon03 {
	padding: 5px 10px;
	background: #F6F6EE;
	border: 1px solid #8B786C;
}

#main .linkIcon03 a {
	padding-left: 20px;
	background:url(../images/icon_localnavi.jpg) no-repeat 0 50% #F6F6EE;
	
}

#main ul.category {
	margin: 20px 0 0;
}

#main ul.category li {
	margin: 0 15px 10px 0;
	background: url(../images/bg_clist01.jpg) no-repeat left top;
	width: 300px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	float: left;
}


#main ul.category li.odd {
	clear: left;
}
#main ul.category ul {
margin-top: 1em;
}
#main ul.category li li {
	margin: 0 0 10px -14px;
	padding: 0 0 0 14px;
	background: none;
	background: url(../images/icon_localsub.gif) no-repeat 0 0.35em;
list-style: none outside none;
float: none;
/*width: 200px;*/
}

#wrap2 #main .category p {
	margin: 1.5em 10px 1.5em .25em;
}

#wrap2 #main .category p.label {
	margin: 3px 10px 3px .25em;
}

#wrap2 #main .category p.thumbnail {
	float:right;
	margin: 1.5em 0 .5em .5em;
}


p.pageLink {
		clear: both;
		margin: 10px 0px 0;
}

p.pageLink a {
		display: block;
		width: auto;
		float: right;
		background: url(../images/ico_top.gif) no-repeat left center;
		padding-left: 14px;
		font-size: 80%;
}

/* メイン第二階層カテゴリー表示部分（追加） */

#main .thumbnail02 dl {
	clear:both;
	height:100%;
	margin:8px;
	padding:0 10px 10px;
	border-bottom:1px dotted #000;
	overflow:hidden;
}

#main .thumbnail02 dl.end {
	border-bottom:none;
}

#main .thumbnail02 dl dt {
	float:left;
	background: url(../images/bg_clist01.jpg) no-repeat left bottom;
	width: 426px;
	_width: 446px;
	margin-bottom: 10px;
	padding: 10px 0 10px 20px;}

#main .thumbnail02 dl dd {
	clear:both;
	margin-left:8px;
	margin-bottom: 0;
	position: relative;
	padding-right: 5px;
}
/*\*/
* html #main .thumbnail02 dl dd {
	zoom: 1;
}
/**/

#main .thumbnail02 dl dd.title a {
	color:#43240b;
	float:left;
	width: 540px;
	margin: 0px 50px 10px 0px;
	padding: 10px 0px 10px 20px;
/* font-size:1.25em; */
}

/* 画像設定 */
p.into {
	width: 350px;
}

p.centerimg {
	text-align: center;
}
	
p.sideimg img {
	float: right;
	max-width: 200px;
	padding: 0 0 10px 10px;
}
	
.rightimg {
	float:right;
	padding:0 0 10px 10px;
	display:block;
}
	

/* 3階層目 */
body.third #wrap2 #main #description {
	height: 58px;
	min-height: 58px;
	padding:0 10px;

}

body.third #wrap2 #main #description h2 {
	margin: 0;
	padding-top: 5px;
	color:#7f5137;
	background: none;
	border: none;
	font-size:2.143em;
	font-weight:bold;
}

body.third ul.category {
	margin-top: 50px;
}

body.third #wrap2 #main h3.lower {
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px 0 10px 20px;
	background: url(../images/bg_clist01.jpg) no-repeat bottom left #fff;
	font-weight: normal;
}

body.third p {
}	
	
body.third #main p.information {
	margin:10px 10px 40px;
}

#main p.more {
	text-align: right;
}

#main ul.EntAuthor {
	clear: both;
	width:527px;
	background: url(../images/bg_author.jpg) repeat-x top;
	margin: 0 10px;
	padding: 14px 0 0;
	text-align: right;
}

#main ul.EntAuthor li {
	display: inline;
	margin-left: 1em;
	padding-left: 0;
	background: none;
}

#main ul.nextprev li {
	display: inline;
	background: none;
}

#main ul.nextprev li.prev {
	float: left;
}

#main ul.nextprev li.next {
	float: right;
}

#main ul.nextprev li.prev a {
	padding-left: 18px;
	background: transparent url(../images/a_l_b_w.png) no-repeat scroll center left;
}
#main ul.nextprev li.next a {
	padding-right: 18px;
	background: transparent url(../images/a_r_b_w.png) no-repeat scroll center right;
}

/* カタログ関連 */
body#catalog2 #wrap2 #main #description {
	height: 58px;
	min-height: 58px;
	padding:0 10px;

}

body#catalog2 #wrap2 #main #description h2 {
	margin: 0;
	padding-top: 5px;
	color:#7f5137;
	background: none;
	border: none;
	font-size:2.143em;
	font-weight:bold;
}

body#catalog2 #main h3 {
	padding-left: 10px;
	background: url(../images/bg_catalog_h3.gif) repeat-x;
	border: none;
	color: #fff;
	font-size:1.333em;
	font-weight:bold;
}

#main ul.catalogNews {
	margin: 35px 12px;
}
	
#main ul.catalogNews li {
	padding: 0;
	background: none;
	border-bottom: 1px dotted #000;
	line-height: 3;
}
	
#main ul.catalogNews li a {
	margin-left: 1em;
}
	
body#catalog #main ul.category li {
	float:left;
	width: 270px;
	margin: 0px 50px 10px 0px;
	padding: 10px 0px 10px 20px;
	background: url(../images/bg_clist01.jpg) no-repeat left bottom;
}
	
body#catalog #main ul.category li.left {
	margin-right: 80px;
}
	
body#catalog #main ul.category li.long {
	background: url(../images/bg_clist02.jpg) no-repeat left bottom;
}
	
body#catalog2 .map {
	float: left;
	width: 550px;
	padding-left: 10px;
	font-size: .833em;
}
	
body#catalog2 .list {
	float: right;
	width: 10em;
	padding-right: 20px;
	font-size: .833em;
	_line-height: 1;
}
	
	
body#catalog2 .list ul {
	margin: 20px 0;
	_line-height: 1;
}
	
body#catalog2 #main .list ul li.linkIcon01 {
	margin-bottom:5px;
	padding-left:10px;
	_padding-bottom: 5px;
	background:url(../images/icon_list.gif) no-repeat 0 .35em;
	font-weight: bold;
	_line-height: 1;
	border: 1px solid #fff;
	
}
body#catalog2 #main .list ul li.linkIcon01 a {
	padding: 0;
	background: none;
	font-weight: normal;
}
	
body#catalog2 table {
	clear: both;
	width: 680px;
	border-top:1px solid #B4B4B4;
	border-right:1px solid #B4B4B4;	
}

body#catalog2 table td {
	padding:5px;
	border-bottom:1px solid #B4B4B4;
	border-left:1px solid #B4B4B4;
	line-height: 1.5;
}

/* 検索結果 */
body#search .searchArea {
	margin: 20px;
	padding: 10px 50px;
	border: 1px solid #ccc;
}
	
body#search .searchArea dl dt {
	float: left;
	width: 5em;
	padding-left: 0px;
	background: none;
	font-weight: bold;
}
	
body#search .searchArea dl dd input {
	width: 300px;
}
	
body#search .searchArea dl dd select {
	margin-right: 0.3em;
}
	
body#search .searchArea p {
	width: 500px;
	text-align: center;
}

body#search .searchResult {
} 
	
body#search .searchResult dl dt {
	padding-left: 0;
	background: none;
	font-weight: bold;
}

body#search .searchResult dl dt a {
	color: #43240b;
}
/* mainエディタのカラー */
#main p.catch {
	color: #025200;
	font-weight: bold;
}
#main p.notice {
	color: #2C1707;
	font-weight: bold;
}
/* 追加研究紹介、災害最新情報 */
#main ul.catalogNews01 {
	margin: 5px 12px;
}
#main ul.catalogNews01 li {
	padding: 0;
	background: none;
	border-bottom: 1px dotted #000;
	line-height: 3;
}
	
#main ul.catalogNews01 li a {
	margin-left: 1em;
}


.eyeCaImg { /* .itemList #main内の段組用：アイキャッチ画像 */
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

#main .latest,
#main .all {
	margin-bottom: 20px;
}

#main .latest ol,
#main .all ol {
	list-style: none;
	margin: 0 1em;
}

#main .latest ol li,
#main .all ol li {
	border-bottom: 1px dotted #000;
}

#main .latest ul,
#main .all ul {
	list-style: none;
	overflow: hidden;
	margin: .5em 0;
}

#main .latest ul li,
#main .all ul li {
	border-bottom: 0 none;
	background: none;
}

#main .latest li.date,
#main .all li.date {
	float: left;
	clear: left;
}
#main .latest li.title,
#main .all li.title {
	margin-left: 11em;
}

/* Google検索 */
#cse-search-box{
	margin: 1px 5px 0 0;
}
#cse-search-results{
	width: 710px;
}

#cse-search-results iframe{
	width: 710px;
	padding: 0 10px;
}
.googleSubmit{
	width: 50px;
}

/* 記事段組用（追加） */

ul#boxList{
	margin:0;
	list-style:none;
	text-align:center;
}
/* 3カラム */
ul#boxList li{
	margin:0 20px 10px 0;
	padding:0 10px 10px 0;
	width:130px;
	float:left;
        list-style-type: none;
}

/*
ul#boxList li{
	margin:0 20px 10px 0;
	padding:0;
	width:130px;
	vertical-align:top;
	text-align:left;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

/* 回り込み解除 */
p.clearboth {
	clear:both;
}
/* 表組-01 */
#main #table-01 {
    width: 500px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

#main #table-01 th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
#main #table-01 td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}
/* リスト-01 */
dl.list01 dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 8.5em;
  padding-left: 15px;
  color: #000;
}

dl.list01 dd {
  margin-bottom: 0.8em;
  margin-left: 10em;
}
p.list01 {
background-color: #f5f5dc;
height:2em;
text-align: center;
margin-top: 0.8em;
}
/* buttun */
.button {
	display: inline-block;
	width: auto;
	height: 30px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	outline: none;
	color: #fff;
	padding: 5px;
	border: 1px solid #461200;
	background-color: #8d6041;
	background-image: -webkit-linear-gradient(top, #7f5137, #482e17);
	background-image: linear-gradient(to bottom, #7f5137, #482e17);
	border-radius: 4px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.button:hover {
	border:1px solid #300c00;
	background-color: #724b2e;
	background-image: -webkit-linear-gradient(top, #300c00, #300c00);
	background-image: linear-gradient(to bottom, #300c00, #300c00);
}
.button:active {
	background: #461200;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}
.button a{
text-decoration: none;
color:#fff
}
/* アンダーライン二重線 */
.double {
border-bottom: double #ccc 3px; 
}
#main2 .date img{
	float:right;
	margin: 0 -10px;
}
/* 英語用ページ */
p.news {
	color:#1f1f1f;
	font-size:0.98em;
	font-weight:bold;
}

.ethumbnail {
	float: right;
	margin: 0 0 .5em .5em;
}
.e-date {
	color:#1f1f1f;
	font-size:0.8em;
}
.alert-danger{
color:#a94442;
background-color:#f2dede;
border-color:#ebccd1
}
/* flex */
.flex-box {
    display: flex;
    flex-wrap:wrap;
	justify-content: space-around;
}
 
.flex-item {
	padding: 15px;
    color:  #fff; 
}
/* 地質図ライブラリー */
.exh {
	text-align: center;
	font-weight: bold;
	color:#fff;
	padding:5px;
	border-radius:4px;
	background:#0061BB;
}

.linkarrow  {
padding:0 20px;
background:url(../images/icon_localnavi.jpg) no-repeat 0 50%;
}
.indent {
text-indent: 1em;
}
.grid {
  display: grid;
  gap: 26px;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 6%;
  margin-bottom: 30px;
}

.well h4 {
    background-image: url(../images/r_a.png);
    background-repeat: no-repeat;
    background-size: 18px;
    margin-left: 0px;
    padding-left: 25px;
}