@charset "utf-8";


/* =import 
----------------------------------------------*/
@import url(reset.css);
@import url(layout.css);
@import url(list.css);
@import url(detail.css);


/* hn
------------------------------------------- */
h1{
position:absolute;
top:50px;
left:0;
}
h2{
position:absolute;
top:9px;
left:0;
font-weight:100;
font-size:90%;
color:#6c7316;
}
h3{
	margin-bottom:20px;
	}
h3#toptitle{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:280%;
	margin:0 0 50px 0;
	font-weight:100;
	letter-spacing:0.1em;
	line-height:1.1em;
	color:#666f52;
	}
#topmessage{
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:140%;
	margin:-13px 0 20px 0;
	font-weight:100;
	letter-spacing:0.1em;
	line-height:1.1em;
	color:#666f52;
	}


/* link
------------------------------------------- */
a:link{ color:#7d9121; text-decoration:underline; }
a:hover{ color:#7d9121; text-decoration:none; }
a:visited{ color:#7d9121; text-decoration:underline; }

/* common
------------------------------------------- */
.section{
width:100%;
height:auto;
overflow:hidden;
margin-bottom:25px;
text-align:left;
}
.section p{
margin-bottom:20px;
}
.caution{
	color:#556a23;
	}
.section .center{
text-align:center;
}


/* g-navi
------------------------------------------- */
#gnavi{
	width:100%;
	height:61px;
	position:absolute;
	bottom:27px;
	left:0;
	}
#gnavi li{ float:left; }

#gnavi li a{
	display:block;
	height:61px;
	text-indent:-300px;
	overflow:hidden;
	}
#gnavi li a:hover{
     filter: alpha(opacity=95);
    -moz-opacity:0.95;
    opacity:0.95;
	}

#gnavi li.navi01 a{ width:113px; background:url(../images/g-navi01.gif) no-repeat 0 0; }
#gnavi li.navi02 a{ width:113px; background:url(../images/g-navi02.gif) no-repeat 0 0; }
#gnavi li.navi03 a{ width:112px; background:url(../images/g-navi03.gif) no-repeat 0 0; }
#gnavi li.navi04 a{ width:112px; background:url(../images/g-navi04.gif) no-repeat 0 0; }
#gnavi li.navi05 a{ width:112px; background:url(../images/g-navi05.gif) no-repeat 0 0; }
#gnavi li.navi06 a{ width:113px; background:url(../images/g-navi06.gif) no-repeat 0 0; }
#gnavi li.navi07 a{ width:112px; background:url(../images/g-navi07.gif) no-repeat 0 0; }
#gnavi li.navi08 a{ width:112px; background:url(../images/g-navi08.gif) no-repeat 0 0; }
#gnavi li.navi05_ a{ width:112px; background:url(../images/g-navi05_.gif) no-repeat 0 0; }

/* sub-navi
------------------------------------------- */
#sub{
	position:absolute;
	top:80px;
	right:0;
	}
#sub li{ float:left; }
#sub li a{ display:block; padding:0 15px 0 25px; color:#888b5f; text-decoration:none; }
#sub li.sub01 a{ background:url(../images/suv-icon01.gif) no-repeat 0 2px; }
#sub li.sub02 a{ background:url(../images/suv-icon02.gif) no-repeat 0 2px; }
#sub li.sub03 a{ background:url(../images/suv-icon03.gif) no-repeat 0 2px; }
#sub li.sub04 a{ background:url(../images/suv-icon04.gif) no-repeat 0 2px; }


/* topbox
------------------------------------------- */
#topbox{
	position:absolute;
	top:25px;
	right:15px;
	}
#topbox span{
	color:#888b5f;
	padding-right:8px;
	}


/* info
------------------------------------------- */
#info .news{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:left;

	}
#info .news .top_news_ttl{
	text-align: center;
		}

#info .news ul{
padding-bottom: 20px;
margin-bottom: 60px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;

}
#info .news ul li{
width:24%;
padding:0;
flex-shrink: 0;
margin:0 0.5% 25px;
}

#info .news ul li a{
text-overflow: ellipsis;
text-decoration: none;
padding: 10px;
display: block;
height:100%;
background: #f9f9f5;
}
#info .news ul li a i{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
height: 160px;
overflow: hidden;
}
#info .news ul li a i img{
flex-shrink: 0;
	    width: 100%;
}
#info .news ul li a strong{
  display: block;
}
#info .news ul li a span{
display: inline-block;
padding: 2px 0;
text-align: center;
font-size: 90%;
background: #77825b;
color: #FFF;
margin-right: 20px;
width: 70px;
  margin-bottom: 10px;
 }
#info .news ul li a time{

}
#info .news ul li a:hover{
}
#info .news ul li a:hover img{
 opacity: .7;
}


#info #banner{
	width:100%;
	}
#info #banner li{
	float:left;
  width: 430px;
	margin:0 40px 40px 0;
  background: #FFF;
	}
#info #banner li:nth-child(2n){
	margin-right:0;
	}
#info #banner li a:hover{
  opacity: .7;
}


/* sitemap
------------------------------------------- */
#sitemap{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:left;	
	}
#sitemap dl{
	width:275px;
	float:left;
	padding-top:20px;
	}
#sitemap dl.mid{
	width:290px;
	}
#sitemap dl dt{
	float:left;
	padding-left:20px;
	}
#sitemap dl dd{
	width:140px;
	float:right;
	border-left:#b8bba9 solid 1px;
	padding-left:20px;
	}
#sitemap dl.mid dd{
	width:110px;
	}
#sitemap dl dd a{
	color:#77825b;
	background:url(../images/allow.png) no-repeat 0 5px;
	padding:0 0 0 15px;
	text-decoration:none;
	}
#sitemap dl dd li{
	padding:5px 0;
	white-space:nowrap;
	}

/* table
------------------------------------------- */
.table01{
width:720px;
margin:0 auto 50px auto;
text-align:left;
}
.table01 th{
border-bottom:#666666 dotted 1px;
padding:20px 25px;
min-width: 140px;
}
.table01 td{
border-bottom:#cccccc dotted 1px;
padding:20px 25px;
}
.table01 textarea{
width:100%;
height:300px;

}
table strong{
	color:#556a23;
}





/* table02 */
.table02{
width:350px;
margin:0 auto 50px auto;
text-align:left;
font-size:14px;
}
.table02 th{
border-bottom:#cccccc dotted 1px;
padding:10px 10px;
}
.table02 td{
border-bottom:#cccccc dotted 1px;
padding:10px 10px;
}
.midi{ width:680px; }


/* table03 */
.table03{
width:720px;
margin:0 auto 50px auto;
text-align:left;
}
.table03 th{
border-bottom:#666666 dotted 1px;
padding:10px 10px;
}
.table03 td{
border-bottom:#cccccc dotted 1px;
padding:10px 10px;
}
.table03 textarea{
width:100%;
height:300px;

}
table strong{
	color:#556a23;
}



/* fb */
#facebook-ja{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:left;
	margin:0 0 30px 0;
	}


/* 202205追加 */
.caution{
	text-align: left;
	margin-bottom: 50px;
	font-size: 14px;
	line-height: 1.75em;
	color: #6c5b52;
	background: #fff;
	padding: 30px;
}