#mapDetail {
	height: 100%;
	width: 100%;
	text-align: center;
	color: #FFF;
	display:-webkit-box;
	-webkit-box-align:center;

}
#mapDetail #map {
	display:-webkit-box;
	margin: auto;
	height: 240px;
	width: 320px;
}
.map-button button, .map-button input[type=button],
.map-button input[type=reset], .map-button input[type=submit] {
	-webkit-box-shadow: inset 0 1px 3px #F1F1F1, inset 0 -15px #DFDFDF, 1px 1px 2px #E7E7E7;
}
.map-button button:hover, .map-button input[type=button]:hover,
.map-button input[type=reset]:hover, .map-button input[type=submit]:hover {
	-webkit-box-shadow: inset 0 1px 3px #e1e1e1, inset 0 -15px #cfcfcf, 1px 1px 2px #E7E7E7;
}
.map-button button:active, .map-button input[type=button]:active,
.map-button input[type=reset]:active, .map-button input[type=submit]:active	{
	background: #ccc;
	padding: 6px 20px 4px;
}
.map-button a,.map-button-short a{
	width: 200px;
	padding: 0.1em 0px;
	margin: 0.5em;
	/* ▼枠線 */
	border-style: solid;
	border-width: 1px;
	border-color: #ccc #999 #999 #ccc;
	-webkit-border-radius: 5px; /* Chrome,Safari */
	text-decoration: none;
	text-align: center;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
	font-size: 22px;
	font-weight: bold;
	display: block;
}
.map-button-short a{
	width: 50px;
	float: left;
}
.map-button,.map-button-short{
	display:block;
	float: left;
	
}
#footer-box{
	margin:auto;
	width: 400px;
}