@charset "utf-8";

/* ------------------------------------------------------------
   
	filename:	front.css
	created:	090225
	update:		090423
		  
------------------------------------------------------------ */

/* ------------------------------------------------------------ レイアウト */
div#platform {
	background-color: #F4F3EF;
	background-image: url(/SYS/cmn/images/common/front/bg_platform.gif);
	background-repeat: repeat;
	background-position: 0 0;
}

div#platformWrap {
	background-image: url(/SYS/cmn/images/common/front/bg_platformwrap.gif);
	background-repeat: repeat-x;
	background-position: 0 36px;
}

/* メインコンテンツ */
div#mainContents,
div#search {
	background-image: url(/SYS/cmn/images/common/front/bg_maincontents.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	zoom: 1;
}

div#mainContentsWrapFirst,
div#searchWrapFirst {
	background-image: url(/SYS/cmn/images/common/front/bg_maincontentswrapfirst.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	zoom: 1;
}

div#mainContentsWrapSecond,
div#searchWrapSecond {
	padding: 20px 20px 10px 0;
	background-image: url(/SYS/cmn/images/common/front/bg_maincontentswrapsecond.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
	zoom: 1;
}

div#searchWrapSecond {
	padding-right: 0;
	padding-bottom: 1px;
}

div#search { margin-bottom: 10px; }

/* ------------------------------------------------------------ ナビゲーション */
/* エリアナビ */
div#mainContents dl.areaNav { clear: both; }

div#mainContents dl.areaNav dt {
	float: left;
	width: 8em;
}

div#mainContents dl.areaNav dd { margin-left: 8em; }

div#mainContents dl.areaNav dd span { color: #CCC; }

/* ステップナビ */
div.typeSe div#mainContents ol.stepNav03 { margin-left: 30px; }

/* ------------------------------------------------------------ コンテンツ */
/* クーポン詳細 */
div#mainContents dl.couponDetail dt,
div#mainContents dl.couponDetail dd { font-size: 100%; }

div#mainContents dl.couponDetail dt {
	width: 6.5em;
	float: left;
	padding-left: 9px;
	background-image: url(/SYS/cmn/images/common/front/bg_coupondetail.gif);
	background-position: 0 4px;
	background-repeat: no-repeat;
}

div#mainContents dl.couponDetail dd { margin-left: 6.5em; }

/* テキスト＋ポイコアイコン */
div#mainContents img.poico {
	margin-left: 5px;
	margin-bottom: 2px;
}

/* ------------------------------------------------------------ サブコンテンツ */
/* レイアウト */
div#subContents {
	float: right;
	width: 170px;
	margin-bottom: 10px;
}

div#subContents p,
div#subContents ul,
div#subContents ol,
div#subContents dl { clear: both; }

div#subContents p,
div#subContents ul li,
div#subContents ol li,
div#subContents dl dt,
div#subContents dl dd { font-size: 100%; }

div#subContents ul.links li { background-position: -5px 0; }

* html div#subContents ul.links li { background-position: -5px 1px; }

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

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

* html div#subContents ul.links li.external { background-position: -2px 1px; }

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

/* マイホットペッパー レイアウト */
div#subContents div#myHotpepper { background: url(/SYS/cmn/images/common/front/bg_sub_body.gif) repeat-y; }

div#subContents div#myHotpepperWrapFirst {
	padding: 0 0 2px 0;
	background: url(/SYS/cmn/images/common/front/bg_sub_bottom.gif) bottom no-repeat;
	zoom: 1;
	margin-bottom: 10px;
}

div#subContents div#myHotpepperWrapSecond { background: url(/SYS/cmn/images/common/front/bg_sub_top.jpg) top no-repeat; }

div#subContents div#myHotpepper h2 { margin-bottom: 6px; }

div#subContents div#myHotpepper p.notes { color: #666; }

/* 各機能 レイアウト */
div#subContents div#diaryLogIn,
div#subContents div#diaryLogOut,
div#subContents div#keepShop,
div#subContents div#bookMark,
div#subContents div#newlyShop {
	clear: both;
	width: 160px;
	margin: 0 0 4px 5px;
	padding: 0;
	background: url(/SYS/cmn/images/common/front/bg_sub_box_body.gif) repeat-y;
}

div#subContents div div.wrapFirst {
	background: url(/SYS/cmn/images/common/front/bg_sub_box_top.jpg) top no-repeat;
	padding-top: 0;
	zoom: 1;
}

div#subContents div div.wrapFirst div.wrapSecond {
	padding-bottom: 2px;
	background: url(/SYS/cmn/images/common/front/bg_sub_box_bottom.gif) bottom no-repeat;
	width: 160px;
}

div#subContents div h2,
div#subContents div h3 {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	background: none;
	line-height: 0;
}

div#subContents div div.wrapFirst div.wrapSecond h4,
div#subContents div div.wrapFirst div.wrapSecond p,
div#subContents div div.wrapFirst div.wrapSecond ul,
div#subContents div div.wrapFirst div.wrapSecond ol,
div#subContents div div.wrapFirst div.wrapSecond dl { margin: 5px; }

div#subContents div div.wrapFirst div.wrapSecond ul.links li.diary {
	padding-left: 18px;
	background: url(/SYS/cmn/images/common/img_links_diary.gif) left top no-repeat;
}

/* グルメ手帳 */
div#subContents div#diaryLogIn ul.btn { margin: 0 0 0 5px; }

div#subContents div#diaryLogIn ul.btn li {
	float: left;
	margin-right: 5px;
}

* html div#subContents div#diaryLogIn ul.btn li { margin-right: 4px; }

div#subContents div#diaryLogOut p.username {
	margin: 5px 4px 6px 4px;
	padding: 3px 5px 4px 5px;
	background: #fff;
	font-weight: bold;
}

div#subContents div#diaryLogOut p.score {
	margin: 5px 0 6px 6px;
	color: #657E90;
	font-weight: bold;
}

div#subContents div#diaryLogOut p.score span {
	color: #993300;
	font-size: 120%;
	font-weight: bold;
}

div#subContents div#diaryLogOut p.rank { margin: 5px 0 6px 6px; }

* html div#subContents div#diaryLogOut p.rank img { margin-top: -1px; }

/* とりあえずキープ、最近みたお店 */
div#subContents div#keepShop div.article,
div#subContents div#newlyShop div.article {
	margin: 0 5px 5px 5px;
	border-bottom: 1px dotted #CCC;
}

div#subContents div#keepShop div.noItem {
	background-color: #FFF7E0;
	margin: 5px;
	padding: 2px;
}

div#subContents div#keepShop p.place,
div#subContents div#keepShop p.shopcatch { color: #666; }

div#subContents div#keepShop p.close {
	text-align: right;
	cursor: pointer;
}

div#subContents div#keepShop ul.links li { background-position: 0 0; }

div#subContents div#newlyShop h3 { position: relative; }

div#subContents div#newlyShop h3 span {
	display: block;
	z-index: 99;
	position: absolute;
	top: 8px;
	right: 6px;
}

div#subContents div#newlyShop h3 { margin-bottom: 15px; }

div#subContents div#newlyShop p { margin-bottom: 0; }

div#subContents div#newlyShop div.article:last-child { border: none; }

/* ブックマーク */
div#subContents div#bookMark {
	margin-bottom: 10px;
	padding-bottom: 1px;
}

div#subContents div#bookMark dl#sbm { margin-left: 10px; }

div#subContents div#bookMark dl#sbm dt { margin: 0 0 10px -10px; }

div#subContents div#bookMark dl#sbm dd {
	margin: 0;
	display: inline;
}

div#subContents div#bookMark dl#sbm dt,
div#subContents div#bookMark dl#sbm dd {
	font-size: 0;
	line-height: 0;
}

div#subContents div#bookMark div.wrapFirst div.wrapSecond { background: url(/SYS/cmn/images/common/front/bg_sub_box_bm_bottom.gif) bottom no-repeat; }

/* おすすめ情報・グルメな人ラインキング・注目のお店 */
div#subContents div#recommendInfo,
div#subContents div#ranking,
div#subContents div#hot {
	margin-bottom: 10px;
	background-repeat: repeat-y;
	background-position: 0 0;
}

div#subContents div#recommendInfo div.wrap,
div#subContents div#ranking div.wrap,
div#subContents div#hot div.wrap {
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 170px;
}

div#subContents div#recommendInfo { background-image: url(/SYS/cmn/images/common/top/bg_sub_recommend_body.gif); }

div#subContents div#recommendInfo div.wrap { background-image: url(/SYS/cmn/images/common/top/bg_sub_recommend_bottom.gif); }

div#subContents div#ranking,
div#subContents div#hot { background-image: url(/SYS/cmn/images/common/top/bg_sub_ranking_body.gif); }

div#subContents div#ranking div.wrap,
div#subContents div#hot div.wrap { background-image: url(/SYS/cmn/images/common/top/bg_sub_ranking_bottom.gif); }

div#subContents div#recommendInfo h2,
div#subContents div#ranking h2,
div#subContents div#hot h2 { margin-bottom: 5px; }

div#subContents div#recommendInfo p,
div#subContents div#ranking ol,
div#subContents div#hot ul {
	margin-right: 10px;
	margin-left: 10px;
}

div#subContents div#recommendInfo p.photo {
	margin: 0 35px;
	width: 98px;
	height: 98px;
	border: solid 1px #F2F2F2;
	background-color: #FFF;
	text-align: center;
}

div#subContents div#recommendInfo p.photo a {
	display: block;
	width: 98px;
	height: 98px;
}

div#subContents div#ranking ol {
	list-style-type: none;
	padding: 0;
}

div#subContents div#ranking ol li {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}

*+html div#subContents div#ranking ol li { background-position: 0 3px; }

div#subContents div#ranking ol li.rank01 { background-image: url(/SYS/cmn/images/common/top/icon_rank_01.gif); }

div#subContents div#ranking ol li.rank02 { background-image: url(/SYS/cmn/images/common/top/icon_rank_02.gif); }

div#subContents div#ranking ol li.rank03 { background-image: url(/SYS/cmn/images/common/top/icon_rank_03.gif); }

div#subContents div#ranking ol li.rank04 { background-image: url(/SYS/cmn/images/common/top/icon_rank_04.gif); }

div#subContents div#ranking ol li.rank05 { background-image: url(/SYS/cmn/images/common/top/icon_rank_05.gif); }

div#subContents div#hot ul li {
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
}

div#subContents div#hot ul li p strong {
	margin-left:1px;
	margin-right: 5px;
	color: #CD0102;
}

div#subContents div#hot ul li p a { font-size: 120%; }

div#subContents div#hot ul li.lastChild { border-bottom: none; }

/* バナー */
div#subContents ul.banner { margin-bottom: 10px; }

div#subContents ul.banner li { margin-bottom: 5px; }

/* 新着・注目情報 */
div#subContents h2.spotlight { margin-bottom: 5px; }

/* ------------------------------------------------------------ この近くにある人気店 */
div#mainContents div.nearbyShop {
	margin-left: 20px;
	margin-bottom: 10px;
}

div#mainContents div.nearbyShopHeading {
	background-image: url(/SYS/cmn/images/common/bg_heading_nearbyshop_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

div#mainContents div.nearbyShopHeading div.heading {
	clear: both;
	padding-bottom: 10px;
	background-image: url(/SYS/cmn/images/common/bg_heading_nearbyshop_bottom.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

div#mainContents div.nearbyShopHeading div.heading h2 {
	margin: 0 10px;
	padding-top: 5px;
	padding-bottom: 0;
	background-image: none;
	color: #835F25;
}

* html div#mainContents div.nearbyShopHeading div.heading h2 { margin-left: 5px; }

div#mainContents div.nearbyShopHeading div.heading p {
	float: left;
	margin: 0.5em 0 0 10px;
	font-weight: bold;
	color: #CC6600;
}

div#mainContents div.nearbyShop div.column4A {
	width: 170px;
	margin: 0 13px 0 0;
}

div#mainContents div.nearbyShop div.column4A ul,
div#mainContents div.nearbyShop div.column4A p,
div#mainContents div.nearbyShop div.column4A h3 { margin-left: 0; }

div#mainContents div.nearbyShop div.column4A.lastChild { margin: 0; }

div#mainContents div.nearbyShop ul.catchWord {
	padding: 8px 0 1px 0;
	background-color: #F5EFE4;
}

div#mainContents div.nearbyShop ul.catchWord li {
	margin: 0 7px 5px 7px;
	color: #734D00;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.2;
}

div#mainContents div.nearbyShop div.column4A p.genreCatch {
	margin-bottom: 2px;
	padding-top: 9px;
	border-top: 1px dotted #cfcfcf;
	color: #666;
	font-size: 100%;
	line-height: 1.2;
}

div#mainContents div.nearbyShop div.column4A h3 {
	margin: 0;
	padding: 0 0 9px 0;
	border-bottom: 1px dotted #cfcfcf;
	background: none;
	font-size: 120%;
}

div#mainContents p.image.qrCode { text-align: left; }

/* ------------------------------------------------------------ 中間画面検索窓 */
div#mainContents input.searchWord { width: 260px; }

/* EOF */