@charset "Shift_JIS";

/* 飲食店・売店
--------------------------------------------------------------------
0. 共通
1. トップ
2. 飲食店・売店トップ
3. 条件を選択して検索・検索結果
4. 店舗ページ用
5. 関東エリアの路線図から探す、東北・甲信越エリア
6. 追加
7. 店舗ジャンルから探す
--------------------------------------------------------------------*/

/* 0. 共通
--------------------------------------------------------------------*/

/* bnrarea
-------------------------------- */
#sidearea div.bnrarea{
	padding:5px 0px 20px 0px;
}
#sidearea div.bnrarea p{
	padding-top:8px;
}


/* itemlist-3column
-------------------------------- */
.itemlist-3column{
	padding:0px 0px 10px 9px;
}
.itemlist-3column ul li{
	float:left;
	width:226px;
	padding-top:10px;
}
.itemlist-3column ul li div{
	width:218px;
	text-align:left;
}

.itemlist-3column ul li div p.link{
	background:url("/common/img/arrow_green.gif") 5px 8px no-repeat;
	padding:5px 5px 0px 18px;
	font-weight:bold;
}
.itemlist-3column ul li div p.txt{
	padding:3px 5px 0px 7px;
}

.itemlist-3column a:link, .itemlist-3column a:active, .itemlist-3column a:visited{
	color:#545454; text-decoration:none;
}
.itemlist-3column a:hover{
	color:#545454; text-decoration:underline;
}



/* itemlist-4column
-------------------------------- */
.itemlist-4column{
	padding:0px 0px 15px 9px;
}
.itemlist-4column ul li{
	float:left;
	width:170px;
	padding-top:10px;
}
.itemlist-4column ul li div{
	width:160px;
	text-align:left;
}
.itemlist-4column ul li div p{
	
	
}
.itemlist-4column ul li div p.link{
	padding:3px 5px 0px 7px;
}
.itemlist-4column ul li div p.txt{
	padding:3px 5px 0px 7px;
}

.itemlist-4column a:link, .itemlist-4column a:active, .itemlist-4column a:visited{
	color:#0073cc; text-decoration:none;
}
.itemlist-4column a:hover{
	color:#0073cc; text-decoration:underline;
}


/* itemlist-4column-mini
-------------------------------- */
.subt-g-img-mini {
	padding:10px 0 0 6px;
}

.itemlist-4column-mini{
	padding:0px 0px 15px 6px;
}
.itemlist-4column-mini ul li{
	float:left;
	width:165px;
	padding-top:10px;
}
.itemlist-4column-mini ul li div{
	width:160px;
	text-align:left;
}
.itemlist-4column-mini ul li div p{
	
	
}
.itemlist-4column-mini ul li div p.link{
	padding:3px 5px 0px 7px;
}
.itemlist-4column-mini ul li div p.txt{
	padding:3px 5px 0px 7px;
}

.itemlist-4column-mini a:link, .itemlist-4column a:active, .itemlist-4column a:visited{
	color:#0073cc; text-decoration:none;
}
.itemlist-4column-mini a:hover{
	color:#0073cc; text-decoration:underline;
}
.itemlist-4column-mini ul li div img {
	border:solid 1px #E8E8E8;
}


/* bottom-caution
-------------------------------- */
.bottom-caution{
	width:680px;
	background:url("/common/img/dotline_680px.gif") left top repeat-x;
	margin:10px 0px 0px 5px;
	padding:10px 0px 8px 0px;
}
.bottom-caution p{

	padding:2px 0px 0px 10px;
	font-size:90%;
}

/* table common
-------------------------------- */
table td.center {
	text-align: center;
}
table td.right {
	text-align: right;
}
table td.textS {
	font-size: 90%;
}



/* 1. トップ
--------------------------------------------------------------------*/


/* 2. 飲食店・売店トップ
--------------------------------------------------------------------*/
#contents div.ctswrap ul.searchlist{
	margin:5px 0px 0px 5px;
	
}
#contents div.ctswrap ul.searchlist li{
	width:680px;
	background:url("/common/img/dotline_680px.gif") left bottom no-repeat;
	padding:5px 0px 6px 0px;
}
#contents div.ctswrap ul.searchlist li.end{
	background:none;
	padding:5px 0px 4px 0px;
}
#contents div.ctswrap ul.searchlist li div.searchttl{
	float:left;
	width:177px;
}
#contents div.ctswrap ul.searchlist li div.searchttl p{
	padding-left:5px;
}
#contents div.ctswrap ul.searchlist li div.txt{
	float:right;
	width:485px;
}

/* ***** コンテンツ内フリーワード検索 ***** */
#contents div.ctswrap ul.searchlist li input#inputarea {
	float:left;
	margin:1px 0 0;
	border:solid 2px #f29926;
	width:382px;
	height:30px;
	font-size:140%;
}
/* for IE */
* html #contents div.ctswrap ul.searchlist li input#inputarea {
	line-height: 1.5;
}

/* ***** 検索ボタン ***** */
#contents div.ctswrap ul.searchlist li input#submit {
	position: relative;
	top: 0px;
	margin:0 0 0 8px;
}
* html #contents div.ctswrap ul.searchlist li input#submit {
	position: relative;
	top: 0px;
}

/* ***** コンテンツ内フリーワード検索下テキスト ***** */
#contents div.ctswrap ul.searchlist li div.txt p.ex {
	clear:left;
	padding-top:1px;
	font-size:90%;
}

#contents div.ctswrap ul.searchlist li div.txt li {
	width:143px;
	background:none;
	float:left;
	padding: 0 10px 0 0;
}


/* 3. 条件を選択して検索・検索結果
--------------------------------------------------------------------*/

div#searcharea {
	margin: 10px 0 0;
}
div#searchresult {
}
div#searchresult p.result {
	margin: 10px;
}
div#searchresult p.lead {
	margin: 10px;
}
table.searchtable {
	border-collapse: collapse;
	margin: 0 10px 5px;
	border: 1px solid #e8e8e8;
	width: 670px;
}
table.searchtable th {
	border-collapse: collapse;
	border: 1px solid #e8e8e8;
	padding: 10px;
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	background: #fef0dd;
	color: #835415;
}
table.searchtable td {
	border-collapse: collapse;
	border: 1px solid #e8e8e8;
	padding: 10px;
}
table.searchtable td.station {
	white-space:nowrap;
}
table.searchtable td dl {
}
table.searchtable td dl dt {
	font-weight: bold;
	margin: 0 0 3px;
}
table.searchtable td dl dt span {
	color: #67a944;
}
table.searchtable td dl dd {
	background:url("/common/img/dotline_526px.gif") left bottom no-repeat;
	padding: 0 0 10px;
	margin: 0 0 10px;
}
table.searchtable td dl dd ul {
}
table.searchtable td dl dd ul li {
	float: left;
	padding: 0 10px 0 0;
	white-space: nowrap;
	line-height: 1.5;
}

table.searchtable td dl dd.end {
	background:none;
	padding: 0;
	margin: 0;
}

table.searchtable td table {
	border: none;
	margin: 0;
	width: 100%;
}
table.searchtable td table td {
	border: none;
	padding: 3px;
}

p.submit {
	text-align: center;
	padding: 15px 0;
}



table.searchtable td label {
	white-space:nowrap;
	display:inline-block;
	margin-right:1em;
}
table.searchtable li.parent_list {
	margin-right:0.5em;
	display:inline;
}
table.searchtable dl dl, #brand_box {
	clear:both;
	margin:0;
}

table.searchtable dl dl dt, #brand_box dt {
	margin-top:10px;
	padding:1px 4px;
	background:#D8D6CF;
	color:#000;
	overflow:auto;
}
table.searchtable dl dl dt strong, #brand_box strong {
	float:left;
	font-weight:bold;
}
table.searchtable dl dl dt div, #brand_box dt div {
	float:right;
	font-size:90%;
}

table.searchtable dl dl dt a, #brand_box dt a {
	margin-left:6px;
}

table.searchtable dl dl dd, #brand_box dd {
	padding:4px;
	clear:both;
}

/* 4. 店舗ページ用
--------------------------------------------------------------------*/
p.coupon {
	text-align: center;
	padding: 0 0 10px;
}

/* 削除
ul.note {
	padding: 20px 15px;
}
ul.note li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 90%;
	line-height: 1.3;
}
*/
p.note {
	padding: 20px 15px;
	font-size: 90%;
	line-height: 1.3;
}

ul.note-r {
	padding: 10px 15px 0;
	color: #e50000;
}
ul.note-r li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 90%;
	line-height: 1.3;
}

.mainImg {
	margin: 0 1px 5px;
	padding: 5px 0 6px;
	background:url("/common/img/dotline_680px.gif") center bottom no-repeat;
	text-align: center;
}
.shoptxt {
	padding: 0 10px 30px 20px;
}

#tabarea {
	background: url(/shop/brand/img_c/bg_tabarea.gif) left bottom no-repeat;
	padding: 0 0 4px;
	width: 671px;
	margin: 0 0 0 9px;
}
#tabarea ul#tab {
	background: url(/shop/brand/img_c/bg_tab.gif) left bottom no-repeat;
	padding: 0 0 0 1px;
	height: 35px;
}
#tabarea ul#tab li {
	float: left;
	padding: 0 0 0 3px;
}
#tabarea #tabcont {
	border-left: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	padding: 20px 0;
}
#tabcont p.nomenu {
	margin-left:18px;
}


table.table-green {
	border-collapse: collapse;
	border: 1px solid #cbcbcb;
	width: 634px;
	margin: 20px 0 0 18px;
}
table.table-green th {
	border-collapse: collapse;
	border: 1px solid #cbcbcb;
	background: #dff2d6;
	padding: 5px 10px;
	text-align: left;
	font-weight: normal;
}

table.table-green th.heading {
	background: #67a944;
	color: #ffffff;
	font-weight: normal;
	font-weight: bold;
	text-align: center;
}
table.table-green td {
	border-collapse: collapse;
	border: 1px solid #cbcbcb;
	padding: 5px 10px;
}


table#shoplist {
	clear:both;
	border-collapse: collapse;
	border: 1px solid #e8e8e8;
	width: 646px;
	margin: 0 0 0 14px;
}
table#shoplist th {
	border-collapse: collapse;
	border: 1px solid #fee9cd;
	background: #fef0dd;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	color: #835415;
}
table#shoplist td {
	border-collapse: collapse;
	border: 1px solid #cbcbcb;
	padding: 10px;
}

h2#shopname {
	background:url("/common/img/dotline_680px.gif") center bottom no-repeat;
	padding: 10px 10px 6px;
	color: #67a944;
	font-weight: bold;
	font-size: 120%;
}
p#caption {
	font-size: 90%;
	line-height: 1.4;
	padding: 5px 10px;
}
p#comment {
	border-top: 1px solid #8fba78;
	border-bottom: 1px solid #8fba78;
	padding: 10px 5px;
	margin: 0 6px;
	line-height: 1.5;
}
div#photoarea {
	background:url("/common/img/dotline_680px.gif") center bottom no-repeat;
	padding: 25px 20px;
	margin: 0 0 20px;
}
div#photoarea ul {
}
div#photoarea ul li {
	float: left;
	padding: 0 0 0 52px;
}

div#photoarea ul li p.note {
	color: #ff0000;
	font-size: 90%;
	padding: 5px 2px 0;
}


div.menulist {
	padding: 10px 0;
	
}
div.menulist dl {
	padding: 10px 60px 0 22px;
}
div.menulist dl dt {
	float: left;
	width: 160px;
}
div.menulist dl dd {
	float: right;
	width: 430px;
}
div.menulist dl dd h4 {
	color: #67a944;
	font-weight: bold;
	padding: 0 0 5px;
}

div.shopinfo {
	padding: 0 0 10px;
}

p.shopmap {
	margin-top:20px;
	text-align: center;
}
p.larger {
	margin:20px 0;
	text-align:center;
	color:#F00;
	font-size:120%;
}
div.relationlink {
	background: url(/shop/db/img_c/bg_reration_bottom.gif) left bottom no-repeat;
	padding-bottom:8px;
	width: 670px;
	margin-left:10px;
}
div.relationlink div{
	background:url(/shop/db/img_c/bg_reration.gif) repeat-y;
}
div.relationlink ul{
	padding: 0 0 0 12px;
}
div.relationlink ul li {
	background: url(/common/img/dotline_646px.gif) left bottom no-repeat;
}
div.relationlink ul li.end {
	background:none;
}

div.relationlink ul li p {
	background:url(/common/img/arrow_green.gif) 5px 8px no-repeat;
	padding:5px 0px 5px 20px;
}


/* 5. 関東エリアの路線図から探す、東北・甲信越エリア
--------------------------------------------------------------------*/
p.read {padding: 10px 13px;}
#map-layout {margin:0 0 0 6px;}
#map-layout2 {margin:0 0 0 20px;}


/* sub button
-------------------------------- */
body#shop #contents div.ctswrap div.subt-g-txt{
	width:657px;
	margin:8px 0px 0px 6px;
	background-color:#f7f7f7;
}

body#shop #contents div.ctswrap div.subt-g-txt {
	position:relative;
}
body#shop #contents div.ctswrap div.subt-g-txt h4 {
	padding:7px 130px 7px 8px;
}
body#shop #contents div.ctswrap div.subt-g-txt p.btn {
	position:absolute;
	right:5px;
	top:5px;
}


/* 6. 追加
--------------------------------------------------------------------*/
div#shopname {
	width:678px;
	margin:5px 6px 0px 6px;
}
div#shopname h2 {
	padding:5px 5px 5px 7px;
	color:#fff;
	font-weight:bold;
	font-size:120%;
	background:url("/img/bg_tit_green.gif") left top #5b983b repeat-x;
}


/* ***************************************************************
 	7. 店舗ジャンルから探す
 ***************************************************************** */
#shop-genre-area {
	margin:14px 0 0 10px;
	padding:8px 0 6px 0;
	width:680px;
	background:url(/shop/img/genre/waku_genre_top.gif) left top no-repeat;
}
#shop-genre-area-btm {
	padding:0 0 8px 0;
	width:680px;
	background:url(/shop/img/genre/waku_genre_bottom.gif) left bottom no-repeat;
}
#shop-genre-inner {
	padding:2px 0 0 10px;
	width:670px;/* ※※※ 3px over ※※※ */
	background:url(/shop/img/genre/bg_waku_border.gif) left top repeat-y;
}
/* for IE */
* html #shop-genre-inner {
	width:680px;
	overflow: hidden;
}

#shop-genre-menu {
	margin:0 0 20px 0;
	padding:7px 0 0 0;
	width:650px;
	background:url(/shop/img/genre/genre_waku_orange_top.gif) left top no-repeat;
}
#shop-genre-menu-inner {
	border:solid #fddfb9;
	border-width:0 1px 1px 1px;
	padding:1px 0 0 7px;
	width:641px;
	background-color:#fef4e7;
}
/* for IE */
* html #shop-genre-menu-inner {width:650px;}

/* ***** ジャンルから探すメニュー ***** */
#shop-genre-menu ul li {
	float:left;
	display:block;
	width:128px;
	height:48px;
}

/* ***** ブランドリスト ***** */
#brand-list {}
#brand-list .brand-box {padding:0 0 14px 0;}
#brand-list .brand-box h3 {
	margin:0 0 8px 0;
	width:660px;
}
#brand-list .brand-box ul {width:660px; overflow:hidden;}
#brand-list .brand-box ul li {
	float:left;
	display:block;
	width:132px;
	height:53px;
}
#brand-list .brand-box h3 img {display:block;}

/* ***** ブランドリスト2 ***** */
#brand-list2 {}
#brand-list2 .brand-box {padding:0;}
#brand-list2 .brand-box h3 {
	margin:0 0 8px 0;
	width:660px;
}
#brand-box-layout {}
#brand-box-layout .brand-unit {
	float:left;
	margin-bottom:20px;
	width:221px;
}
#brand-box-layout .brand-unit .brand-unit-inner {
	padding:5px 0 0 5px;
	width:203px;
}
/* for IE */
* html #brand-box-layout .brand-unit .brand-unit-inner {
	width:208px;
}

#brand-box-layout h4 {padding:3px 0 5px 0;}
/* for IE */
* html #brand-box-layout h4 {padding:0 0 5px 0;}

#brand-box-layout h4 a {
	padding:0 0 0 15px;
	background:url(/shop/img/genre/icon_arrow_orange.gif) 0 0.2em no-repeat;
	font-weight:bold;
	color:#545454;
}
#brand-box-layout h4 a:hover {
	color:#dc5f1b;
	text-decoration:underline;
}
#brand-box-layout ul {
	margin-right:2px;
	padding-top:5px;
	text-align:center;
}
#brand-box-layout ul li {display:inline;}
#brand-box-layout ul li.mr5px {margin-right:5px;}


/* ***** 店舗ジャンルから探す ***** */
#genre-search {margin:0 0 10px 0;}
.search-box {
	padding:0 0 7px 0;
	width:240px;
	background:url(/shop/img/genre/side_waku_bottom.gif) left bottom no-repeat;
}
.search-box-inner {
	border:solid #ede3c1;
	border-width:1px 1px 0 1px;
	background-color:#fff;
}

#genre-select {
	padding:10px;
	width:218px;
	background:url(/common/img/dotline.gif) left bottom repeat-x;
}
/* for IE */
* html #genre-select {width:238px;}

#genre-search h5 {
	padding:0 0 0 15px;
	background:url(/shop/img/genre/icon_maru_green.gif) left center no-repeat;
}
#genre-select select , #brand-select select {margin:5px 0 0 15px;}

#brand-select {
	border-bottom:solid 1px #e3e3e3;
	padding:10px 10px 9px 10px;
	width:218px;
	display:none;
}
/* for IE */
* html #brand-select {width:238px;}

/* #brand-select select.unactive-gray {color:#bcbcbc;} */
.search-btn-box {
	padding:10px 10px 5px;
	text-align:right;
}

/* ***** フリーワードから探す ***** */
#freeword-search-box {margin:0 0 20px 0;}
#freeword-search-box-inner {
	padding:12px 10px 6px 10px;
	width:218px;
}
/* for IE */
* html #freeword-search-box-inner {width:238px;}

#freeword-layout-box {
	width:218px;
	height:25px;
}
input#inputarea {
	float:left;
	width:162px;
}
input#inputfreeword-btn {
	float:right;
	margin-left:5px;
}
/* for IE */
* html input#inputfreeword-btn {margin-top:1px;}

#freeword-search-box p.ex {
	clear:both;
	padding-top:1px;
	font-size:90%;
}