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


/* -----------------------------
detail
----------------------------- */

.map_area{
	margin-top:40px;
	clear: both;
	line-height: 1.8;
	color: #555555;
}

.map_area .pix{
	width: 580px;
	float: left;
	text-align: center;
	position:relative;
}
.map_area .pix .btn{
	position:absolute;
	bottom:0;
	left:20px;
}

.map_area .dtl{
	float: right;
	width: 370px;
}
.map_area .dtl dl{
	margin-top: 5px;
	font-size:0;
}
.map_area .dtl dl dt,
.map_area .dtl dl dd{
	display: inline-block;
	font-size:12px;
	/display:inline;
	/zoom:1;
	border-top: 1px dotted #CCC;
	vertical-align: top;
	margin: 13px 0px 0px;
	padding: 13px 0px 0px;
}
.map_area .dtl dl dt.noline,
.map_area .dtl dl dd.noline{
	border:none;
	margin-top: 0;
	padding-top: 0
}

.map_area .dtl dl dt{
	width: 81px;
	text-align: center;
}
.map_area .dtl dl dt span{
	background: url(../../common/images/bg_dot.png);
	text-align: center;
	display:block;
}

.map_area .dtl dl dd{
	width: 278px;
	padding-left: 10px;
}

.map_area .dtl .btn{
	border-top: 1px dotted #CCC;
	vertical-align: top;
	margin: 13px 0px 0px;
	padding: 50px 0px 0px;
}


/* -----------------------------
map_rosen
----------------------------- */

.map_rosen{ clear:both; margin:30px 20px 0 20px;}
.map_rosen h3{
	background: url(../../common/images/bg_dot.png);
	padding: 8px 10px;
	color: #333;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-bottom: 20px;
	font-size:14px;
	font-weight:bold;
}
.map_rosen .pix{
	margin-bottom: 20px;
	margin-top: 20px;
	padding-top: 20px;
	border-top: 1px dotted #CCC;
}
.map_rosen p{ padding-left:20px;}


/* -----------------------------
map_google
----------------------------- */

.map_google{ margin-top:50px; clear:both;}
.map_google h3{
	background: url(../../common/images/bg_dot.png);
	padding: 8px 10px;
	color: #333;
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-bottom: 20px;
	font-size:14px;
	font-weight:bold;
}
.map_google #map{
	width:96%;
	height:500px;
	margin:0 auto;
}