@charset "utf-8";
/* アクセス */

#access h1 {
	background-image: url(../../access/images/hl_01.gif);
}

#access h2 {
	background-image: url(../../access/images/hl_02.gif);
}

/* 詳細地図 */

#access #mainview {
	height: auto;
}

#access .areamap {
	width: 1000px;
	background-color: #77695d;
	margin: 0 auto;
	padding: 20px 0;
}

#access .areamap img {
	display: block;
	margin: 0auto;
}

#access #mainview p {
	width: 1000px;
	display: block;
	height: 44px;
	line-height: 44px;
	margin: 0 auto;
	background-color: #77695d;
	text-align: center;
	color: #dbd8d8;
	border-top: 1px solid #0d0f0c;
}

#access #mainview p strong {
	font-weight: normal;
	letter-spacing: 2px;
}

/* アクセス方法 */

#access .course {
	height: 680px;
}

#access .course .image_photo {
	float: left;
}

#access .course dl {
	float: right;
	width: 670px;
	height: auto;
}

#access .course dl dt {
	margin-bottom: 12px;
}

#access .course dl dd {
	margin-bottom: 45px;
}

#access .course dl dt.train {
	background-image: url(../../access/images/hl_train.gif)
}

#access .course dl dt.car {
	background-image: url(../../access/images/hl_car.gif)
}

#access .course h3 {
	background-image: url(../../access/images/hl_03.gif);
}

#access .course h3,
#access .course p {
	clear: both;
}

/* 観光スポット */

#access .leisure {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}

#access .leisure h3 {
	background-image: url(../../access/images/hl_04.gif);
}

#access .leisure #map {
	width: 1000px;
	height: 590px;
	display: block;
	margin-bottom: 34px;
}

#access .leisure .photo_list li {
	width: 150px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 0;
	font-size: 13px;
	color: #e4e5e4;
	line-height: 1.7;
}

#access .leisure .photo_list h4 {
	font-size: 16px;
	margin-bottom: 10px;
}

#access .leisure .address {
	color: #bab7b7;
	font-size: 0.9em;
	
}

#access .leisure .photo_list img {
	margin-bottom: 10px;
}

#access .leisure .photo_list li.point01 h4 {
	color: #94d7ef;
}

#access .leisure .photo_list li.point02 h4 {
	color: #f9dc83;
}

#access .leisure .photo_list li.point03 h4 {
	color: #85bbec;
}

#access .leisure .photo_list li.point04 h4 {
	color: #f19b96;
}

#access .leisure .photo_list li.point05 h4 {
	color: #99c74a;
}

#access .leisure .photo_list li.point06 h4 {
	color: #d4ba81;
}

@media screen and (max-width: 768px) {
	

#access .leisure .photo_list li,
#access .leisure .photo_list h4,
#access .leisure .address {
	font-size: 0.9em;
}

}