@charset "shift_jis";

/***************************************************
	サンフェステ用スタイルシート
	shop.css
	店舗紹介レイアウトスタイル定義
***************************************************/

/* 店舗紹介共通
------------------------------------------------------------ */
#contents h2.title {	padding-bottom: 9px;}

/* 店舗紹介トップ index.html
------------------------------------------------------------ */
#contents.index #shop_search {
	padding: 8px 0 9px 8px;
	background-color: #ffe7cc;
	border-top: 2px solid #fd6828;
}
/* 2017.06.14. 追加 */
#contents.index #shop_search ul.leftSpace {
	float: left;
	width: 255px;
}
#contents.index #shop_search ul.leftSpace li.text #area {width:115px; }
#contents.index #shop_search ul.rightSpace {
	float: left;
	width: 300px;
    margin-left: 10px;
}

#contents.index #shop_search li {	display: inline;}
#contents.index #shop_search li.title img {	_vertical-align: text-bottom;}
#contents.index #shop_search li.text {	padding-right: 5px;}
#contents.index #shop_search select {	margin: 0;	border: 1px solid #a5acb2; width: 190px;}
#contents.index #shop_search li.submit_btn {
/* Hides from IE-mac \*/
	position: absolute;
/* End hide from IE-mac */
}

#contents.index #shop_search li.submit_btn button {
/* Hides from IE-mac \*/
	display: block;
	position: relative;
	overflow:hidden;
	top: 0;
	left: 0;
/* End hide from IE-mac */
	width: 68px;
	height: 22px;
	margin: 0;
	padding: 0;
	background: url(../img/shop/btn_search.jpg) 0 0 no-repeat;
	border: 0;
	cursor: pointer;
	text-indent: -9999px;
}
/*#contents.index #shop_search li.submit_btn button:hover {		background-position: 0 -22px;}*/

#contents.index p.search_map {	padding: 18px 0 15px;}

#contents.index .shop {
	float: left;
	width: 300px;
	margin-bottom: 8px;
	padding:10px 0;
	border: 2px solid #e6e6e6;
}
#contents.index .shop.n01,
#contents.index .shop.n04{
	margin-right: 4px;
}
#contents.index .shop h3 {
	padding: 0 5px 5px;
	font-size: 120%;
	font-weight: bold;
	border-bottom: 3px solid #fd6828;
}
#contents.index .shop.n01 h3 {	border-bottom-color: #fd6828;}
#contents.index .shop.n02 h3 {	border-bottom-color: #008551;}
#contents.index .shop.n03 h3 {	border-bottom-color: #0bacd4;}
#contents.index .shop.n04 h3 {	border-bottom-color: #f4c301;}
#contents.index .shop.n01 h3 span {	color: #fd6828;}
#contents.index .shop.n02 h3 span {	color: #008551;}
#contents.index .shop.n03 h3 span {	color: #0bacd4;}
#contents.index .shop.n04 h3 span {	color: #f4c301;}
#contents.index .shop p.image {
	padding: 8px 0;
	text-align: center;
}
#contents.index .shop p.text {
	padding: 0 6px 13px;
	background: url(../img/temp/border01.gif) left bottom repeat-x;
}
#contents.index .shop p.button {
	padding: 8px 0 0px;
	text-align: center;
}

/* 店舗一覧 shop/index.html
------------------------------------------------------------ */
#contents.shop_index .shop {
	float: left;
	width: 186px;
	margin-right: 12px;
	margin-bottom: 12px;
	padding: 8px 3px 10px;
	border: 2px solid #e6e6e6;
}
#contents.shop_index .shop.n03 {	margin-right: 0;}
#contents.shop_index .shop h3 {
	padding: 0 5px 3px;
	font-size: 110%;
	font-weight: bold;
	text-indent: -1em;
	margin-left: 1em;
	border: none !important;
	line-height: 1.3;
}
#contents.shop_index .shop p.image {
	padding: 6px 2px 6px;
/*	border-top: 3px solid #fd6828;*/
}
#contents.shop_index .shop p.image a {
	display: block;
	width: 182px;
	height: 130px;
	background-position: center;
	text-indent: -9999px;
}

#contents.shop_index .shop p.text {
	padding: 0 3px;
	font-weight: bold;
	color: #fd6828;
}
#contents.shop_index .shop table {	margin: 0 3px 5px;}
#contents.shop_index .shop th {
	white-space: nowrap;
	font-weight: normal;
	vertical-align: top;
}
#contents.shop_index .shop td { vertical-align: top;}
#contents.shop_index .shop p.button {
	padding: 8px 0 0px;
	background: url(../img/temp/border01.gif) left top repeat-x;
	text-align: center;
}

/* 店舗紹介 sun/intro.html
------------------------------------------------------------ */
#contents.intro .main {
	padding: 3px;
	border: 2px solid #e6e6e6;
}

#contents.intro .main h3 {
	padding: 5px 3px 3px;
	font-size: 120%;
	font-weight: bold;
/*	border-bottom: 3px solid #fd6828;*/
}
/*#contents.intro .main h3 span {	color: #fd6828;} 店舗毎の色、背景設定は↓*/
#contents.intro .main h4.subtitle {
	padding: 3px 10px;
	font-size: 140%;
	font-weight: bold;
}
#contents.intro .main .inner {	padding: 24px 12px 16px}

#contents.intro .main p.image {
	float: left;
	width: 225px;
}
#contents.intro .main p.text,
#contents.intro .main .entry_body {
	float: right;
	width: 315px;
	padding-right: 10px;
	line-height: 1.5;
}

#contents.intro .main h5 {	padding: 7px 0;}
#contents.intro .main table {	width: 100%;}
#contents.intro .main table th {
	width: 7em;
	padding: 5px 0;
	border: 1px solid #dde1e4;
	background-color: #ffe7cc;
	white-space: nowrap;
	font-weight: normal;
	text-align: center;
}
#contents.intro .main table td {
	padding: 5px 12px;
	border: 1px solid #dde1e4;
}

#contents.intro .main p.access_btn {
	margin: 15px 0;
	padding: 8px;
	background: url(../img/shop/bg01.gif);
	text-align: center;
}

/* 店長のご紹介 */
#contents.intro .main .manager {
	float: left;
	width: 284px;
	margin-right: 10px;
	background: url(../img/shop/bg02.gif);
}
#contents.intro .main .manager p.image {
	float: left;
	width: 77px;
	padding: 10px 0 10px 10px;
}
#contents.intro .main .manager p.text {
	float: right;
	width: 170px;
	padding: 35px 10px 10px 0;
	line-height: 1.5;
	font-weight: bold;
}
#contents.intro .main .manager p.text span {	font-size: 140%;}
#contents.intro .main .manager h5 {
	clear: both;
	font-weight: bold;
	padding: 0 10px 1px;
}
#contents.intro .main .manager table {
	width: auto;
	margin: 0 12px 10px;
}
#contents.intro .main .manager table th {
	width: auto;
	padding: 0 15px 0 0;
	border: none;
	background-color: transparent;
	white-space: nowrap;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
#contents.intro .main .manager table td {
	padding: 0;
	border: none;
	vertical-align: top;
}

/* 店長のおすすめ情報 */
#contents.intro .main .osusume {
	float: left;
	width: 284px;
	padding-bottom: 10px;
	background: url(../img/shop/bg03.gif);
}
#contents.intro .main .osusume p {
	margin: 10px 10px 0;
	padding: 10px;
	background-color: #FFFFFF;
	line-height: 1.5;
}


/* サンフェステ アクセス sun/access.html
------------------------------------------------------------ */
#contents.access .main {
	padding: 3px;
	border: 2px solid #e6e6e6;
}

#contents.access .main h3 {
	padding: 5px 3px 3px;
	font-size: 120%;
	font-weight: bold;
/*	border-bottom: 3px solid #fd6828;*/
}
/*#contents.access .main h3 span {	color: #fd6828;}*/
#contents.access .main .inner {	padding: 24px 12px 16px}

#contents.access .main p.map {
	float: left;
	width: 425px;
}
#contents.access .main p.text {
	float: right;
	width: 125px;
	padding-right: 10px;
	line-height: 1.5;
}
/* 外販　gaihan/index.html
------------------------------------------------------------ */



/* 各店舗色設定
------------------------------------------------------------ */
/* サンフェステ */
#contents.sun .shop h3 {	border-bottom: 3px solid #fd6828;}
#contents.sun .shop h3 span {	color: #fd6828;}
#contents.sun .main h3 {	border-bottom: 3px solid #fd6828;}
#contents.sun .main h3 span {	color: #fd6828;}
#contents.sun .main h4.subtitle {	background: url(../img/shop/sun/title_bg.gif);}
#contents.shop_index.sun .shop p.image {	border-top: 3px solid #fd6828;}

/* 業務スーパー */
#contents.super .shop h3 {	border-bottom: 3px solid #008551;}
#contents.super .shop h3 span {	color: #008551;}
/* 2017.05.23 追加　*/
#contents.super .shop h3 span.clr01 { color: #FF3300;}
/*　--------------　*/
#contents.super .main h3 {	border-bottom: 3px solid #008551;}
#contents.super .main h3 span {	color: #008551;}
#contents.super .main h3 span.clr01 { color: #FF3300;}
#contents.super .main h4.subtitle {	background: url(../img/shop/bg03.gif);}
#contents.shop_index.super .shop p.image {	border-top: 3px solid #008551;}

/* 外販部 */
#contents.gaihan .shop h3 {	border-bottom: 3px solid #f4c301;}
#contents.gaihan .shop h3 span {	color: #f4c301;}
#contents.gaihan .main h3 {	border-bottom: 3px solid #f4c301;}
#contents.gaihan .main h3 span {	color: #f4c301;}
#contents.gaihan .main h4.subtitle {	background: url(../img/shop/bg02.gif);}

/* 飲食事業部 */
#contents.restaurant .shop h3 {	border-bottom: 3px solid #fde670;}
#contents.restaurant .shop h3 span {	color: #fde670;}
#contents.restaurant .main h3 {	border-bottom: 3px solid #fde670;}
#contents.restaurant .main h3 span {	color: #fde670;}
#contents.restaurant .main h4.subtitle {	background: url(../img/shop/bg04.gif);}

/* 店舗紹介検索結果
------------------------------------------------------------ */
#contents.search .main .result {
	margin-bottom: 10px;
	padding: 10px 10px;
	border: 2px solid #e6e6e6;
}
#contents.search .main .result p.image {
	float: left;
	width: 80px;
}
#contents.search .main .result .text {
	float: right;
	width: 475px;
}
#contents.search .main .result h3 {
	padding: 0;
	font-size: 120%;
	font-weight: bold;
}
#contents.search .main .result h3 span {	padding-right: 3px;}
#contents.search .main .result h4 {	color: #fd6828;}

#contents.search .main .result h3.sun span {	color: #fd6828;}
#contents.search .main .result h3.super span {	color: #008551;}
#contents.search .main .result h3.gaihan span {	color: #f4c301;}

/* 外販部
------------------------------------------------------------ */

#contents.gaihan .lead{
	width: 391px;
	float:left;
	display: block;
}
#contents.gaihan .lead span.txt{
	padding: 20px 0 0 10px;
	width: 385px;
	float:left;
	display: block;
}
#contents.gaihan .bos{
	width: 183px;
	float: right;
	margin: 0;
	padding: 0;
	display: block;
}
#contents.gaihan .txt02{
	background-color: #EFEFEF;
	padding: 10px;
	margin: 10px 0;
	font-weight: bold;
}
#contents.gaihan .txt03{
	padding: 10px;
	margin: 5px 0;
	font-weight: bold;
}
#contents.gaihan .tel{
	padding-top: 20px;
	border-bottom: 3px solid #999999;
}
#contents.gaihan .tel2{
	border-bottom: 3px solid #999999;
	margin-bottom: 10px; /* 2017.04.06 追加*/
}
#contents.gaihan .left{
	float:left;
	width:89px;
	padding:0 7px 0 4px;
	_padding:0 5px 0 3px;
}

/*
#snavi ul.menu li.gaihan a {	background-position: -190px 0;}
*/