@charset "Shift-JIS";


/* ===== ----- メイン ----- ===== */

.map {
	margin: 20px 10px 40px 10px;
}

.shopLt,
.shopRt {
	padding: 0px 10px;
}

.shopList {
	width: 100%;
}

.shopList li {
	padding-bottom: 8px;
	border-bottom: 1px solid #dddddd;
}

.shopList li a {
	display: block;
	padding-top: 8px;
}

.shopLt h3,
.shopRt h3 {
	font-size: 80%;
	color: #ffffff;
	margin: 30px 0px 10px 0px;
	padding-left: 10px;
}

.shopLt h4,
.shopRt h4 {
	font-size: 110%;
}

.eatSp { background-color: #ff7f00; }
.sweetsSp { background-color: #f26bac; }
.lifeSp { background-color: #1dacd8; }
.healthSp { background-color: #49b70f; }

/* ===== ----- ショップ詳細 ----- ===== */

.shopInfoLt,
.shopInfoRt {
	padding: 0px 10px 20px 10px;
}

.shopInfo {
	margin: 20px 0px 10px 0px;
	border-bottom: 1px dotted #cccccc;
}

.shopInfo dt {
	float: left;
	width: 25%;
	background-color: #daecf3;
	clear: both;
	border-top: 1px dotted #cccccc;
	margin: 4px 0px;
	padding: 5px 0px 5px 5%;
}

.shopInfo dd {
	float: right;
	width: 65%;
	word-wrap: break-word;
	border-top: 1px dotted #aaaaaa;
	margin: 4px 0px;
	padding: 5px 0px 5px 5%;
}

.shopDet h3 {
	background-color: #cee4ad;
	font-size: 90%;
	color: #304c08;
	margin: 30px 0px 15px 0px;
	padding: 0px 0px 0px 20px;
	border: 3px solid #cee4ad;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.shopInfoLt h4,
.shopInfoAll h4 {
	font-size: 90%;
	color: #189cef;
	padding: 20px 0px 8px 0px;
}