@charset "utf-8";

/* ------------------------------------------------------------

	filename:	map_layout.css
	created:	061219
	update:		090401

------------------------------------------------------------ */

/* ------------------------------------------------------------ プラットフォーム */


div#platform {
	width: 100%;
	height: auto;
	text-align: center;
}

div#header,
div#notice,
div#mainContents,
div#footer { background-color: #FFF; }

div.inner,
div#noscript {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}

div.typeSe div.inner { width: 760px; }

div.typeSp div.inner { width: 640px; }

div#header {
	clear: both;
	min-height: 40px;
}

div#container {
	clear: both;
	min-width: 950px;
}

* html div#footer { height: 30px; }

/* ------------------------------------------------------------ コンテナ */
div.typeSe div#container { padding-top: 10px; }

/* ------------------------------------------------------------ メインコンテンツ */
div#mainContents { margin-bottom: 10px; }

div.typeS div#mainContents { width: 930px; }

div.typeD div#mainContents {
	float: left;
	width: 760px;
}

div.typeSe div#mainContents,
div.typeSp div#mainContents { margin-bottom: 20px; }

div.typeSe div#mainContents div#mainContentsWrapSecond {
	padding-top: 15px;
	padding-bottom: 10px;
}

div.typeSe div#container { min-width: 760px; }
div.typeSp div#container { min-width: 640px; }

/* ------------------------------------------------------------ コンテナ */
/* おことわり */
div#notice {
	clear: both;
	margin-bottom: 10px;
	padding: 5px 10px;
	background-color: #EFE4D2;
}

div#notice p { color: #666; }

/* ------------------------------------------------------------ ヘッダ */
div#header p#siteID,
div#header h1#siteID,
div#header p.siteID,
div#header h1.siteID {
	float: left;
	width: 325px;
	margin-top: 7px;
}

div#header p { line-height: 50px; }

div#header ul.links {
	float: right;
	margin: 8px 10px 10px 0;
}

* html div#header ul.links { margin-right: 5px; }

div#header ul.links li {
	float: left;
	margin-left: 10px;
	padding-right: 13px;
	font-size: 100%;
	border-right: solid 1px #D4D4D4;
	line-height: 1.8;
	background-position: -5px 2px;
}

* html div#header ul.links li { background-position: -5px 3px; }
*:first-child+html div#header ul.links li { background-position: -5px 3px; }

div#header ul li.lastChild {
	padding-right: 0;
	border: none;
}

div#header ul.links li.external { background-position: -2px 2px; }
* html div#header ul.links li.external { background-position: -2px 3px; }
*:first-child+html div#header ul.links li.external { background-position: -2px 3px; }

div#header ul li.keep {
	padding-left: 20px;
	background-image: url(/SYS/cmn/images/common/img_links_keep.gif);
	background-position: 0 2px!important;
	background-repeat: no-repeat;
}

* html div#header ul li.keep { background-position: 0 2px!important; }
*:first-child+html div#header ul li.keep { background-position: 0 2px!important; }

div#header ul li.diary {
	padding-left: 19px;
	background-image: url(/SYS/cmn/images/common/img_links_diary.gif);
	background-position: 0 2px!important;
	background-repeat: no-repeat;
}

div#header ul li.keep a,
div#header ul li.diary a { font-weight: bold; }

div#header ul li.keep a {
	padding-right: 14px;
	background-image: url(/SYS/cmn/images/common/mark_win.gif);
	background-position: 100% -1px;
	background-repeat: no-repeat;
}

div#header ul li.current a { color: #666; }

div.typeSe div#header ul.links { float: right; }

div#header ul li.close {
	padding-left: 14px;
	background-image: url(/SYS/cmn/images/common/btn_close_03.gif);
	background-position: 0 4px!important;
	background-repeat: no-repeat;
}

/* ------ SA TOP */

body.saTop div#header {
	min-height: 16px;
	margin-bottom: 0;
}

body.saTop div#header ul.links {
	float: right;
	margin: 5px 10px 1px 0;
}

* html body.saTop div#header ul.links {
	float: right;
	margin-right: 5px;
}

/* ------ お店情報系 */
div#header div.inner p#siteID {
	width: 360px;
	margin: 4px 0 9px;
}

* html div#header div.inner p#siteID {
	padding-bottom:9px;
}

*:first-child+html div#header p#siteID,
*:first-child+html div#header h1#siteID,
*:first-child+html div#header p.siteID,
*:first-child+html div#header h1.siteID { padding-bottom: 9px; }

* html div#header p#siteID,
* html div#header h1#siteID,
* html div#header p.siteID,
* html div#header h1.siteID { padding-bottom: 9px; }

div#header div.inner div#sideInfo,
div#header div.inner div#sideInfoMypage {
	margin: 1px 0 9px 0;
	float: right;
	text-align: right;
}
div#header div.inner div#sideInfo h1,
div#header div.inner div#sideInfoMypage h1{
	font-size: 100%;
}

div#header div.inner div#sideInfo ul.links,
div#header div.inner div#sideInfoMypage ul.links{
	margin: 8px 10px 0 0;}
* html div#header ul.links { margin-right: 5px; }

/* ------------------------------------------------------------ トピックパス */
div#utilities {
	clear: both;
	padding: 8px 0 10px 0;
}

div#utilities p.back {
	float: left;
	width: 103px;
	margin-left: 7px;
	font-size: 100%;
	text-align: left;
}

* html div#utilities p.back { margin-left: 3px; }

div#utilities p.back a { background-position: 0 -1px; }

div#utilities ol { margin-left: 120px; }

* html div#utilities ol { margin-left: 117px; }

div#utilities ol li {
	margin-right: 6px;
	vertical-align: middle;	/* IE対応 */
	white-space: nowrap;
	float: left;
	font-size: 100%;
	color: #666;
}

div#utilities ol li a {
	padding-right: 13px;
	background-image: url(/SYS/cmn/images/common/bg_chevron.gif);
	background-position: right 0.1em;
	background-repeat: no-repeat;
}

/* ------------------------------------------------------------ フッタ */
div#footer {
	clear: both;
	padding-top: 8px;
}

div#footer p,
div#footer ul,
div#footer dl { margin: 0 0 10px 0; }

/* フッタナビ */
div#footerNav { clear: both; }

* html div#footerNav { margin-top: 10px; }
*:first-child+html div#footerNav { margin-top: 10px; }

div#footerNav dl dt,
div#footerNav dl dd,
div#footerNav ul li,
div#footerNav p,
div#footer p,
div#footer ul li,
div#footer dl dt,
div#footer dl dd,
div#footer address { font-size: 100%; }

div#footerNav dl dt,
div#footerNav dl dd,
div#footerNav dl dd a,
div#footerNav p,
div#footerNav p a,
div#footer p.links,
div#footer p.links a { color: #555555; }

div#footer p.links a.external {
padding: 0;
background-image: none;
}

div#footerNav p { margin-bottom: 10px; }

div#footerNav dl dt { font-weight: bold; }

div#footerNav dl dd { margin-bottom: 10px; }

div#footerNav ul.links li { background-position: -5px 0; }
div#footerNav p.shopName { text-align: right;color: #999; }

div#footer p.links {
	padding-bottom: 7px;
	border-bottom: solid 1px #DFDFDF;
}

div#footer ul {
	float: right;
	margin-top: 5px;
}

div#footer ul li {
	float: left;
	margin-right: 0.5em;
	padding-right: 0.5em;
	border-right: solid 1px #999;
	line-height: 1;
	font-size: 100%;
}

div#footer ul li.external { background-position: 0 -2px; }

div#footer ul li.lastChild {
	margin-right: 0;
	padding-right: 0;
	border: none;
}

div#footer address {
	float: left;
	margin-top: 3px;
	text-align: right;
}

/* ------------------------------------------------------------ マージン */
div#mainContents h1 { margin: 0 0 10px 20px; }

div.typeSe div#mainContents > h1 { padding-top: 20px; }

div#mainContents h2 { margin: 20px 0 10px 20px; }

div#mainContents h3 { margin: 20px 0 10px 30px; }

div#mainContents h4 { margin: 0 0 10px 30px; }

div#mainContents h5,
div#mainContents h6 { margin: 0 0 8px 30px; }

/* ロケータがある場合  */
div#mainContents div.locator h2:first-child,
div#mainContents div.locator + h2 { margin-top: 20px; }

div#mainContents div.locator h3:first-child,
div#mainContents div.locator + h3 { margin-top: 10px; }

/* 見出しが連続する場合 */
div#mainContents h2 + div.locator h3:first-child,
div#mainContents h2 + h3 { margin-top: 0; }

/* ie対応 */
* html div#mainContents h2.siblingA { margin-top: 20px; }

* html div#mainContents h3.firstChild,
* html div#mainContents h3.siblingA { margin-top: 10px; }

* html div#mainContents h3.siblingB,
* html div#mainContents p.siblingB { margin-top: 0; }

/* 本文 */
div#mainContents p,
div#mainContents ul,
div#mainContents ol,
div#mainContents dl { margin: 0 0 10px 30px; }

div#mainContents hr { margin: 20px 0 10px 20px; }

* html div#mainContents hr { margin: 13px 0 3px 20px; }/* IEはデフォルトで上下に7pxマージンがある*/

/*div#mainContents table { margin: 0 0 10px 30px; }*/ /**対象 フッタのマージン */
div#mainContents table.coupon { margin: 0 0 10px 30px; } /*修正*/
div#mainContents table.access { margin: 0 0 20px 30px; } /*修正*/

div#mainContents ul ul,
div#mainContents ul ol,
div#mainContents ol ul,
div#mainContents ol ol,
div#mainContents dl dd p,
div#mainContents dl dd ul,
div#mainContents dl dd ol,
div#mainContents table p,
div#mainContents table ul,
div#mainContents table ol,
div#mainContents table dl,
div.typeSe div#mainContents table p,
div.typeSe div#mainContents table ul,
div.typeSe div#mainContents table ol,
div.typeSe div#mainContents table dl { margin-left: 0; }

div#mainContents table p.lastChild,
div#mainContents table ul.lastChild,
div#mainContents table ol.lastChild,
div#mainContents table dl.lastChild { margin-bottom: 0; }

div.typeSe div#mainContents p,
div.typeSe div#mainContents ul,
div.typeSe div#mainContents ol,
div.typeSe div#mainContents dl { margin-left: 20px; }

/* ------------------------------------------------------------ テーブル */

/* div#mainContents table { width: 710px; }*/ /**対象 吹き出しの初回の横幅*/
div#mainContents table.coupon { width: 710px; } /*修正*/
div#mainContents table.access {
	width: 710px;
	table-layout: fixed;
} /*修正*/


div#mainContents div.column3A table { width: 217px; }
div#mainContents div.column3B table { width: 463px; }
div#mainContents div.column4A table { width: 155px; }
div#mainContents div.column4B table { width: 340px; }
div#mainContents div.column4C table { width: 525px; }
div#mainContents div.column5A table { width: 118px; }
div#mainContents div.column5B table { width: 266px; }
div#mainContents div.column5C table { width: 414px; }
div#mainContents div.column5D table { width: 562px; }
div#mainContents div.column4B div.column4A table { width: 177px; }

/* ローカルナビなし */
div.typeS div#mainContents table { width: 900px; }
div.typeS div#mainContents div.column3A table { width: 280px; }
div.typeS div#mainContents div.column3B table { width: 590px; }
div.typeS div#mainContents div.column4A table { width: 202px; }
div.typeS div#mainContents div.column4B table { width: 435px; }
div.typeS div#mainContents div.column4C table { width: 668px; }
div.typeS div#mainContents div.column5A table { width: 156px; }
div.typeS div#mainContents div.column5B table { width: 342px; }
div.typeS div#mainContents div.column5C table { width: 528px; }
div.typeS div#mainContents div.column5D table { width: 714px; }
div.typeS div#mainContents table table { width: auto; }
div.typeSp div#mainContents table { width: 630px; }
div.typeS div#mainContents div.boxedItem div.column4B table { width: 440px; }

/* ------------------------------------------------------------ clearfix */
div#header:after,
div.inner:after,
div#diaryContentsWrapSecond:after,
div#utilities:after,
div#utilities ol:after,
div#notice:after {
	display: block;
	clear: both;
	content: "";
	height: 1px;
	overflow: hidden;
}

div#header,
div.inner,
div#diaryContentsWrapSecond,
div#utilities,
div#utilities ol,
div#notice { display: inline-table; }

/* Hides from IE-mac */
* html div#header,
* html div.inner,
* html div#diaryContentsWrapSecond,
* html div#utilities,
* html div#utilities ol,
* html div#notice { height: 1%; }

div#header,
div.inner,
div#diaryContentsWrapSecond,
div#utilities,
div#utilities ol,
div#notice {
	display: block;
	zoom: 1;
}

/* End hide from IE-mac */

/* EOF */