/*  フォントサイズ早見表

			77% = 10px	|	122% = 16px	|	167% = 22px	
			85% = 11px	|	129% = 17px	|	174% = 23px 
			92% = 12px	|	136% = 18px	|	182% = 24px 
			100% = 13px	|	144% = 19px	|	189% = 25px 
			107% = 14px	|	152% = 20px	|	197% = 26px 
			114% = 15px	|	159% = 21px	| 	

*/


/* ---------------------------------------------------------- */
/* BODY  */
/* ---------------------------------------------------------- */

body {
	background: #FFF;
}

/* ---------------------------------------------------------- */
/* wrapper */
/* ---------------------------------------------------------- */

@media screen and (min-width:651px) {
	#wrapper {
		margin: 0 auto;
		background: url(../images/wrap_bg.png) repeat-x;
		width: 1000px;
	}
}
@media screen and (max-width:650px) {
	#wrapper {
		margin: 0;
		background: url(../images/wrap_bg.png) repeat-x;
		width: 650px;/*tadashi*/
	}
}
/* ---------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------- */
@media screen and (min-width:651px) {
	header {
		margin: 0 auto;
		width: 1000px;/*tadashi*/
	}
	.head_navi {
		margin-top: 45px;
		float: right;
		font-size: 92%;
	}
	.head_navi a:link {
		color: #333;
		text-decoration: none;
	}
	.head_navi a:visited {
		color: #333;
		text-decoration: none;
	}
	.head_navi a:hover {
		color: #8FC31F;
		text-decoration: underline;
	}
	.head_navi a:active {
		color: #8FC31F;
		text-decoration: underline;
	}
}

@media screen and (max-width:650px) {
	header {
		margin: 0 auto;
		width: 650px;/*tadashi*/
	}
	.head_navi {
		display:none;
	}
}

.logo {
	margin: 20px auto;
	padding: 10px;
	float: left;
}

/* ---------------------------------------------------------- */
/* container */
/* ---------------------------------------------------------- */
@media screen and (min-width:651px) {
	#container {
		margin: 10px auto 20px;
		width: 1000px;/*tadashi*/
		position: relative;
	}
}
@media screen and (max-width:650px) {
	#container {
		margin: 10px auto 20px;
		width: 650px;/*tadashi*/
		position: relative;
	}
}

.head_img {
	margin-bottom: 20px;
}

/* ---------------------------------------------------------- */
/* sldr */
/* ---------------------------------------------------------- */
@media screen and (min-width:651px) {
	#menu{
		display:none;
	}

	#sldr {
		margin: 0;
		padding: 0;
		width: 310px;
		float: left;
		color: #555555;
	}

	/* menu ---------- */
	#sldr ul {
		margin: 0;
		padding: 10px;
		list-style: none;
		background: #E6E6E6;
	}
	#sldr ul li .small {
		font-size: 77%;
	}
	#sldr ul li a:link {
		padding: 20px 10px 20px 30px;
		width: 250px;
		width/*\**/: 290px\9;
		list-style: none;
		font-size: 100%;
		font-size/*\**/: 114%\9;
		color: #555555;
		text-decoration: none;
		background: url(../images/glblmenu_bg.png) no-repeat;
		display: block;
	}
	#sldr ul li a:visited {
		padding: 20px 10px 20px 30px;
		width: 250px;
		width/*\**/: 290px\9;
		list-style: none;
		font-size: 100%;
		font-size/*\**/: 114%\9;
		color: #555555;
		text-decoration: none;
		background: url(../images/glblmenu_bg.png) no-repeat;
		display: block;
	}
	#sldr ul li a:hover {
		padding: 20px 10px 20px 30px;
		width: 250px;
		width/*\**/: 290px\9;
		list-style: none;
		font-size: 100%;
		font-size/*\**/: 114%\9;
		color: #555555;
		text-decoration: none;
		background: url(../images/glblmenu_bg_ovr.png) no-repeat;
		display: block;
	}
	#sldr ul li a:active {
		padding: 20px 10px 20px 30px;
		width: 250px;
		width/*\**/: 290px\9;
		list-style: none;
		font-size: 100%;
		font-size/*\**/: 114%\9;
		color: #555555;
		text-decoration: none;
		background: url(../images/glblmenu_bg_ovr.png) no-repeat;
		display: block;
	}


	#sldr ul li.w_line a:link {
		padding: 12px 10px 12px 30px;
		width: 250px;
		width/*\**/: 290px\9;
		list-style: none;
		font-size: 100%;
		font-size/*\**/: 114%\9;
		color: #555555;
		text-decoration: none;
		background: url(../images/glblmenu_bg.png) no-repeat;
		display: block;
	}
	#sldr ul li.w_line a:visited {
		padding: 12px 10px 12px 30px;
		width: 250px;
		width/*\**/: 290px\9;
		list-style: none;
		font-size: 100%;
		font-size/*\**/: 114%\9;
		color: #555555;
		text-decoration: none;
		background: url(../images/glblmenu_bg.png) no-repeat;
		display: block;
	}
	#sldr ul li.w_line a:hover {
		padding: 12px 10px 12px 30px;
		width: 250px;
		width/*\**/: 290px\9;
		list-style: none;
		font-size: 100%;
		font-size/*\**/: 114%\9;
		color: #555555;
		text-decoration: none;
		background: url(../images/glblmenu_bg_ovr.png) no-repeat;
		display: block;
	}
	#sldr ul li.w_line a:active {
		padding: 12px 10px 12px 30px;
		width: 250px;
		width/*\**/: 290px\9;
		list-style: none;
		font-size: 100%;
		font-size/*\**/: 114%\9;
		color: #555555;
		text-decoration: none;
		background: url(../images/glblmenu_bg_ovr.png) no-repeat;
		display: block;
	}

	#sldr p.office {
		margin: 10px 10px 0;
		padding: 0;
		font-size: 100%;
		font-size/*\**/: 114%\9;
	}
	#sldr .counter {
		margin: 10px 0;
		padding: 9px;
		border: 1px solid #E6E6E6;
		font-size: 92%;
		color: #999999;
	}

}
@media screen and (max-width:650px) {
	#sldr{
		display:none;
	}
}

	.adrss {
		margin: 5px 10px;
		padding: 0;
		font-size: 92%;
		/*font-size: 100%;*/
		line-height: 1.5;
	}
	.adrss a:link {
		color: #555555;
		text-decoration: none;
	}
	.adrss a:visited {
		color: #555555;
		text-decoration: none;
	}
	.adrss a:hover {
		color: #8FC31F;
		text-decoration: underline;
	}
	.adrss a:active {
		color: #8FC31F;
		text-decoration: underline;
	}



/* ---------------------------------------------------------- */
/* home_contz */
/* ---------------------------------------------------------- */
#home_contz {
	margin: 0;
	width: 630px;
	float: right;
}

#home_contz h1.info {
	margin-bottom: 10px;
	padding: 8px 5px 12px 35px;
	width: 590px;
	font-size: 122%;
	line-height: 1.0;
	background: url(../images/h_bg_lrg.png) no-repeat;
	display: block;
}

.info_box {
	margin-bottom: 20px;
	padding: 0;
	font-size: 92%;
	font-size/*\**/: 100%\9;
	line-height: 1.6;
	background: url(../images/infobox_bg.png) repeat-y;
}
.info_box dl {
	padding: 0;
	clear: left;
	border-bottom: 1px solid #C5C5C5;
}
.info_box dt {
	padding: 10px 0 10px 25px;
	float: left;
	color: #333;
}
.info_box dd {
	margin-left: 160px;
	padding: 10px 10px 10px 0;
}
.info_box dd a:link {
	color: #2fb747;
	text-decoration: none;
}
.info_box dd a:visited {
	color: #2fb747;
	text-decoration: none;
}
.info_box dd a:hover {
	color: #2fb747;
	text-decoration: underline;
}
.info_box dd a:active {
	color: #2fb747;
	text-decoration: underline;
}

.to_list {
	margin: 0;
	padding: 0;
	width: 630px;
	text-align: right;
}


/* ---------------------------------------------------------- */
/* contz at others */
/* ---------------------------------------------------------- */

#contz {
	margin: 0;
	width: 630px;
	float: right;
}

/* contz list -------------------------------------------------- */

#contz h1 {
	margin-bottom: 10px;
	padding: 8px 5px 12px 35px;
	width: 590px;
	width/*\**/: 630px\9;
	font-size: 122%;
	line-height: 1.0;
	color: #333;
	background: url(../images/h_bg_lrg.png) no-repeat bottom;
	display: block;
}

h2.jnr_ttl {
	margin-bottom: 10px;
	padding: 8px 5px 12px 35px;
	width: 590px;
	width/*\**/: 630px\9;
	font-size: 122%;
	line-height: 1.0;
	background: url(../images/h_bg_lrg.png) no-repeat;
	display: block;
}

.block_list {
	margin-bottom: 20px;
	padding: 0;
	font-size: 85%;
	font-size/*\**/: 92%\9;
	line-height: 1.6;
	background: url(../images/infobox_bg.png) repeat-y;
}
.block_list dl {
	padding: 0;
	clear: left;
	border-bottom: 1px solid #C5C5C5;
}
.block_list dt {
	padding: 10px 0 10px 25px;
	float: left;
	color: #333;
}
.block_list dd {
	margin-left: 160px;
	padding: 10px 10px 10px 0;
}
.block_list a:link {
	color: #2fb747;
	text-decoration: none;
}
.block_list a:visited {
	color: #2fb747;
	text-decoration: none;
}
.block_list a:hover {
	color: #2fb747;
	text-decoration: underline;
}
.block_list a:active {
	color: #2fb747;
	text-decoration: underline;
}

.new {
	margin-right: 10px;
	color: #ff4500;
	font-weight: bold;
}




/* contz pages ------------------------------------------------- */

.bloc {
	width: 630px;
	margin-bottom: 20px;
}

h2.pg_ttl {
	margin-bottom: 10px;
	padding: 8px 5px 12px 35px;
	width: 590px;
	width/*\**/: 630px\9;
	font-size: 122%;
	line-height: 1.0;
	color: #333;
	background: url(../images/h_bg_lrg.png) no-repeat bottom;
	display: block;
}

h3.cntz_ttl {
	margin-bottom: 10px;
	padding: 10px 0 12px 0;
	width: 620px;
	width/*\**/: 630px\9;
	font-size: 107%;
	line-height: 1.0;
	color: #333;
	background: url(../images/h_bg_mid.png) no-repeat;
	display: block;
}

h3.foodstyle_ttl {
	margin:50px 0 10px;
	padding: 10px 0 12px 8px;
	width: 620px;
	width/*\**/: 630px\9;
	font-size: 107%;
	line-height: 1.0;
	color: #333;
	display: block;
	border-left:3px solid #90c31f;
	border-bottom:1px solid #ccc;
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#eefef1');
	background: -moz-linear-gradient(top, #ffffff, #eefef1); /* Firefox用 */
	background: -webkit-gradient(linear, top, bottom, from(#ffffff), to(#eefef1)); /* Safari,Google Chrome用 */
	background: -webkit-linear-gradient(top, #ffffff, #eefef1);
	background: -o-linear-gradient(top, #ffffff, #eefef1);
	background: linear-gradient(to bottom, #ffffff, #eefef1);
}

.text {
	font-size: 85%;
	font-size/*\**/: 107%\9;
	line-height: 1.8;
	color: #333;
	text-align: justify;
	text-justify: distribute;
}

.text a:link,
.text a:visited {
	color: #22B648;
	text-decoration: none;
}
.text a:hover,
.text a:active {
	color: #A0CA28;
	text-decoration: underline;
}

ol.ol_text {
	font-size: 85%;
	font-size/*\**/: 107%\9;
	line-height: 1.8;
	color: #333;
	text-align: justify;
	text-justify: distribute;
	padding:0 0 0 20px;
	margin:0;
}
	ol.ol_text li {
		list-style:decimal;
		padding:0;
		margin:0;
	}

ul.ul_text {
	font-size: 85%;
	font-size/*\**/: 107%\9;
	line-height: 1.8;
	color: #333;
	text-align: justify;
	text-justify: distribute;
	padding:0 0 0 20px;
	margin:0;
}
	ul.ul_text li {
		list-style:disc;
		padding:0;
		margin:0;
	}

h4.sub_head {
	margin-bottom: -10px;
	padding: 5px 0;
	width: 630px;
	font-size: 104%;
	line-height: 1.0;
	color: #333;
	background: url(../images/h_bg_sml.png) no-repeat;
	display: block;
}

h5 {
	margin-bottom: -20px;
	color: #8FC31F;
}

/* add_img ------------------------ */
.add_img {
	margin-bottom: 10px;
	padding: 0;
	width: 630px;
	text-align: center;
}

.add_img ul{
	padding: 0;
	list-style: none;
}

.add_img ul li {
	float: left;
	padding: 0 10px;
	padding/*\**/: 0\9;
	/*width: 180px;*/
	font-size: 77%;
	line-height: 1.8;
	color: #333;
	text-align: center;
	list-style: none;
}

/* files -------------------------- */
.files {
	/*margin: 30px 50px 0;*/
	padding: 15px 10px 15px 45px ;
	/*border: 1px solid #e5e5e5;*/
	font-size: 85%;
	font-size/*\**/: 92%\9;
	background: url(../images/files_bg.png) no-repeat;
}
.files a:link,
.files a:visited {
	color: #4488CC;
	text-decoration: none;
}
.files a:hover,
.files a:active {
	color: #A0CA28;
	text-decoration: underline;
}

.files img {
	vertical-align: middle;
}



/* links -------------------------- */
.links {
	margin: 30px 0 0;
	padding: 19px;
	border: 1px dotted #C5C5C5;
}

.links ul {
	padding: 0;
	font-size: 85%;
	list-style: none;
}

.links ul li {
	margin: 10px 0 0;
	padding: 0 0 9px 0;
	border-bottom: 1px dotted #C5C5C5;
	list-style: none;
}

.links ul li img {
	margin-right: 10px;
	vertical-align: middle;
}

.links ul li a:link {
	color: #333;
	text-decoration: none;
}
.links ul li a:visited {
	color: #333;
	text-decoration: none;
}
.links ul li a:hover {
	color: #C5C5C5;
	text-decoration: underline;
}
.links ul li a:active {
	color: #C5C5C5;
	text-decoration: underline;
}


/* ---------------------------------------------------------- */
/* text decorations and more */
/* ---------------------------------------------------------- */

strong {
	font-size: 107%;
}


.cli_path_bttn {
	width: 630px;
}

.cli_path_bttn dl {
	margin: 0;
	padding: 0;
}
.cli_path_bttn dd a {
	float: left;
	margin: 0 5px 5px 5px;
	padding: 10px 10px 14px 20px;
	width: 170px;
	width/*\**/: 200px\9;
	font-size: 85%;
	font-size/*\**/: 77%\9;
	list-style: none;
}
.cli_path_bttn dd a:link {
	color: #333;
	text-decoration: none;
	background: url(../images/cli_path_bttns_bg.png) no-repeat;
}
.cli_path_bttn dd a:visited {
	color: #333;
	text-decoration: none;
	background: url(../images/cli_path_bttns_bg.png) no-repeat;
}
.cli_path_bttn dd a:hover {
	color: #FFF;
	text-decoration: none;
	background: url(../images/cli_path_bttns_bg_ovr.png) no-repeat;
}
.cli_path_bttn dd a:active {
	color: #FFF;
	text-decoration: none;
	background: url(../images/cli_path_bttns_bg_ovr.png) no-repeat;
}



.prjct {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
.prjct ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.prjct ul li.prjct_ttl {
	width: 280px;/* add 20230220 */
	text-align:center;/* add 20230220 */
	margin-bottom: 2px;
	padding: 8px 0px;	/* chg 20230220 padding: 8px 113px;*/
	color: #FFF;
	list-style: none;
	background: url(../images/prjct_ttl_bg.png) no-repeat;
}
.prjct ul li {
	margin-bottom: 2px;
	padding: 10px 0 10px 115px;
	list-style: none;
	background: url(../images/prjct_li_bg.png) no-repeat;
}
.prjct a:link {
	color: #333;
	text-decoration: none;
}
.prjct a:visited {
	color: #333;
	text-decoration: none;
}
.prjct a:hover {
	color: #8FC31F;
	text-decoration: underline;
}
.prjct a:active {
	color: #8FC31F;
	text-decoration: underline;
}

.reslt {
	margin: 0 20px 0 0;
	padding: 0;
	float: left;
}
.reslt ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.reslt ul li.reslt_ttl {
	width: 280px;/* add 20230220 */
	text-align:center;/* add 20230220 */
	margin-bottom: 2px;
	padding: 8px 0px;	/* chg 20230220 padding: 8px 113px;*/
	color: #FFF;
	list-style: none;
	background: url(../images/reslt_ttl_bg.png) no-repeat;
}
.reslt ul li {
	margin-bottom: 2px;
	padding: 10px 0 10px 115px;
	list-style: none;
	background: url(../images/reslt_li_bg.png) no-repeat;
}
.reslt a:link {
	color: #333;
	text-decoration: none;
}
.reslt a:visited {
	color: #333;
	text-decoration: none;
}
.reslt a:hover {
	color: #8FC31F;
	text-decoration: underline;
}
.reslt a:active {
	color: #8FC31F;
	text-decoration: underline;
}



.scrlbak {
	margin: 5px 0 10px;
	padding: 13px 0;
	font-size: 85%;
	text-align: right;
	background: url(../images/bg_upscroll.png) no-repeat;
}



/* ---------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------- */

/* clear hack */
/*
#footer {zoom:1;}
#footer:after{content:" ";clear:both;height:0;display:block;visibility:hidden;font-size: 0.1em;}

#footer {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(../images/foot_bg.png) repeat-x;
}
#footer a:link {
	color: #555555;
	text-decoration: none;
}
#footer a:visited {
	color: #555555;
	text-decoration: none;
}
#footer a:hover {
	color: #8FC31F;
	text-decoration: underline;
}
#footer a:active {
	color: #8FC31F;
	text-decoration: underline;
}
*/

footer {zoom:1;}
footer:after{content:" ";clear:both;height:0;display:block;visibility:hidden;font-size: 0.1em;}

footer {
	margin: 0;
	padding: 0;
	width: 100%;
	background: url(../images/foot_bg.png) repeat-x;
}
footer a:link {
	color: #555555;
	text-decoration: none;
}
footer a:visited {
	color: #555555;
	text-decoration: none;
}
footer a:hover {
	color: #8FC31F;
	text-decoration: underline;
}
footer a:active {
	color: #8FC31F;
	text-decoration: underline;
}


@media screen and (min-width:651px) {
	.foot_inner {
		margin: 0 auto;
		padding: 15px 0 5px;
		width: 1000px;/*tadashi*/
		text-align: left;
		font-size: 85%;
		}
}
@media screen and (max-width:650px) {
	.foot_inner {
		margin: 0 auto;
		padding: 15px 0 5px;
		width: 650px;/*tadashi*/
		text-align: left;
		font-size: 85%;
		}
}

.copy {
	font-size: 77%;
	font-size/*\**/: 85%\9;
	line-height: 1.4;
	text-align: center;
}

/* ---------------------------------------------------------- */
/* foodstyle */
/* ---------------------------------------------------------- */
table.foodstyle_tbl {
	border:1px solid #ccc;
	border-collapse: collapse;
	margin:0 0 10px;
	font-size:14px;
}
	table.foodstyle_tbl tr th {
		border:1px solid #ccc;
		padding:5px;
		text-align:center;
		background:#fde6f0;
	}
	table.foodstyle_tbl tr td {
		border:1px solid #ccc;
		padding:5px;
	}
		table.foodstyle_tbl tr td.code1_td {
			width:50px;
		}
		table.foodstyle_tbl tr td.code2_td {
			width:90px;
		}
		table.foodstyle_tbl tr th.keitai_th {
			width:160px;
		}
	table.foodstyle_tbl + ul, 
	table.foodstyle_tbl + ul li {
		list-style:disc;
		margin:0;
		padding:0 0 10px 20px;
	}

#mapfiles ul {
	padding:0;
	margin:0;
}
#mapfiles ul li {
	padding:0;
	margin:0 40px 20px 0;
	width:280px;
	float:left;
}
	#mapfiles ul li:nth-child(2n) {
		margin:0 0 20px 0;
	}
	#mapfiles ul li input {
		margin:0 0 0 8px;
	}

.btn_area_01 {
	width:340px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	text-align:center;
}
.btn_area_02 {
	width:280px;
	margin:0 0 0 350px;
	padding:0;
	text-align:center;
}
	.btn_area_01 input {
		margin:0 14px 0 0;
		padding:10px 12px;
		font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; /* 基本文字設定 */
		font-size:14px;
		color:#FFF;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#67d6ea', endColorstr='#2b9cb0');
		background: -moz-linear-gradient(top, #67d6ea, #2b9cb0); /* Firefox用 */
		background: -webkit-gradient(linear, top, bottom, from(#67d6ea), to(#2b9cb0)); /* Safari,Google Chrome用 */
		background: -webkit-linear-gradient(top, #67d6ea, #2b9cb0);
		background: -o-linear-gradient(top, #67d6ea, #2b9cb0);
		background: linear-gradient(to bottom, #67d6ea, #2b9cb0);
		border:2px solid #1a97a6;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-shadow: 1px 1px 2px #666;
	}
	.btn_area_01 input + input {
		margin:0 0 0 0;
		padding:10px 12px;
		font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; /* 基本文字設定 */
		font-size:14px;
		color:#1b6674;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#a9e3ed', endColorstr='#7bc9d7');
		background: -moz-linear-gradient(top, #a9e3ed, #7bc9d7); /* Firefox用 */
		background: -webkit-gradient(linear, top, bottom, from(#a9e3ed), to(#7bc9d7)); /* Safari,Google Chrome用 */
		background: -webkit-linear-gradient(top, #a9e3ed, #7bc9d7);
		background: -o-linear-gradient(top, #a9e3ed, #7bc9d7);
		background: linear-gradient(to bottom, #a9e3ed, #7bc9d7);
		border:2px solid #1a97a6;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-shadow: 1px 1px 2px #FFF;
	}
	.btn_area_02 input {
		margin:0 0 0 0;
		padding:10px 12px;
		font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; /* 基本文字設定 */
		font-size:14px;
		color:#FFF;
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#abd952', endColorstr='#73a415');
		background: -moz-linear-gradient(top, #abd952, #73a415); /* Firefox用 */
		background: -webkit-gradient(linear, top, bottom, from(#abd952), to(#73a415)); /* Safari,Google Chrome用 */
		background: -webkit-linear-gradient(top, #abd952, #73a415);
		background: -o-linear-gradient(top, #abd952, #73a415);
		background: linear-gradient(to bottom, #abd952, #73a415);
		border:2px solid #48960f;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		text-shadow: 1px 1px 2px #666;
	}
		.btn_area_01 input:hover, 
		.btn_area_01 input + input:hover, 
		.btn_area_02 input:hover {
			opacity:0.7;
		}
hr.foodstyle_hr {
	border:none;
	border-top:1px dashed #000;
	height:1px;
}
/* ---------------------------------------------------------- */
/* oshirase */
/* ---------------------------------------------------------- */

section {
	clear:both;
	font-size: 85%;
	font-size/*\**/: 107%\9;
	line-height: 1.8;
	color: #333;
	text-align: justify;
	text-justify: distribute;
	white-space:pre-line;
}

section a:link,
section a:visited {
	color: #22B648;
	text-decoration: none;
}
section a:hover,
section a:active {
	color: #A0CA28;
	text-decoration: underline;
}

/* 問い合わせ
---------------------------------------------------------------------------*/
.toiawase{
  width:98%;
  /* border: 1px solid #d6ceb4;*/
　border-top:1px solid #ccc;
　border-bottom:1px solid #ccc;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.toiawase th{
  padding: 6px 8px 5px;
  padding-left:12px;
  /* border: solid 1px #d6ceb4;*/
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: normal;
  font-size: 1.0em;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #f0f1f1;
  font-family:Arial, sans-serif;

}
 
.toiawase td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
/* border-top: dotted 1px #e0dccc;*/
/* border: solid 1px #d6ceb4;*/
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
.tstyle{
	border:0;
	padding:5px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	/* color:#aaa;*/
	border:solid 1px #ccc;
	margin:0 0 10px;
	width:300px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tstyle2{
	border:0;
	padding:5px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	/* color:#aaa;*/
	border:solid 1px #ccc;
	margin:0 0 10px;
	width:380px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tstyle3{
	border:0;
	padding:5px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	/* color:#aaa;*/
	border:solid 1px #ccc;
	margin:0 0 10px;
	width:300px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.addrstyle{
	border:0;
	padding:5px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	/* color:#aaa;*/
	border:solid 1px #ccc;
	margin:0 0 10px;
	width:500px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.numstyle{
	border:0;
	padding:5px;
	font-size:1.0em;
	font-family:Arial, sans-serif;
	/* color:#aaa;*/
	border:solid 1px #ccc;
	margin:0 0 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/* メニューのスタイル */
.menu {
  position: fixed;
  top: 0;
  right: -100%; /* 初期状態では画面の外に隠れている */
  width: 300px;
  height: 100%;
  background-color: #fafad2;
  color: #333;
  transition: right 0.3s ease; /* スライドインのアニメーション */
  padding: 20px;
  box-sizing: border-box;
  z-index: 10;
}

/* メニューが開いているとき */
.menu.open {
  right: 0;
}

/* ボタンのスタイル */
.hamburger {
  position: fixed;
  top: 30px;
  right: 20px;
  width: 30px;
  cursor: pointer;
  z-index: 20;
}

.hamburger span {
  display: block;
  height: 3px;
  width: 100%;
  background-color: #333;
  margin: 5px 0;
  transition: 0.4s;
}

/* バツ印に変化するスタイル */
.hamburger.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 5px);
}

.hamburger.active span:nth-child(2) {
  opacity: 0;
}

.hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

/* メニューリストのスタイル */
.menu ul {
  list-style-type: none;
  padding: 0;
  margin-top: 80px;
}

.menu li {
  padding: 10px 0;
  border-bottom: 1px solid #444;
}

.menu li a {
  color: #333;
  text-decoration: none;
  display: block;
}


/* ページトップのボタン */
@media screen and (max-width:650px) {
	#page_top{
	  width: 50px;
	  height: 50px;
	  position: fixed;
	  right: 0;
	  bottom: 0;
	  background: #3f98ef;
	  opacity: 1;
	  z-index: 20;
	}
	#page_top a{
	  position: relative;
	  display: block;
	  width: 50px;
	  height: 50px;
	  text-decoration: none;
	}
	#page_top a::before{
	  font-family: 'Font Awesome 5 Free';
	  font-weight: 900;
	  content: '\f102';
	  font-size: 25px;
	  color: #fff;
	  position: absolute;
	  width: 25px;
	  height: 25px;
	  top: 0;
	  bottom: 0;
	  right: 0;
	  left: 0;
	  margin: auto;
	  text-align: center;
	}
}

@media screen and (min-width:651px) {
	#menu{
		display:none;
	}
}