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


/****************************************

          地図とアクセス

*****************************************/

#access_area{
	width: 940px;
	margin: 0 auto;
	margin-bottom: 40px;
}

#googlemap{
width: 700px;
height: 500px;
border: 10px #fff solid;
box-shadow: 0 0 8px gray;
margin: 0 auto;
margin-bottom: 30px;
}
.mapframe{
	width: 700px;
	height: 500px; 
}
.traffic{
width: 700px;
margin: 0 auto;
margin-bottom: 100px;
justify-content: center;
}
.traffic ul{
	width: 35%;
	margin: 5%;
}

.traffic ol{
	color:#15A144;
	padding-bottom: 5px;
	border-bottom: 1px solid #8AC12D;
	margin-bottom: 10px;
	font-size: 140%;
}
.traffic li{
	font-size: 110%;
	color:#333;
	position: relative;
	padding-left: 17px;
}
.traffic li::before{
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	background: url(../../access/image/dot_green.png);
	background-size: 14px 14px;
	top:1px;
	left: 0px;
}


/****************************************

         インフォメーション

*****************************************/
.info_area{
	width: 700px;
	margin: 0 auto;
	text-align: center;
}
.omachi img{
	width: 50%;
}

.info_box{
	text-align: left;
	width: 640px;
	border: 2px solid #f09500;
	padding: 30px;
}

.info_l{
	width: 40%;
	margin-right: 7%;
}
.info_l img{
	width: 100%;
	padding: 3px;
	border: 1px solid #333;
}

.info_r{}
.info_r .adress{
	font-size: 110%;
	color: #42210B;
}
.info_r .adress span{
	display: block;
	color: #DF2142;
	font-weight: bold;
}
.info_r .tel{
}
.info_r .tel dl{
}
.telup{
	font-size: 110%;
	color: #42210B;
	font-weight: bold;
}
.info_r .tel dt {
	display: inline-block;
	font-size: 210%;
}
.info_r .tel dt a{
	color: #15A144;
}
.info_r .tel dt a:hover{
	color: #2ECC71;
}
.info_r .tel dd{
	display: inline-block;
	color: #fff;
	background: #15A144;
	padding: 0px 5px 0px 5px;
}
.info_r .mail{
	text-align: center;
	border: 1px solid #333;
	padding: 5px;
	border-radius: 5px;
}
.info_r .mail :hover{
	color: #2ECC71;
}