@charset "utf-8";
/*
------------------*/

*{
	box-sizing:border-box;
}
img{
	max-width:100%;
}
/*body
------------------*/
body{
	margin:0px;
	padding:0px;
	background:#FFFFFF;
	color:#333;
	font-size:14px;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro" , sans-serif;
	line-height:1.5;
	text-align:left;
	background-image:none;
	-webkit-text-size-adjust: 100%;
}

/*wrapper
------------------*/
#WRAPPER{
	margin:0px auto;
	padding:0px;
}
#wrapper_inner{
	margin:0 auto;
}
.inner{
	width:100%;
	margin:0 auto;
	overflow:hidden;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
@media screen and  (max-width: 767px) {
}
@media screen and  (min-width: 768px) {
	.inner{
		max-width:960px;
	}
}


/*header
------------------*/
#header{
	padding:0 0px;
	margin:15px 0 0px 0;
	zoom:1;
	overflow:hidden;
}

#header #logo{
	float:left;
	height:80px;
	line-height:1;
	margin:0px 0 10px 0;
}
#headernavi{
	float:right;
	clear:right;
	overflow:hidden;
	zoom:1;
	margin:20px 0 0 0;
}

#headernavi ul{
	list-style:none;
	margin:0;
	padding:0;
	border-right:dotted 2px #AAA;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
#headernavi ul li{
	margin:0px 0px 0 0px;
	padding:0 0 0 0px;
	text-align:center;
}
#headernavi ul li a{
	display:block;
	padding:10px 20px;
	color:#333;
	font-size: clamp(1.05rem, calc(0.2vw + 1rem), 1.3rem);
  font-family: Trebuchet MS, "游ゴシック", Yu Gothic, "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", MS PGothic, sans-serif, serif, monospace;
}
@media screen and  (min-width: 768px) {
	#headernavi ul li{
		border-left:dotted 2px #AAA;
	}
	li.nav_home{
		display:none;
	}
}
@media screen and  (max-width: 767px) {
	#header #logo{
		float:none;
		height:60px;
		margin:0px 0px 0;
		text-align:center;
	}
	#headernavi ul{
		border:dotted 0px #AAA;
		border-top:dotted 1px #AAA;
	}
	#headernavi ul li{
		width:33.3%;
		border-bottom:dotted 1px #AAA;
		border-right:dotted 1px #AAA;
	}
	#headernavi ul li a{
		
	}
}

#TopicPath{
	margin:5px auto 10px auto;
	font-size:12px;
}
/*main
------------------*/
#main{
	clear:both;
	padding:0 0px;
	margin:0px auto 0px auto;
	zoom:1;
	overflow:hidden;
}

/*maincol
------------------*/
#maincol{
	overflow:hidden;
	margin:0px 0px 20px 0;
	background-color:#FFF;
	padding:00px 0 0 0;
}
/*totop
------------------*/
#totop{
	clear:both;
	margin-top:20px;
	line-height:40px;
	height:40px;
	text-align:right;
}
#totop a{
	text-decoration:none;
}
/*footer
------------------*/
#footer{
	clear:both;
	margin:0 auto;
	padding:0px 0 0 0;
	overflow:hidden;
}
#footer .inner{
	overflow:hidden;
}
#footernavi{
	padding:10px 0 0px 0;
	overflow:hidden;
	background-color:#63c800;
}

#footernavi ul {
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
#footernavi ul li{
	padding:0px 0 0px 10px;
	margin:0px 0 5px 0;
	display:inline-block;
	color:#FFF;
}
#footernavi ul li:before{
	content:'|';
	padding:0 1em 0 0;
}
#footernavi ul li:first-child:before{
	content:'';
}
#footernavi ul li a{
	color:#FFF;
}
#footernavi ul li a:hover{
	color:#546D4C;
}
@media screen and  (max-width: 767px) {
	#footernavi ul{
		display:none;
	}
}

#toiawase{
	background-color:#f1ffe3;
	border-bottom:1px #63c800 solid;
	padding:30px 10px;
}
#toiawase dl{
	overflow:hidden;
	max-width:740px;
}
#toiawase dt{
	color:#20800D;
	font-weight:bold;
	font-size:1.2em;
	margin:0 0 1em 0;
}
#toiawase dd{
	margin:0 0 0 5em;
	float:left;
}
#copyright{
	clear:both;
	padding:5px 0;
}
#copyright p{
	text-align:center;
	padding:0px;
	margin:0 auto;
	color:#000;
	font-size:smaller;
}