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

h2{
	font-size:18px !important;
	color:#fff;
	background-color:#62670B !important;
	border-bottom:3px solid #EACD30;
	padding:5px 10px !important;
	margin-bottom:5px !important;
	
}


div#aisatu{
	margin-bottom:20px;
}

div#aisatu p{
	font-size:18px;
	line-height: 160%;
	text-indent:1em;
	margin:0 10px 1em 10px;
}

div#aisatu strong{
	font-size:24px;
	line-height:160%;
	color:#FF3300;
}


div#master{
	height:100%;
	margin:10px 10px 20px 10px;
	padding:10px;
	background-color:#fff;
	border-top:1px solid #777;
	border-left:1px solid #777;
	border-right:2px solid #777;
	border-bottom:2px solid #777;
}

div#master h3{
	margin-bottom:5px;
	padding:2px;
	background-color:#339900;
	color:#fff;
	border-bottom: none;
}

div#master .left{
	float:left;
	width:30%;
}

div#master .right{
	float:right;
	width:70%;
}

div#master .rightName{
	font-size:16px;
	line-height:130%;
	margin-bottom:5px;
	color:#333;
	border-bottom:1px dashed #999;
}

div#master .rightBun{
	font-size:28px;
	color:#333;
	border-bottom:1px dashed #999;
	line-height:140%;
}


div#gaiyou{
	margin-bottom:0;
}

div#gaiyou table{
	width:100%;
}

div#gaiyou th{
	width:18%;
	padding:6px;
	font-size:16px;
	vertical-align:top;
	text-align:left;
	border-bottom:1px dashed #999;
	background-color:#F3F3F3;
}

div#gaiyou td{
	padding:6px;
	font-size:16px;
	line-height:140%;
	border-bottom:1px dashed #999;
	vertical-align:top;
}

div#gaiyou .gaikan{
	width:380px;
}


div#tool{
	margin-top:10px;
	margin-bottom:20px;
	padding-top:20px;
	background-color:#F3F3F3;
}

div#tool img{
	width:31.2%;
	margin:0 1% 1.5%;
}


div#map{
	margin-top:10px;
	margin-bottom:20px;
}

div#map .imgArea{
	float:left;
}

div#map .mapArea{
	float:right;
}

div#rinen{
	margin-bottom:40px;
}

div#rinen p{
	font-size:20px;
	text-decoration:underline;
	font-weight:bold;
	color:#FF3300;
	margin-top:15px;
}

div#rinen ol{
	margin-left:50px;
	margin-right:30px;
}

div#rinen li{
	font-size:18px;
	line-height:160%;
	margin-bottom:20px;
}

@media only screen and (max-width:1199px){
	div#master .right{
		width:60%;
	}
	
	div#map .imgArea{
		width:48%;
	}

	div#map .mapArea{
		width:48%;
	}
	
	div#map .imgArea img{
		width:100%;
	}
	
	div#map .mapArea iframe{
		width:100%;
		height:300px;
	}
}

@media only screen and (max-width:850px){
	div#master .left{
		width:330px;
	}

	div#master .right{
		width:100%;
	}
}

@media only screen and (max-width:650px){
	div#map .imgArea{
		float:none;
		width:100%;
		margin-bottom:10px;
	}

	div#map .mapArea{
		float:none;
		width:100%;
	}
}

@media only screen and (max-width:550px){
	div#master .left{
		float:none;
		width:100%;
		text-align: center;
	}

	div#master .right{
		float:none;
		width:100%;
	}
	
	div#master .rightBun{
		font-size:24px;
		line-height:130%;
	}
	
	div#gaiyou th{
		display: block;
		width:100%;
	}

	div#gaiyou td{
		display: block;
		width:100%;
	}
	
	div#rinen ol{
		margin-left:30px;
		margin-right:20px;
	}
}

@media only screen and (max-width:400px){
	div#tool img{
		width:48%;
		margin:0 1% 1.5%;
	}

}


@media only screen and (max-width:360px){
	h2{
		font-size:18px !important;
		padding:5px 10px !important;
	}
}