@charset "UTF-8";


/* 店舗情報
--------------------------------------------------------------------
1. 共通
2. 展開ブランド一覧
3. 店舗検索結果
--------------------------------------------------------------------*/


/* 1. 共通
--------------------------------------------------------------------*/
/* サイドエリア
-------------------------------- */
#contents-l div.sidearea div.sidewrap{
	width:160px;
	border-bottom:#E6E6E6 1px solid;
	padding:10px 0px 10px 0px;
}

#contents-l div.sidearea div.sidewrap div.sidebox{
	width:140px;
	margin-left:20px;
	text-align:left;
}
#contents-l div.sidearea div.sidewrap div.sidebox select{
	width:140px;
}

#contents-l div.sidearea div.sidewrap div.sidebox p.subt{
	background:url("/shop/img/icon_search.gif") 0px 2px no-repeat;
	padding:0px 0px 10px 15px;
	color:#2A9140;
}

#contents-l div.sidearea div.sidewrap div.sidebox p.txt{
	padding-bottom:5px;
}
#contents-l div.sidearea div.sidewrap div.sidebox p.selectarea{
	padding-bottom:10px;
}
#contents-l div.sidearea div.sidewrap div.sidebox p.btn{
	width:140px;
	text-align:right;
}

/* コンテンツエリア
-------------------------------- */

/* サブタイトル */
#contents-l div.ctsarea div.subtitle{
	width:560px;
	padding-bottom:18px;
}



/* 2. 展開ブランド一覧
--------------------------------------------------------------------*/
.top-subt{
	width:550px;
	color:#2A9041;
	border-bottom:#C1C1C1 1px solid;
	padding:18px 0px 4px 0px;
}

.top-listwrap{
	padding-top:10px;
}

.top-listbox{
	width:570px;
	position:relative;
}

.top-listbox div p.link a{
	width:128px;
	height:28px;
	display:block;
	border:#DADADA 1px solid;
}
.top-listbox div p.link a:hover{
	border:#8ED56A 1px solid;
}
.top-listbox div p.nolink img{
	border:#DADADA 1px solid;
}

.top-listbox div p.new{
	position:absolute;
	top:-7px;
}
.top-listbox div.shop1 p.new{left:0px;}
.top-listbox div.shop2 p.new{left:140px;}
.top-listbox div.shop3 p.new{left:280px;}
.top-listbox div.shop4 p.new{left:420px;}

.top-listbox div.shop1, .top-listbox div.shop2, .top-listbox div.shop3, .top-listbox div.shop4{
	float:left;
	width:140px;
}

.top-listbox div div.detailwrap{
	position:absolute;
	width:550px;
	height:160px;
	top:-160px;
	left:0px;
	display:none;
}
.top-listbox div div.detailwrap div.detailbox{
	margin-left:20px;
	width:520px;
	padding-top:10px;
}
.top-listbox div div.detailwrap div.detailbox div.boxl{
	float:left;
	width:241px;
}
.top-listbox div div.detailwrap div.detailbox div.boxl p.subt{
	width:241px;
	background:url("/shop/img/on/line_dot.gif") bottom no-repeat;
	padding-bottom:3px;
}
.top-listbox div div.detailwrap div.detailbox div.boxl p.subt strong{
	color:#2A904D;
}
.top-listbox div div.detailwrap div.detailbox div.boxl p.subt strong a{
	color:#2A904D;
	text-decoration:underline;
}
.top-listbox div div.detailwrap div.detailbox div.boxl p.subt strong a:hover{
	color:#2A904D;
	text-decoration:underline;
}
.top-listbox div div.detailwrap div.detailbox div.boxl p.subt span.text1{
	font-size:10px;
}
.top-listbox div div.detailwrap div.detailbox div.boxl p.subt span.text2{
	font-size:12px;
}
.top-listbox div div.detailwrap div.detailbox div.boxl p.txt{
	padding:5px 0px 5px 0px;
}

.top-listbox div div.detailwrap div.detailbox div.boxl p.txtlink a{
	color:#5AC83C;
}
.top-listbox div div.detailwrap div.detailbox div.boxl p.txtlink a:hover{
	color:#5AC83C;
	text-decoration:underline;
}

.top-listbox div div.detailwrap div.detailbox div.boxl p.text2{
	font-size:12px;
}

.top-listbox div div.detailwrap div.detailbox div.boxr{
	float:right;
	width:260px;
}
.top-listbox div div.detailwrap div.detailbox div.boxr img{
	border:#E6E6E6 1px solid;
}

.top-listbox div.shop1 div.detailwrap{background:url("/shop/img/on/frame_1.gif") no-repeat;}
.top-listbox div.shop2 div.detailwrap{background:url("/shop/img/on/frame_2.gif") no-repeat;}
.top-listbox div.shop3 div.detailwrap{background:url("/shop/img/on/frame_3.gif") no-repeat;}
.top-listbox div.shop4 div.detailwrap{background:url("/shop/img/on/frame_4.gif") no-repeat;}



/* 3. 店舗検索結果
--------------------------------------------------------------------*/
.result-top{
	width:560px;
	background-color:#D1F6BF;
	color:#2A8F3F;
	text-align:center;
	padding:10px 0px;
}

/* リスト
-------------------------------- */
.shop-toptxt{
	padding:10px 0px 5px 0px;
}

.shop-list{
	width:560px;
	border-bottom:#E7E7E7 1px solid;
}
.shop-list th{
	background-color:#E6E6E6;
	text-align:center;
	padding:3px 0px;
	border-bottom:#FFFFFF 4px solid;
}
.shop-list th.shopname{width:160px; border-right:#FFFFFF 2px solid;}
.shop-list th.access{width:140px; border-right:#FFFFFF 2px solid;}
.shop-list th.time{width:140px; border-right:#FFFFFF 2px solid;}
.shop-list th.tel{width:60px; border-right:#FFFFFF 2px solid;}
.shop-list th.suica{width:70px;}


.shop-list td{
	border-top:#E7E7E7 1px solid;
	padding:6px 0px;
}
.shop-list td.shopname{
	background-color:#F5F5F5;
	border-right:#FFFFFF 2px solid;
}
.shop-list td.shopname div{
	padding:0px 10px;
}
.shop-list td.shopname div p.shopname a{
	color:#5AC83C;
}
.shop-list td.shopname div p.shopname a:hover{
	color:#5AC83C;
	text-decoration:underline;
}
.shop-list td.shopname div p.subtxt{
	color:#C31C29;
}

.shop-list td.access{
	border-right:#E7E7E7 1px solid;
}
.shop-list td.access p{
	padding:0px 10px;
}

.shop-list td.time{
	border-right:#E7E7E7 1px solid;
}
.shop-list td.time p{
	padding-left:50px;
}
.shop-list td.time p.daily{background:url("/shop/img/icon_daily.gif") 15px 2px no-repeat;}
.shop-list td.time p.sat{background:url("/shop/img/icon_sat.gif") 15px 2px no-repeat;}
.shop-list td.time p.holiday{background:url("/shop/img/icon_holiday.gif") 15px 2px no-repeat;}
.shop-list td.time p.weekend{background:url("/shop/img/icon_weekend.gif") 15px 2px no-repeat;}

.shop-list td.tel{
	border-right:#E7E7E7 1px solid;
	text-align:left;
}
.shop-list td.tel p{
	padding:0px 10px;
}

.shop-list td.suica{text-align:center;}