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

/* ページ見出し */
div#maincontent h2{
	margin-top:24px;
	margin-left:55px;
	font-size:40px;
	font-weight:500;
	color:#7CCBDE;
}

/* 左側の情報 */
div#maincontent div#info1{
	width:480px;
	margin-top:10px;
	margin-bottom:20px;
	margin-left:55px;
	float:left;
}

div#maincontent div#info1 dl {
	line-height:40px;
}
div#maincontent div#info1 dt {
	color:#7CCBDE;
	font-size:16px;
	float:left;
	clear:left;
}
div#maincontent div#info1 dd {
	float:left;
	width:380px;
	color:#595757;
	font-size:16px;
}

/* 右側の情報 */
div#maincontent div#info2{
	width:370px;
	margin-top:10px;
	margin-bottom:20px;
	float:left;
}
div#maincontent div#info2 h4{
	font-size:20px;
	font-weight: 500;
	color:#7CCBDE;
	padding-bottom: 5px;
}
div#maincontent div#info2 dl {
	line-height:30px;
}
div#maincontent div#info2 dt {
	color:#7CCBDE;
	font-size:16px;
	float:left;
	clear:left;
}
div#maincontent div#info2 dd {
	float:left;
	width:350px;
	color:#595757;
	font-size:16px;
}

/* 写真 */
div.image_area{
	width:840px;	
	margin-left: auto;
	margin-right: auto;
}
div.image_area div.image_box:first-of-type{
	float: left;
}
div.image_area div.image_box{
	float: right;
}
div.image_area div.image_box dl{
	padding-bottom: 12px;
}
div.image_area div.image_box dl dt,
div.image_area div.image_box dl dd{
	display: inline;
	padding-top: 3px;
	padding-bottom: 3px;
}
div.image_area div.image_box dl dt{
	color:#7CCBDE;
}
div.image_area div.image_box dl dd{
	color:#595757;
}
@media screen and (max-width:960px) { 
	div.image_area{
		width:90%;	
		margin-left: auto;
		margin-right: auto;
	}
	div.image_area div.image_box{
		float: none;
	}
	div.image_area div.image_box img{
		width:100%;
		height: auto;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 5px;
	}
}

/* 地図 */
div#maincontent div#gmap{
	width:840px;
	margin-top:30px;
	height:700px;
	margin-left:55px;
}
div#maincontent div#to_lmap{
	margin-top:10px;
	margin-bottom:50px;
	margin-left:55px;
}
div#maincontent div#to_lmap a{
	color:#7CCBDE;
}

@media screen and (max-width:960px) { 
	/* ページ見出し */
	div#maincontent h2{
		margin-left:40px;
		padding-top:30px;
		font-size:32px;
	}
	
	/* 左側の情報 */
	div#maincontent div#info1{
		width:400px;
		margin-left:40px;
		margin-right:0px;
		clear:both;
	}
	
	/* 右側の情報 */
	div#maincontent div#info2{
		width:400px;
		margin-left:40px;
		margin-right:0px;
		clear:both;
	}
	div#maincontent div#info2 h4{
		width:400px;
		clear:both;
	}
	div#maincontent div#info2 dl {
		width:400px;
		clear:both;
	}
	
	/* 地図 */
	div#maincontent div#gmap{
		width:400px;
		height:300px;
		margin-left:auto;
		margin-right:auto;
	}
}