@charset 'UTF-8';

/* ========================================
OUTLINE
	小田原籠清オフィシャルサイト
	店舗のご案内 共通CSS
	[/shoplist/]

CONTENTS
	00：左メニュー
	10：インデックス
	20：各店舗 共通
	20-01：本店
	20-02：小田原駅前店
	20-03：小田原江の浦店
	20-04：横浜そごう店
	20-06：小田原ラスカ店
	20-08：横浜松坂屋店 --- 【削除】
	20-11：お城通り店 --- 【削除】
	20-12：新百合ケ丘エルミロード店--- 【削除】
	30：その他取扱店
======================================== */



/* 00：左メニュー
======================================== */

div#lNav ul li#lm01honten a {
	background-image: url("../images/lm_01honten.gif");
	}

div#lNav ul li#lm02ekimae a {
	background-image: url("../images/lm_02ekimae.gif");
	}

div#lNav ul li#lm03enoura a {
	background-image: url("../images/lm_03enoura.gif");
	}

div#lNav ul li#lm04sogo a {
	background-image: url("../images/lm_04sogo.gif");
	}

div#lNav ul li#lm05atore a {
	background-image: url("../images/lm_05atore.gif");
	}

div#lNav ul li#lm06lusca a {
	background-image: url("../images/lm_06lusca.gif");
	}

div#lNav ul li#lm08matsuzakaya a {
	background-image: url("../images/lm_08matsuzakaya.gif");
	}

div#lNav ul li#lm11oshiro a {
	background-image: url("../images/lm_11oshiro.gif");
	}

div#lNav ul li#lm12lmylord a {
	background-image: url("../images/lm_12lmylord.gif");
	}

div#lNav ul li#lmOnline a {
	background-image: url("../images/lm_online.gif");
	}

div#lNav ul li#lmOther a {
	background-image: url("../images/lm_other.gif");
	}

body.bd01honten div#lNav ul li#lm01honten a,
body.bd02ekimae div#lNav ul li#lm02ekimae a,
body.bd03enoura div#lNav ul li#lm03enoura a,
body.bd04sogo div#lNav ul li#lm04sogo a,
body.bd06lusca div#lNav ul li#lm06lusca a,
body.bd08matsuzakaya div#lNav ul li#lm08matsuzakaya a,
body.bd11oshiro div#lNav ul li#lm11oshiro a,
body.bd12lmylord div#lNav ul li#lm12lmylord a,
body.bdOther div#lNav ul li#lmOther a {
	background-position: right top;
	}



/* 10：インデックス [index.html]
======================================== */

body.bdIndex div#main {
	position: relative;
	}

body.bdIndex div#main img.bgimg {
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1;
	}

body.bdIndex div#main p.lead {
	margin-top: 7px;
	z-index: 10;
	}

body.bdIndex div#main p.lead img {
	z-index: 10;
	}

body.bdIndex div#main ul {
	width: 608px;
	z-index: 10;
	}

body.bdIndex div#main ul li {
	_display: inline; /* IE6 */
	float: left;
	width: 298px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	background-position: top left;
	z-index: 10;
	}

body.bdIndex div#main ul li a {
	display: block;
	width: 298px;
	}

body.bdIndex div#main ul li a img {
	z-index: 10;
	}

body.bdIndex div#main ul li a:hover img,
body.bdIndex div#main ul li a:focus img,
body.bdIndex div#main ul li a:active img {
	display: none;
	}


/* ----- 実店舗 共通 ----- */

body.bdIndex div#main ul.shops {
	margin: 25px 0 20px 0;
	*margin-bottom: 30px; /* IE6-7 */
	}

body.bdIndex div#main ul.shops li,
body.bdIndex div#main ul.shops li a {
	height: 119px;
	}

body.bdIndex div#main ul.shops li#sl01h { /* 01_本店 */
	margin-right: 100px;
	background-image: url("../images/idx_01h_ov.jpg");
	}

body.bdIndex div#main ul.shops li#sl02e { /* 02_小田原駅前店 */
	margin-right: 10px;
	background-image: url("../images/idx_02e_ov.jpg");
	}

body.bdIndex div#main ul.shops li#sl11o { /* 11_お城通り店 */
	background-image: url("../images/idx_11o_ov.jpg");
	}

body.bdIndex div#main ul.shops li#sl06l { /* 06_小田原ラスカ店 */
	background-image: url("../images/idx_06l_ov.jpg");
	}

body.bdIndex div#main ul.shops li#sl03e { /* 03_小田原江の浦店 */
	margin-right: 10px;
	background-image: url("../images/idx_03e_ov.jpg");
	}

body.bdIndex div#main ul.shops li#sl12l { /* 12_エルミロード新百合ケ丘店 */
	background-image: url("../images/idx_12l_ov.jpg");
	}

body.bdIndex div#main ul.shops li#sl04s { /* 04_横浜そごう店 */
	/*margin-right: 10px;*/
	background-image: url("../images/idx_04s_ov.jpg");
	}
	
body.bdIndex div#main ul.shops li#sl05a { /* 05_アトレ吉祥寺 */
	margin-right: 10px;
	background-image: url("../images/idx_05s_ov.jpg");
	}	

body.bdIndex div#main ul.shops li#sl08m { /* 08_横浜松坂屋店 */
	background-image: url("../images/idx_08m_ov.jpg");
	}



/* ----- 店舗 その他 ----- */

body.bdIndex div#main ul.shopsExcp li,
body.bdIndex div#main ul.shopsExcp li a {
	height: 84px;
	}

body.bdIndex div#main ul.shopsExcp li#seOnline { /* オンラインショップ */
	margin-right: 10px;
	background-image: url("../images/idx_online_ov.jpg");
	}

body.bdIndex div#main ul.shopsExcp li#seOther { /* その他取扱店 */
	background-image: url("../images/idx_other_ov.gif");
	}


/* ----- 通信販売 ----- */

body.bdIndex div#main div.mailOrder {
	margin: 40px 0 20px;
	padding-top: 5px;
	border-top: 1px solid #e5e7eb;
	}

body.bdIndex div#main div.mailOrder img {
	display: block;
	margin-bottom: 8px;
	}

body.bdIndex div#main div.mailOrder p {
	margin: 0 0 0 14px;
	}



/* 20：各店舗 共通
======================================== */

/* ----- 店舗 外観・内観写真 ----- */

div#main div.mainPh {
	margin-top: 15px;
	}

div#main div.mainPh img.ph01 {
	float: left;
	}

div#main div.mainPh img.ph02 {
	float: right;
	}

div#main div.mainPh img.ph03 {
	float: right;
	border-top: 1px solid #fff;
	}


/* ----- 店舗 紹介文 ----- */

div#main div.mainTxt p {
	margin-top: 0.5em;
	}


/* ----- 店舗 データ ----- */

div#main div.shopData {
	margin-top: 2em;
	}

div#main div.shopData div {
	float: left;
	width: 231px;
	}

div#main div.shopData div table {
	width: 231px;
	margin-top: 0.5em;
	}

div#main div.shopData div table th,
div#main div.shopData div table td {
	padding: 0.1em 0 0.2em 10px;
	}

div#main div.shopData div table th {
	padding-top: 0.2em;
	padding-bottom: 0;
	border-top: 1px solid #e4e8eb;
	background: url("../images/tblhd.gif") no-repeat 0.1em 0.7em;
	color: #222;
	}

div#main div.shopData div table th.first {
	border-top: none;
	}

div#main div.shopData img.map {
	float: right;
	}


/* ----- ページトップ ----- */

div#main div.pageTop {
	margin-top: 20px;
	}



/* 20-01：本店 [01_honten.html]
======================================== */

/* ----- TOPICS ----- */

body.bd01honten div#main div.topics {
	position: relative;
	min-height: 259px;
	height: auto !important;
	height: 259px;
	margin-top: 15px;
	padding: 25px 0 0 16px;
	background: url(../images/01h_topics_bg.jpg) no-repeat left top;
	}

body.bd01honten div#main div.topics h4 img {
	display: block;
	}

body.bd01honten div#main div.topics p {
	min-height: 91px;
	height: auto !important;
	height: 91px;
	width: 285px;
	padding: 8px 0 12px 2px;
	color: #880909;
	}

body.bd01honten div#main div.topics img {
	margin-right: 3px;
	}

body.bd01honten div#main div.topics img.mainP {
	position: absolute;
	top: 31px;
	right: 21px;
	margin-right: 0;
	}



/* 20-02：小田原駅前店 [02_ekimae.html]
======================================== */

/* ----- ウィンドウディスプレイ ----- */

body.bd02ekimae div#main div#winDisp {
	margin-top: 30px;
	}

/*body.bd02ekimae div#main div#winDisp h4 {
	float: left;
	width: 268px;
	}
body.bd02ekimae div#main div#winDisp div.mainTxt {
	float: left;
	width: 248px;
	padding-right: 20px;
	}
	*/
body.bd02ekimae div#main div#winDisp h4 {
	float: left;
	width: 242px;
	}
	
body.bd02ekimae div#main div#winDisp div.mainTxt {
	float: left;
	width: 260px;
	padding-right: 10px;
	}

body.bd02ekimae div#main div#winDisp div.mainTxt p {
	margin-top: 1.3em;
	line-height: 1.6;
	}

body.bd02ekimae div#main div#winDisp div.mainTxt p strong {
	display: block;
	margin-bottom: 0.3em;
	font-weight: bold;
	}

body.bd02ekimae div#main div#winDisp img.mainVs {
	float: right;
	}


/* ----- 店舗紹介文：2階ギャラリー ----- */

body.bd02ekimae div#main div.ekiGallery {
	margin: 30px 0 40px;
	}

body.bd02ekimae div#main div.ekiGallery div.mainTxt {
	float: right;
	width: 292px;
	}

body.bd02ekimae div#main div.ekiGallery p {
	padding-top: 5px;
	padding-left: 18px;
	line-height: 1.6;
	}

body.bd02ekimae div#main div.ekiGallery dl {
	float: left;
	width: 314px;
	}

body.bd02ekimae div#main div.ekiGallery dl dt img {
	display: block;
	}

body.bd02ekimae div#main div.ekiGallery dl dd {
	padding-top: 0.3em;
	font-size: 0.84em;
	}



/* 20-03：小田原江の浦店 [03_enoura.html]
======================================== */

body.bd03enoura div#main div.mainTxt p {
	font-weight: bold;
	}


/* ----- 店舗 特徴 ----- */

body.bd03enoura div#main div.feature {
	margin: 1.5em 0 0 0;
	}

body.bd03enoura div#main div.feature dl {
	_display: inline; /* IE6 */
	float: left;
	width: 280px;
	margin: 0;
	line-height: 1.3;
	}

body.bd03enoura div#main div.feature dl.leftCol {
	margin-right: 45px;
	}

body.bd03enoura div#main div.feature dl dt {
	padding: 0 0 0 4px;
	border-left: 2px solid #283894;
	color: #5360a9;
	font-weight: bold;
	}

body.bd03enoura div#main div.feature dl dd {
	padding: 0.3em 0 0 6px;
	}


/* ----- 店舗 データ補足 ----- */

body.bd03enoura div#main div.shopData div p {
	margin-top: 0.5em;
	font-size: 0.84em;
	}

body.bd03enoura div#main div.shopData div img {
	display: block;
	margin: 0.8em 0 0 auto;
	}



/* 20-04：横浜そごう店 [04_sogo.html]
======================================== */



/* 20-06：小田原ラスカ店 [06_lusca.html]
======================================== */



/* 20-08：横浜松坂屋店 [08_matsuzakaya.html]
======================================== */

body.bd08matsuzakaya div#main div.mainTxt p img { /* 「籠清」文字画像 */
	margin-bottom: -0.1em;
	margin-right: 0.1em;
	vertical-align: baseline;
	}



/* 20-11：お城通り店 [11_oshiro.html]
======================================== */

/* ----- 店舗紹介文：揚げもの工房 ----- */

body.bd11oshiro div#main div.oshiroFct div {
	float: left;
	width: 350px;
	}

body.bd11oshiro div#main div.oshiroFct dl {
	float: right;
	width: 227px;
	margin-top: 0.5em;
	}

body.bd11oshiro div#main div.oshiroFct dl dt img {
	display: block;
	}

body.bd11oshiro div#main div.oshiroFct dl dd {
	padding-top: 0.1em;
	text-align: center;
	}



/* 20-12：新百合ケ丘エルミロード店 [12_l-mylord.html]
======================================== */



/* 30：その他取扱店 [other.html]
======================================== */

body.bdOther div#main img.lead {
	display: block;
	margin: 20px 0 10px;
	}

body.bdOther div#main p.atn {
	padding-bottom: 5px;
	color: #c00;
	}

body.bdOther div#main h4 {
	margin: 35px 0 0;
	padding-bottom: 7px;
	border-bottom: 1px solid #a3afb9;
	}

body.bdOther div#main table {
	width: 606px;
	}

body.bdOther div#main table th,
body.bdOther div#main table td {
	padding: 0.3em 0;
	border-bottom: 1px solid #e4e8eb;
	vertical-align: top;
	}

body.bdOther div#main table th {
	width: 12em;
	padding-left: 12px;
	background: url("../images/tblhd.gif") no-repeat 0.1em 0.8em;
	color: #222;
	}

body.bdOther div#main table th.direct {
	width: inherit;
	*width: 594px;
	}

body.bdOther div#main table tr.end th,
body.bdOther div#main table tr.end td {
	border-color: #a3afb9;
	}