@charset "UTF-8";

@import url("base/font.css");
@import url("base/reset.css");

@import url("common.css");
@import url("layout.css");

@import url("print.css");


/* /////////////////////////////////////////////////////////////////////////// TOPPAGE */

/* ----------------------------------------------------- MainArea */
#section{
	width: 625px;
	float: left;
}

.heighlight{
	background-color: #fff;
}

/* ----------------------------------------------------- List */
#result p{
	margin-bottom: 15px;
	font-weight: bold;
}

#result p strong{
	padding-right: 4px;
	font-size: 117%;
	color: #f60;
}

#result table{
	margin-bottom: 30px;
	border-top: 2px solid #ccc;
	width: 100%;
}

#result th, #result td{
	padding: 3px 4px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc;
}

#result th{
	font-weight: bold;
}

#result th.shopname{
	width: 18.8%;
}

#result th.address{
	width: 22%;
}

#result td.products{
	width: 7.4%;
}


/* ----------------------------------------------------- ShopInfo */
#shopInfo h2{
	margin-bottom: 7px;
	padding: 7px 10px 4px 10px;
	border-bottom: 3px solid #409d27;
	background: url(images/headline_bg02.gif) no-repeat 0% 0%;
	font-size: 130%;
	line-height: 1.5;
	font-weight: bold;
}

#shopInfo #productsList{
	margin-bottom: 30px;
}

#shopInfo #productsList dt, #shopInfo #productsList dd{
	display: table-cell;  
	vertical-align: middle;
}

#shopInfo #productsList dd ul{
	zoom: 1;
	overflow: hidden;
}

#shopInfo #productsList dd ul li{
	padding: 0px 8px 0px 7px;
	background: url(images/shop_bg01.gif) no-repeat 100% 0%;
	display: inline;
	float: left;
}

#shopInfo #productsList dt img, #shopInfo #productsList dd ul li img{
	vertical-align: bottom;
}

/*for IE6 */
* html #shopInfo #productsList dt, *html #shopInfo #productsList dd{
	display: inline;
	zoom: 1;
}
/* End for IE6 */

/*for IE7 */
*:first-child+html #shopInfo #productsList dt, *:first-child+html #shopInfo #productsList dd{
	display: inline;
	zoom: 1;
}
/* End for IE7 */

#shopInfo #productsList dt{
	width: 65px;
}

#shopInfo #productsList dd{
	width: 780px;
}

#shopInfo #guide, #shopInfo #limited{
	margin-bottom: 25px;
	zoom: 1;
	overflow: hidden;
}

#shopInfo #guide .photo{
	width: 290px;
	float: left;
}

#shopInfo #guide .photo img{
	padding: 1px;
	border: 1px solid #ccc;
	width: 280px;
}

#shopInfo #guide .text{
	width: 575px;
	float: right;
}

#shopInfo #guide .text h3{
	margin-bottom: 10px;
	font-size: 130%;
	line-height: 1.5;
	font-weight: bold;
	color: #409d27;
	background: url(images/headline_bg01.gif) no-repeat 0% 100%;
	height: auto;
}

#shopInfo #guide .text h3 span{
	display: block;
	padding: 2px 0px 5px 30px;
	background: url(images/shop_headline_bg01.gif) no-repeat 0% 0%;
}

#shopInfo #limited #message, #shopInfo #limited #point{
	padding: 0px 0px 10px 0px;
	zoom: 1;
	overflow: hidden;
}

/*for IE6 */
* #shopInfo #limited #message, *html #shopInfo #limited #point{
	padding: 0px 0px 0px 0px;
}
/* End for IE6 */

/*for IE7 */
*:first-child+html #shopInfo #limited #message, *:first-child+html #shopInfo #limited #point{
	padding: 0px 0px 0px 0px;
}
/* End for IE7 */

#shopInfo #limited #message{
	width: 284px;
	float: left;
	background: url(images/shop_bg02.jpg) no-repeat 0% 100%;
}

#shopInfo #limited #point{
	width: 573px;
	float: right;
	background: url(images/shop_bg04.gif) no-repeat 0% 100%;
}

#shopInfo #limited #message h3, #shopInfo #limited #point h3{
	margin-bottom: 9px;
	padding: 4px 9px 0px 9px;
	font-size: 117%;
	line-height: 1.6;
	font-weight: bold;
	color: #409d27;
}

#shopInfo #limited #message h3{
	background: url(images/shop_bg03.gif) no-repeat 0% 0%;
}

#shopInfo #limited #point h3{
	background: url(images/shop_bg05.gif) no-repeat 0% 0%;
}

#shopInfo #limited #message h3 span, #shopInfo #limited #point h3 span{
	padding-bottom: 2px;
	display: block;
	border-bottom: 1px dashed #ccc;
}

#shopInfo #limited #message .text, #shopInfo #limited #point .text{
	margin-right: 9px;
	float: right;
	display: inline;
}

#shopInfo #limited #message .text{
	width: 155px;
}

#shopInfo #limited #point .text{
	width: 395px;
}

#shopInfo #limited #message .photo, #shopInfo #limited #point .photo{
	margin-left: 9px;
	float: left;
	display: inline;
}

#shopInfo #limited #message .photo, #shopInfo #limited #message .photo img{
	width: 100px;
}

#shopInfo #limited #point .photo, #shopInfo #limited #point .photo img{
	width: 150px;
}

#shopInfo table{
	margin-bottom: 40px;
	border-top: 2px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

#shopInfo th, #shopInfo td{
	padding: 5px 8px;
	border-bottom: 1px solid #ccc;
}

#shopInfo th{
	background: #f5f6f7;
	border-right: 1px dashed #ccc;
	font-weight: bold;
}

#shopInfo th{
	width: 15%;
}

#shopInfo td{
	width: 85%;
}

#shopInfo #map{
	margin-left: 135px;
}


/* ----------------------------------------------------- SideBar */
#aside{
	width: 230px;
	float: right;
}

#aside #srchBox dl dd.checkbox label{
	zoom: 1;
	overflow: hidden;
	white-space: nowrap;
	display: block;
}

#aside #srchBox dl dd .inputShop{
	width: 190px;
}


