/**
 * contact.css
 */

/* index
--------------------------------------------------*/
body#contact #contactArea h2 {
	margin-bottom: 20px;
}
body#contact #contactArea h2 br {
	display: none;
}
body#contact #contactArea dl {
	margin-bottom: 30px;
}
body#contact #contactArea dl dt {
	float: left;
}
body#contact #contactArea dl dd {
	margin-left: 65px;
}
body#contact #contactArea .link {
	margin-top: 30px;
}
body#contact #contactArea .link a {
	text-decoration: underline;
}
body#contact #contactArea #mapArea {
	position: relative;
	height: 480px;
}
body#contact #contactArea #mapArea .zoom {
	position: absolute;
	top: 5px;
	left: 5px;
}
body#contact #contactArea #mapArea .zoom li {
	overflow: hidden;
	width: 18px;
	height: 18px;
	background-repeat: no-repeat;
	background-position: center top;
	text-indent: -5260px;
	cursor: pointer;
}
body#contact #contactArea #mapArea .zoom li.zoomup {
	background: url(../imgs/contact/icon-zoomup.png);
}
body#contact #contactArea #mapArea .zoom li.zoomdown {
	background: url(../imgs/contact/icon-zoomdown.png);
}
html.retina body#contact #contactArea #mapArea .zoom li {
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
}
html.retina body#contact #contactArea #mapArea .zoom li.zoomup {
	background-image: url(../imgs/contact/icon-zoomup@x2.png);
}
html.retina body#contact #contactArea #mapArea .zoom li.zoomdown {
	background-image: url(../imgs/contact/icon-zoomdown@x2.png);
}
body#contact #contactArea #map {
	height: 480px;
}
body#contact #contactArea #map img {
	 max-width: none;
}



/* SP
--------------------------------------------------*/
@media only screen and (max-width:640px) {
	body#contact #contactArea {
		padding-bottom: 105px;
		background: url(../imgs/contact/bg-contact.jpg) no-repeat left bottom;
		-webkit-background-size: 270px 75px;
		background-size: 270px 75px;
	}
	body#contact #contactArea h2 br {
		display: block;
	}
	body#contact #contactArea dl,
	body#contact #contactArea .link {
		font-size: 83.3%;
	}
	body#contact #contactArea #mapArea {
		height: 240px;
	}
	body#contact #contactArea #mapArea .zoom {
		position: absolute;
		top: 50%;
		left: 5px;
		margin-top: -38px;
	}
	body#contact #contactArea #mapArea .zoom li {
		width: 37px;
		height: 38px;
	}
	body#contact #contactArea #mapArea .zoom li.zoomup {
		background: url(../imgs/contact/sp/icon-zoomup.png) !important;
		-webkit-background-size: 37px 38px !important;
		background-size: 37px 38px !important;
	}
	body#contact #contactArea #mapArea .zoom li.zoomdown {
		background: url(../imgs/contact/sp/icon-zoomdown.png) !important;
		-webkit-background-size: 37px 38px !important;
		background-size: 37px 38px !important;
	}
	body#contact #contactArea #map {
		height: 240px;
	}
	body#contact #contactArea dl dd {
	margin-left: 55px;
}
}