@charset "utf-8";
@import url("../parts.css");

/* ============================================================================================================
Title:ショップ＆レストランページ用CSS
Last Update:2011/03/03
============================================================================================================ */

#contentsArea h2 {
	margin: 20px 0 8px 0;
}




/* topicsList
============================================================================================================ */

ul#topicsList, ul#newShopList {
	width:700px;
	border-top:10px solid #f5eff7;
	border-left:10px solid #f5eff7;
	overflow:hidden;
	
}

ul#newShopList {
	border-top:10px solid #e6eff2;
	border-left:10px solid #e6eff2;
}



ul#topicsList li, ul#newShopList li {
	float:left;
	width:310px;
	border-bottom:10px solid #f5eff7;
	border-right:10px solid #f5eff7;
	position:relative;
	overflow:hidden;
	padding:15px;
	background:#FFF;
}

ul#newShopList li {
	border-bottom:10px solid #e6eff2;
	border-right:10px solid #e6eff2;
}


p.comment {
	margin-bottom:22px;
}


ul#topicsList li div.itemDetail, ul#newShopList li div.itemDetail {
	float:left;
	width:190px;
}

ul#topicsList p.logo, ul#newShopList p.logo {
	margin:7px 0;
}


ul#topicsList p.detail, ul#newShopList p.detail {
	position:absolute;
	bottom:1em;
	right:1em;
}

ul#topicsList p.detail a, ul#newShopList p.detail a {
	color:#666;
}

ul#topicsList img.imgR, ul#newShopList img.imgR, ul#newShopList dl {
	margin-bottom:22px;
}

ul#topicsList img.imgR:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}


ul#newShopList {
	background:#e6eff2;
}

ul#newShopList li dl {
	float:left;
	width:180px;
}

ul#newShopList li dl dt {
	padding-left:15px;
	font-weight:bold;
	background:url(/sc/common/img/parts/twist/circle_blue.gif) no-repeat left 40%;
}

ul#newShopList li dl dd.detail {
	margin-top:10px;
	text-align:right;
}


ul#btnList {
	margin-top:19px;
	overflow:hidden;
	width:711px;
}

ul#btnList li {
	float:right;
	margin-left:10px;
}


/* floorTab
============================================================================================================ */
#floorTab {
	margin-top: 20px;
	border-bottom: 1px solid #26a6c8;
}
#floorTab ul {
	border-bottom: 3px solid #3dbadc;
	zoom: 1;
}
#floorTab ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#floorTab ul li {
	float: left;
	margin-right: 2px;
}
#floorTab ul li.last {
	margin-right: 0;
}

/* floorArea
============================================================================================================ */
#floorArea {
	margin-bottom: 30px;
	border: 10px solid #e6eff2;
}
#floorMap {
	padding: 10px;
}

#pdfDL {
	margin: 0 20px;
	padding: 15px 0 30px;
	border-top: 1px dotted #cccccc;
	zoom: 1;
}
#pdfDL:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#pdfDL dt {
	margin-bottom: 15px;
	padding-left: 24px;
	background: url(../../../img/parts/twist/icon_pdf.gif) no-repeat left;
	font-weight: bold;
}
#pdfDL dd {
	float: left;
	margin-right: 10px;
}

#getReader {
	padding: 0 20px 20px;
	zoom: 1;
}
#getReader dt {
	float: left;
	margin-right: 15px;
}

/* table
============================================================================================================ */
.box_section table {
	width: 100%;
}
.box_section th {
	padding: 0.5em 1em;
	background-color: #80658b;
	border-right: 1px solid #9f9f9f;
	color: #ffffff;
	font-weight: bold;
	text-align: left;
}
.box_section td {
	padding: 0.5em 1em;
	border-right: 1px solid #dedede;
	text-align: left;
}
.box_section td.last,
.box_section th.last {
	border-right: 0;
}
.box_section .odd td {
	background-color: #efefef;
}


.box_section th.num {
	width: 10%;
}
.box_section th.shop {
	width: 38%;
}
.box_section th.category {
	width: 30%;
}