@charset "utf-8";
/*
=============================================================

	ススキノトゥナイト　スタイルシート

	ファイル名: _shoplist.css
	作成日: 2009/8/4
	作成者: y.wakasugi
	概要:
	　1.ススキノトゥナイトの掲載店一覧用スタイルを記述。

	目次:
	　1. コンテンツの枠
	　2. メインフィールドのスタイル
	　3. 検索結果画面のカスタム

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


/*
-------------------------------------------------------------
	0. 共有スタイルの読み込み
-------------------------------------------------------------
*/
@import "common-style.css";

/*
-------------------------------------------------------------
	1. コンテンツの枠
-------------------------------------------------------------
*/

#mainfield div
{
	border: 1px solid #000;
	margin-bottom: 10px;
}
#sidebar div
{
	border: 1px solid #000;
}



/*
-------------------------------------------------------------
	2. メインフィールドのスタイル
-------------------------------------------------------------
*/
/*
	サブジェクト
*/
#mainfield h3
{
	width: 140px;
	clear: both;
}

/*
	データフィールドのスタイル
*/
#shoplist #mainfield .datafield
{
	margin-right: 20px;
	background: #000;
	padding-top: 10px;
}
#shoplist #mainfield .datafield table
{
	width: 97%;
	margin: 0 10px 10px;
	table-layout: fixed;
}
#shoplist #mainfield .datafield .shopdata
{
	background: #fff;
}
#shoplist #mainfield .datafield td
{
	padding: 5px;
	vertical-align: top;
}

/*
	サムネイル
*/
#shoplist #mainfield .datafield .img,
#shoplist #mainfield .datafield th
{
	width: 120px !important;
	padding: 5px;
}
/*
	割引
*/
#shoplist #mainfield .datafield .shopdata-main
{
	font-size: 1.2em;
}
#shoplist #mainfield .datafield .shopname
{
	font-size: 1.5em;
	margin-top: 0.3em;
	margin-bottom: 0.4em;
}
#shoplist #mainfield .datafield .discount div
{
	font-weight: bold;
	color: #f659b4;
	background: #d8f6ff;
	margin: 0px;
	padding: 0.2em;
}
#shoplist #mainfield .datafield .discount .discount_first
{
	color: #ff1e72;
	background: #ffceef;
	margin-bottom: 3px;
}
#shoplist #mainfield .datafield .shopdata td.discount
{
	height: 16px;
}
#shoplist #mainfield .datafield .shopdata td.shopdata-main
{
	height: 104px;
}
#shoplist #mainfield .datafield .shop_area
{
	font-size: 0.8em;
}

#shoplist #mainfield .datafield .shop_address
{
	font-size: 0.8em;
}

#shoplist #mainfield .datafield .bprice
{
	padding-top: 3px;
	font-size: 0.8em;
}

#shoplist #mainfield .datafield .shop_catch
{
	margin: 0em;
	font-size: 12px;
}

#shoplist #mainfield .datafield div.flags
{
	background-color:#FFF;
	border: none;
	margin-top: 6px;
	margin-bottom: 4px;
	padding: 0px;
	font-size: 12px;
	color:#FFF;
	font-weight:normal;
}

#shoplist #mainfield .datafield span.flagicon
{
	background-color:#dc002e;
	margin-left: 0px;
	margin-right: 3px;
	padding: 2px;
}

/*
	ページング処理
*/
#mainfield .datafield .review,
#mainfield .datafield .paging,
#mainfield .datafield .next,
#mainfield .datafield .review a,
#mainfield .datafield .paging a,
#mainfield .datafield .next a
{
	color: #fff;
}
#mainfield .datafield .paging { text-align: center; }
#mainfield .datafield .next { text-align: right; }

#mainfield .datafield .review,
#mainfield .datafield .next
{
	width: 150px;
}

#mainfield .nowpage
{
	font-weight:bold;
	font-size: 1.5em;
}

/*
	パンクズリスト
*/
.breadcrumbs li
{
	dicplay: block;
	float: left;
	color: #fff;
	margin-bottom: 2px;
}
.breadcrumbs li.toppage:before { content: "■"; }
.breadcrumbs li.now {  margin-left: 10px; }
.breadcrumbs li.now:before{ content: ">>"; margin-right: 10px; }
.breadcrumbs li a { color: #fff; text-decoration: underline; }
.breadcrumbs li a:visited { color: #fff; }
.breadcrumbs li a:hover { color: #ff0; }

/*
-------------------------------------------------------------
	3. 検索結果画面のカスタム
-------------------------------------------------------------
*/
.hitcount { color: #fff; }