@charset "shift_jis";
html, body {
	width: 100%;
	height: 100%;
}
div#map {
	width: 100%;
	height: 100%;
}
div.homeBox {
	text-align: center;
	width: 100%;
}
div.homeBoxInner {
	width: 280px;
	margin: 0 auto;
}
div#searchBox {
	border: 1px solid #CCC;
	border-bottom: none;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0.8)));
	padding: 1px 5px;
	overflow: hidden;
	text-align: center;
}
div#searchBox #searchQuery {
/*	float: left; :*/
	width:12em;
	height: 17px;
	font-size: 12px;
}
div#searchBox #searchBtn {
/*	float: left; :*/
	margin-left: 3px;
}
.buttonType {
	font-size: 11px;
	height: 2em;
	line-height:2em;
	padding: 4px 5px;
/*	display: block; */
	-webkit-border-radius: 5px;
/*	background: -webkit-gradient(linear, left top, left bottom, from(rgba(216,248,207,0.8)), to(rgba(102,204,0,0.8))); */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(245,245,245,0.8)), to(rgba(200,200,200,0.8))); 
	border: 1px solid #CCC;
	color: #333;
	text-decoration: none;
}
.cpLink {
	font-size: 11px;
	width: 5.5em;
	height: 2em;
	line-height:2em;
	display: block;
	float: right;
	border: 1px solid #666;
	-webkit-border-radius: 5px;
/*	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,209,140,0.8)), to(rgba(255,153,0,0.8)));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(216,248,207,0.8)), to(rgba(151,236,130,0.8))); */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,0.8)), to(rgba(120,120,120,0.8))); 
	color: #333;
	text-decoration: none;
}
div#distanceBox {
	clear: both;
	font-size: 12px;
	padding: 1px;
	border: 1px solid #CCC;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0.8)));
	padding: 1px;
	-webkit-border-bottom-left-radius: 10px;
}
p#distInfo {
	padding: 2px;
	line-height: 1.1;
	background: #69C;
	color: #FFF;
	font-weight:700;
}
p#distList {
	padding: 2px;
}
#backButton {
	margin-right: 10px;
}
div#distanceBox ul {
	padding: 1px 1px 1px 1px;
}
div#distanceBox li {
	float: left;
	margin: 1px;
}
div#distanceBox li a {
	width: 4em;
	height: 2em;
	line-height:2em;
	display: block;
	border: 1px solid #666;
	-webkit-border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(216,248,207,0.8)), to(rgba(102,204,0,0.8)));
/*	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(200,200,200,0.8)));*/
	color: #333;
	text-decoration: none;
}
.clear {
	clear: both;	
}
#displayBox {
	display:none;
}