@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : stores.css
=================================================================== */

#mapNavi{
	margin: 20px 0 50px;

	overflow: hidden;
	_zoom: 1;
}
#mapNavi .clmL{
	float: left;
	width: 255px;
}
#mapNavi .clmR{
	float: right;
	width: 420px;
}
#mapNavi .clmR h3{
	padding: 0 0 3px 0;
	border-bottom: 1px solid #42210b;
}

.areaNavi{
	margin: 15px 0 0;
	overflow: hidden;
	_zoom: 1;
}
.areaNavi h4{
	margin: 0 0 10px;
	padding: 0 0 0 5px;
	border-left: 4px solid #42210b;
	border-bottom: 1px dotted #bca47f;
	color: #42210b;
}
.areaNavi h4 a{text-decoration: none;}
.areaNavi dl{
	padding: 0 0 5px;
	width: 50%;
	float: left;
	overflow: hidden;
	_zoom: 1;
}
.areaNavi dl dt{
	float: left;
	width: 40px;
}
.areaNavi dl dd{
	padding-left: 50px;
}
.areaNavi ul{
	font-size: 11px;
	overflow: hidden;
	_zoom: 1;
}
.areaNavi ul li{
	float: left;
	white-space: nowrap;
}

/*******************************/
.storeList{
	margin: 20px 0 0;
}
.storeList h4{
	padding: 5px 0 0 10px;
	border: 1px solid #ffa42c;
	border-top: none;
	background-color: #ffedd5;
	color: #42210b;
	font-weight: bold;
}
.storeList table.title{
	width: 100%;
	border: 1px solid #ffa42c;
	background-color: #ffa42c;
}
.storeList table.title th{
	padding: 5px;
	color: #fff;
	font-weight: bold;
	border-right:1px solid #FFFFFF;
	/font-size: 12px;
	/table-layout: fixed;
}
.storeList table.title th.last-child{
	border-right:1px solid #ffa42c;
}

.storeList table.title .storeName{
	/width: 154px;
}
.storeList table.title .telTitle{
	/width: 94px;
}
.storeList table.title .addressTitle{
	/width: 250px;
}
.storeList table.title .openTitle{
	/width: 104px;
}
.storeList table.title .partTitle{
	/padding: 5px 0;
	/width: 35px;
	/font-size: 12px;
}

.storeList table.data{
	width: 100%;
	border: 1px solid #ffa42c;
	border-top: none;
	font-size: 12px;
}
.storeList table.data th{
	padding: 5px;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;

	/width: 154px;
}
.storeList table.data td{
	padding: 5px;
	border: 1px solid #ffa42c;
	border-top: none;
	vertical-align: middle;
}
.storeList .tel{
	/width: 94px;
}
.storeList .address{
	/width: 234px;
}
.storeList .opentime{
	/width: 104px;
}
.storeList .parttime{
	color: #f63;
	text-align: center;
	font-size: 20px;

	/width: 25px;
}


/*******************************/

#storeDetail{
	width: 692px;
	position: relative;
}

#storeInfo{
	padding: 20px 0 0;
	overflow: hidden;
	_zoom: 1;
}
#storeInfo .lside{
	float: left;
}
#storeInfo .rside{
	float: right;
	width: 360px;
}
#storeInfo .rside h3{}
#storeInfo .rside table{
	margin: 20px 0 0;
}
#storeInfo .rside table th{
	width: 67px;
}
#storeInfo .rside table td{}
#btnFlier{
	position: absolute;
	top: 0;
	right: -274px;
}

#service{}
#service ul{
	margin: 15px 0 0;
	overflow: hidden;
	_zoom: 1;
}
#service ul li{
	padding: 0 15px 10px 0;
	float: left;
}
#map{
	width: 300px;
}
#map dl{
	margin: 20px 0 0;
	overflow: hidden;
	_zoom: 1;
}
#map dl dt{
	padding: 1px 6px;
	float: left;
	background-color: #997952;
	color: #fff;
	border-radius: 3px;
}
#map dl dd{
	padding: 1px 0 1px 80px;
	color: #42210b;
}
#gMap{
	margin: 10px 0 0;
	width: 100%;
	height: 320px;
}

#stores_pickup{
  margin:0 0 0 12px;/*5px 0 20px 20px*/
}
#message{
	margin: 20px 0 0;
}
#message hr{
  border: 0;
  border-bottom: 1px dotted #ccc;
}


#storeBanner{
	margin: 20px 0 0;
}
.bannerBody{
	margin: 10px 0 0;
	overflow: hidden;
	_zoom: 1;
}
#sideStoreFirst{
	margin: 225px 0 0;
}

.titleStore{
	padding: 8px 0 0 20px;
	background: url(../images/common/titleBg02L.gif) no-repeat 0 0;
	height: 34px;
	font-size: 22px;
	font-weight: bold;
	color: #42210b;
}

.titleShufoo{
	margin: 16px 0 0 0;
	padding: 8px 0 0 20px;
	background-color: #ffa42c;
	color: #fff;
	height: 34px;
	font-size: 22px;
	font-weight: bold;
}

.contentShufoo{
	border: 1px  solid #E4E4E4;
	width: 690px;
	height: 250px;
}

#storeFlyer{
	margin: 0 0 16px;
}
#storeFlyer dt{
	margin: 0 -17px;
	height: 187px;
	overflow: hidden;
}
#storeFlyer dt img{
	vertical-align: bottom;
}
#storeFlyer dd{
	border: 1px solid #c3b19b;
	border-top: none;
}
#storeFlyer dd ul{
	padding: 0 8px 8px;
}
#storeFlyer dd ul li{
	padding: 8px 0 0;
}
#storeFlyer dd ul li a{
	display: block;
	padding: 15px 0 12px;
	border: 4px solid #ccc;
	text-align: center;
	text-decoration: none;
	color: #333;
	font-size: 12px;
	font-weight: bold;
}
#storeFlyer dd ul li a:hover{
	background-color: #f0f0f0;
}