@charset "utf-8";

/* =======================================

	Shop List CSS

 -----------------------------------------
	INDEX
 -----------------------------------------
	

========================================== */

/* Structure
========================================== */
#shopList {
	margin: 20px 40px 0;
	padding: 0 0 20px;
	zoom: 1;
}

#shopList:after { /* for Modern Browser */
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

#shopList #shopListup {
	float: right;
	margin: 40px 0 0;
	width: 710px;
}

#shopList ul#sortSelect {
	float: left;
	margin: 40px 0 0;
	width: 113px;
}


/* Sort Select
========================================== */
#shopList ul#sortSelect {
}

#shopList ul#sortSelect li {
	margin: 0 0 8px;
	vertical-align: bottom;
	zoom: 1;
}

#shopList ul#sortSelect li a {
	display: block;
	background: no-repeat;
}

#shopList ul#sortSelect li.menu01 a {background-image: url(../img/sortselect_btn_01_on.gif);}
#shopList ul#sortSelect li.menu02 a {background-image: url(../img/sortselect_btn_02_on.gif);}

#shopList ul#sortSelect li a:hover,
#shopList ul#sortSelect li a.active {
	background-color: #FFFFFF;
}

#shopList ul#sortSelect li a:hover  img,
#shopList ul#sortSelect li a.active img {
	visibility: hidden;
}


/* List Navigate
========================================== */
#shopList ul.listNavigate {
	display: inline;
	padding: 0 7px 0 0;
	border-right: 1px solid #333333;
}
/* IE6 Only */
* html #shopList ul.listNavigate {padding-right: 4px;}
/* IE7 Only */
*:first-child + html #shopList ul.listNavigate {padding-right: 4px;}

#shopList ul.listNavigate li {
	display: inline;
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	border-left: 1px solid #333333;
}

#shopList ul.listNavigate li a {
	color: #333333;
	text-decoration: underline;
}

#shopList ul.listNavigate li a:hover {
	text-decoration: none;
}


/* Listup Section
========================================== */
#shopList .listupSec {
	margin: 40px 0 50px;
	zoom: 1;
}

	/* h3
	---------------------------------------- */
	#shopList .listupSec h3 {
		background: url(../../common/img/line_solid02_gray01.gif) repeat-x 0 100%;
		zoom: 1;
	}
	/* Safari2,0 Only \*/
	html:\66irst-child #shopList .listupSec.floorList h3 {background: none;}/**/
	
	/* Safari2,0 Only \*/
	html:\66irst-child #shopList .listupSec h3 img {
		position: relative;
		bottom: -1px;
		margin-top: -1px;
	}/**/
	
	/* Shop List Table
	---------------------------------------- */
	#shopList .listupSec table.shopListTable {
		width: 100%;
		table-layout: fixed;
	}
	
	#shopList .listupSec table.shopListTable tr th {
		padding: 1px 5px 0;
		border: solid #918B8A;
		border-width: 1px 0;
		background: #FEE792 url(../../common/img/line_solid01_gray01.gif) repeat-y;
	}
	
	#shopList .listupSec.floorList table.shopListTable tr th {border-top: none; /* Reset */}
	/* Safari2,0 Only \*/
	html:\66irst-child #shopList .listupSec.floorList table.shopListTable tr th {border-top: 1px solid #918B8A;}/**/
	
	#shopList .listupSec table.shopListTable tr th.category {width: 190px;}
	#shopList .listupSec table.shopListTable tr th.contact  {width: 150px; border-right: 1px solid #918B8A;}
	
	#shopList .listupSec table.shopListTable tr td {
		padding: 6px 3px 5px;
		background: url(../../common/img/line_dotted01_gray01.gif) repeat-x 0 100%;
	}