@charset "utf-8";

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

/* ------------------------------------------------------------ レイアウト */
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;
	min-width: 950px;
	zoom: 1;
}

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

/* メインコンテンツ */
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 {
	margin-top: 0;
	text-align: right;
	cursor: pointer;
}

div#subContents div#keepShop ul.links li {
	background-position: 0 3px;
	font-size: 120%;
}

div#subContents div#keepShop div.itemsA div.pic,
div#subContents div#keepShop div.itemsA div.txt { float: left; }

div#subContents div#keepShop div.itemsA div.pic { width: 68px; }

div#subContents div#keepShop div.itemsA div.txt { width: 82px; }

div#subContents div#keepShop div.mapple div.itemsA div.txt { width: 150px; }

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 div.wrapFirst div.wrapSecond { background: url(/SYS/cmn/images/common/front/bg_sub_box_bm_bottom.gif) bottom no-repeat; }

div#subContents div#bookMark { margin-bottom: 10px;}

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

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

div#subContents div#bookMark dl#sbm dd { padding: 10px 10px 5px 10px; }

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

div#subContents div#bookMark dl#sbm dd ul li {
	display: inline;
	margin-right: 3px;
}

/* おすすめ情報・グルメな人ラインキング・注目のお店 */
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 span.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,
div#grumetSearch input.searchWord {
	width: 260px;
}

/* ------------------------------------------------------------ プリロード */
div#preloadedImages {
	display: none;
	visibility: hidden;
}


/* ------------------------------------------------------------ ランキングページ */
/*-------------------------------更新日*/
div#mainContents p.rankUpDate {
	margin: 0;
	text-align: right;
	font-size: 100%;
}

div#mainContents p.listNone { text-align: center;}

/*-------------------------------ランキングカセット*/
div#mainContents ol.rankList {
	margin-left: 20px;
}

div#mainContents ol.rankList li {
	margin-bottom: 20px;
}

div#mainContents dl.rankTitle {
	margin: 0 0 10px 0 ;
}

div#mainContents dl.rankTitle dt {
	float: left;	
	margin-right: 10px;
}

div#mainContents dl.rankTitle dd {
	float: left;
}

/*ランキング10位以下*/
div#mainContents dl.rankTitle dt span {
	font-size:200%;
	font-weight:bold;
}

/*エリア×ジャンル*/
div#mainContents p.areaGenre {
	margin: 3px 0 0 0;
	color: #999999;
	font-size: 80%;
}

/*店名*/
div#mainContents ol.rankList h3 {
	margin: 3px 0 0 0 ;
	padding: 0;
	background-image: none;
	font-size: 130%;
}

/*件数*/

div#mainContents div.rankHead {
	margin: 0 0 0 45px;
	padding: 5px;
	background: #F0F0F0;
	border: 1px solid #E0E0E0;
}
div#mainContents div.rankHead span {
	font-weight: bold;
	color: #990000;
}

/*トップ3レポート*/

div#mainContents div.shopRep {
	margin: 0 0 0 45px;
	padding: 5px;
	border-right: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
}

div#mainContents div.rankSPimg {
	float:left;
	width: 100px;
	margin-right: 15px;
	text-align: center;
}
/*お店メッセージ　共通*/
div#mainContents ul.repTop3Half li,
div#mainContents ul.repTop3Full li {
	margin: 0;
	padding: 3px 0;
	border-bottom: 1px dotted #E0E0E0;
}


div#mainContents ul.repTop3Half li dl.report,
div#mainContents ul.repTop3Full li dl.report {
	margin: 0;
}

/*お店メッセージ写真あり*/

div#mainContents div.repTop3Wrap {
	float: right;
}

div#mainContents ul.repTop3Half {
	width: 548px;
	margin: 0 0 5px 0;
	font-size: 80%;
}

div#mainContents ul.repTop3Half li dl.report dt {
	float: left;
	width: 333px;
	margin-right: 15px;
}

div#mainContents ul.repTop3Half li dl.report dd {
	width: 200px;
	float: left;
}

/*クーポンボタン*/
div#mainContents div.btCpn {
	margin: 10px 0 0 0;
}

/*お店メッセージ写真なし*/

div#mainContents ul.repTop3Full {
	margin: 0 0 5px 0;
	font-size: 80%;
}

div#mainContents ul.repTop3Full li dl.report dt{
	float: left;
	width: 453px;
	margin-right: 10px;
}

div#mainContents ul.repTop3Full li dl.report dd{
	width: 200px;
	float: left;
}

/*おすすめレポートリンク*/
div#mainContents p.repLink {
	text-align: right;
	margin: 0;
	font-size: 80%;
}

div#mainContents p.repLink a {
	background:url(/SYS/cmn/images/common/mark_links.gif) 0% 50% no-repeat;
	padding-left: 13px;
}


/*おすすめレポートなし*/
div#mainContents p.pushRep {
	margin: 0;
	text-align: center;
}

div#mainContents p.pushRep span {
	font-weight: bold;
	color: #CC0000;
}

/*-------------------------------ジャンル別ランクリンク*/

div#mainContents ul.rankListLink {
	margin-left: 20px;
}

div#mainContents ul.rankListLink li {
	float: left;
	width: 240px;
}

/* ------------------------------------------------------------ グルメ検索 */
div#grumetSearch {
	margin-top: 8px;
	padding-top: 7px;
	background: url("/SYS/cmn/images/common/front/bg_grumetsearch.gif") repeat-y 0 0;
}

div#grumetSrhWrap {
	padding-bottom: 7px;
	background: url("/SYS/cmn/images/common/front/bg_grumetsearchwrap.gif") no-repeat 0 100%;
}

div#grumetSearch table {
	width: 950px;
	background: none;
	border: none;
}

div#grumetSearch th {
	width: 110px;
	padding: 0;
	background: none;
	border: none;
	text-align: center;
}

div#grumetSearch td {
	padding: 0 0 0 10px;
	background: none;
	border: none;
	vertical-align: top;
}

div#grumetSearch td.lineR {
	padding-right: 10px;
	width: 400px;
	border-right: 1px solid #d6d5d1;
	white-space: nowrap;
	vertical-align: middle;
}

div#grumetSearch li {
	float: left;
}

div#grumetSearch .searchAreaList li {
	margin: 0 7px 4px 0;
	padding: 0 7px 0 0;
	border-right: 1px solid #999999;
	white-space: nowrap;
	line-height: 1.2;
}

div#grumetSearch .searchAreaList li.lastChild {
	border-right: none;
}

div#grumetSearch .searchAreaList li a {
	font-weight: bold;
}

div#grumetSearch dl {
	margin-top: 4px;
}

div#grumetSearch td.lineR dl {
	margin-top: 0px;
	padding: 4px 0;
}

div#grumetSearch dt {
	font-weight: bold;
	color: #666666;
	line-height: 1.2;
}

/* 一覧ページ用 */
div#grumetSearch .grumetSrcList dt {
	margin-bottom: 4px;
}

/* shopページ用 */
div#grumetSearch dl.grumetSrcShop2 {
	margin-top: 0;
	/margin: 4px 0;
}

div#grumetSearch dl.grumetSrcShop dt,
div#grumetSearch dl.grumetSrcShop2 dt {
	float: left;
	width: 57px;
}

/* 住所トップ用 */
div#mainContents .spaceZero { margin-bottom: 0; }

#mainContents .seachCouse li {
	float: left;
	margin-right: 40px;
}

#mainContents .seachCouse dl {
	margin: 0;
}

#mainContents .seachCouse dt,
#mainContents .seachCouse dd {
	display: inline;
}

#mainContents .seachCouse dt label {
	font-weight: bold;
}

#mainContents h3 .headingLarge {
	font-size: 117%;
	font-weight: bold;
	line-height: 1.2;
}

/* ドコイクボタン調整 */
#mainContents .adrsDokoBtn {
	float: right;
	padding-right: 5px;
}


div#mainContents .lastElement {
	margin-bottom: 0px;
}

div#mainContents .lowArea {
	margin: 65px 0 10px 20px;
	padding: 10px;
	background: #F0F0F0;
}

div#mainContents .lowArea h4,
div#mainContents .lowArea h5,
div#mainContents .lowArea ul,
div#mainContents .lowArea p {
	margin-left: 0;
}

div#mainContents .lowArea li {
	width: 212px;
}

/*-------------------------------------mark_linksリンク --*/


/* mark_linksあり左寄せ太字リンク */

div#mainContents p.linkShop {
	margin-left: 25px;
}

div#mainContents p.linkShop a {
	padding-left: 13px;
	background: url(/SYS/cmn/images/common/mark_links.gif) 0 50% no-repeat;
	font-size: 120%;
	font-weight: bold;
}

/* mark_linksあり右寄せリンク */

div#mainContents p.linkShop_nomal {
	text-align: right;
}

div#mainContents p.linkShop_nomal a {
	padding-left: 13px;
	background: url(/SYS/cmn/images/common/mark_links.gif) 0 50% no-repeat;
}


/* EOF */