@charset "utf-8";

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

	filename:	top.css
	created:	090225
	update:		090615

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

/* ------------------------------------------------------------ トップ用インクルード */
@import "/s/MP/cmn/css/parts.css";

/* ------------------------------------------------------------ レイアウト */
body.saTop div#platformWrap { background-position: 0 26px; }

div#container {
	margin-top: -1px;
	padding-top: 1px;
}

/* トップ系 */
div#header dl.areaNav,
div#header dl.areaNav dt,
div#header dl.areaNav dd,
div#header dl.areaNav dd ul li { float: left; }

div#header dl.areaNav { margin: 4px 0 0 3px; }

* html div#header dl.areaNav { margin-left: 1px; }

div#header dl.areaNav a {
	display: block;
	padding: 2px 9px;
}

div#header dl.areaNav dd ul li { margin: 0 5px 0 0; }

div#header dl.areaNav dd ul li.current { background: url(/SYS/cmn/images/common/bg_satop_tab.gif) left top no-repeat #E1D5BD; }

div#header dl.areaNav dd ul li.current a {
	background: url(/SYS/cmn/images/common/bg_satop_tab.gif) right top no-repeat;
	font-weight: bold;
}

div#brand {
	height: 66px;
	padding-top: 14px;
	padding-bottom: 10px;
}

div#brand p#siteID { float: left; }

div#brand ul.brandNav {
	float: right;
	margin-top: 6px;
}

div#header ul.brandNav li,
div#brand ul.brandNav li { float: left; }

div#header p.chosei { float: right; }

div#brand ul.brandNav li { margin-left: 5px; }

div#contentsOuter {
	float: left;
	width: 760px;
}

div#mainContents { float: none; }

div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond {
	padding-right: 10px;
	padding-top: 10px;
}

div#mainContents div#contents {
	float: right;
	width: 560px;
}

/* ------------------------------------------------------------ ヘッダー */
div#header dl.relatedLinks {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

div#header dl.relatedLinks dt,
div#header dl.relatedLinks dd { display: inline; }

div#utilities ol { margin-left: 0; }

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

/* ------------------------------------------------------------ フリーワード検索エリア */
div#search h2.pageTop { font-size: 140%; }

div#search h2.pageTop span.strong { font-size: 128.57%; }

div#searchWrapSecond { padding-top: 1px; }

div#search h2.pageTop {
	margin-top: 19px;
	margin-left: 15px;
	border-bottom: none;
}

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

div#search p input.searchWord { width: 260px; }

* html div#search p { padding-bottom: 10px; }

*:first-child+html div#search p { padding-bottom: 10px; }

div#search ul { margin-top: 11px; }

* html div#search ul { margin-top: 8px; }

*:first-child+html div#search ul { margin-top: 8px; }

div#search dl.relatedLinks {
	margin: 0 1px;
	background-color: #EEE;
	text-align: center;
}

div#search dl.relatedLinks dt,
div#search dl.relatedLinks dd,
div#search dl.relatedLinks dd ul,
div#search dl.relatedLinks dd ul li { display: inline; }

div#search p.poico {
	margin: 0 1px;
	padding: 2px 5px;
	background-color: #11AAEE;
	background-image: url(/SYS/cmn/images/common/top/bg_search_poico.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
	line-height: 0;
}

*:first-child+html div#search p.poico { height: 6px; }

div#search .searchDescription {
	margin: 10px 15px 0 15px;
}

div#search .searchDescriptionTxt {
	margin-bottom: 0;
	line-height: 1.2;
}

.resultNum {
	font-size: 180%;
	font-weight: bold;
	color: #CC0000;
}

/* ------------------------------------------------------------ エリアを絞り込む・プロモエリア */
div.primaryTop div#mainContents div#areaRefine {
	width: 365px;
	margin-left: 10px;
	background: url(/SYS/cmn/images/common/top/bg_are_refine_inner.gif) repeat-y;
}

div.primaryTop div#mainContents div#areaRefine div#areaRefineWrapSecond {
	padding-bottom: 1px;
	padding-top: 1px;
}

div.primaryTop div#mainContents div#areaRefineWrapFirst { background: url(/SYS/cmn/images/common/top/bg_are_refine.jpg) top no-repeat; }

div.primaryTop div#mainContents div#areaRefineWrapSecond { background: url(/SYS/cmn/images/common/top/bg_are_refine_btm.gif) bottom no-repeat; }

div.primaryTop div#mainContents div#areaRefine h2 {
	float: left;
	margin: 7px 0 0 8px;
	padding: 0;
	background-image: none;
	height: 20px;
	line-height: 0;
	display: inline;
}

div.primaryTop div#mainContents div#areaRefine ul.btn {
	float: right;
	margin: 8px 7px 0 0;
	clear: none;
	height: 20px;
	line-height: 0;
	display: inline;
}

div.primaryTop div#mainContents div#areaRefine ul.btn img { vertical-align: top; }

div.primaryTop div#mainContents div#areaRefine #flashContents {
	margin: 36px 0 0 0;
	text-align: center;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks { margin: 1px 0 3px 10px; }

* html div.primaryTop div#mainContents div#areaRefine dl.relatedLinks {
	margin: 8px 0 0 11px;
	padding-bottom: 2px;
}

*:first-child+html div.primaryTop div#mainContents div#areaRefine dl.relatedLinks {
	margin: 8px 0 0 11px;
	padding-bottom: 2px;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dt {
	float: left;
	clear: left;
	width: 120px;
	margin-right: 0;
	font-size: 0;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd {
	float: none;
	clear: none;
	width: auto;
	margin-left: 120px;
	font-size: 100%;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dt,
div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd {
	margin-top: 0;
	margin-bottom: 2px;
}

* html div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd {
	margin-top: -1px;
	padding-bottom: 1px;
}

*:first-child+html div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd {
	margin-top: -2px;
	padding-bottom: 2px;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd ul { margin-bottom: 0; }

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd ul li { margin-right: 5px; }

/* ページの先頭へ戻る */
div.primaryTop div#mainContents p.totop,
div.freeWord div#mainContents p.totop { margin-left: 10px; }

/* ------------------------------------------------------------ コンテンツエリア */
/* Flash noscriptエリア */

div#mainContents div.promotion .noscriptAreaLink {
	margin: 8px 8px 0 8px;
	background: #FFFFFF;
}

div#mainContents div.promotion .noscriptAreaLink li {
	float: left;
	width: 170px;
	padding-left: 4px;
	font-size: 100%;
	text-align: left;
}

.noscriptAreaImage {
	text-align: center;
}



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

div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond p.infoPoico {
	margin-bottom: 5px;
	font-size: 100%;
}

div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond p.infoPoico img {
	margin-right: 5px;
	margin-bottom: 1px;
}

/* 関連リンク */
div#mainContents dl.relatedLinks dt { margin-right: 5px; }

div#mainContents dl.relatedLinks dd {
	margin-top: 2px;
	font-size: 100%;
}

* html div#mainContents dl.relatedLinks dd { margin-top: 0; }

* html div#mainContents div#areaRefine dl.relatedLinks dd { margin-top: 2px; }

*+html div#mainContents dl.relatedLinks dd { margin-top: -0.5px; }

body:first-of-type div#mainContents dl.relatedLinks dd { margin-top: 4px; }

/* pr */
div#mainContents div#contents p.pr {
	color: #666;
	font-weight: bold;
}

div#mainContents div#contents p.pr span.strong {
	color: #CD3335;
	font-size: 83.3%;
}

/* h2 */
div#mainContents div.infoHeading {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #D5D2CD;
	background-color: #FFF;
}

div#mainContents div.infoHeading h2 {
	margin: 1px;
	padding: 3px 8px;
	background-color: #F4F2EE;
	background-image: none;
	font-size: 120%;
}

div#mainContents h2.image { margin-left: 0; }

*+html div#mainContents h2.image { padding-left: 0; }

div#mainContents div.infoHeading ul.links {
	position: absolute;
	top: 5px;
	right: 10px;
}

div#mainContents div.infoHeading ul.links li { font-size: 100%; }

div#mainContents div.heading {
	position: relative;
	clear: both;
	margin-left: 0;
	border: none;
}

* html div#mainContents div.heading { position: static; }

div#mainContents div.heading h2 {
	margin: 0;
	padding: 0;
	border: none;
}

/* タブ */
div#mainContents div.heading ul.tabNav {
	position: absolute;
	top: 9px;
	left: 260px;
	margin: 0;
	clear: right;
	border: none;
}

* html div#mainContents div.heading ul.tabNav {
	position: static;
	margin-top: -31px;
	margin-left: 260px;
}

div#mainContents div.heading ul.tabNav li {
	padding-right: 2px;
	border: none;
}

div#mainContents div.heading ul.tabNav li { padding-right: 3px; }

div#mainContents div.heading ul.tabNav li a {
	margin: 0;
	padding: 0;
}

/* インフォメーション */
div#mainContents dl.info { clear: both; }

div#mainContents dl.info dt {
	float: left;
	clear: left;
	width: 8.8em;
	margin-bottom: 3px;
	font-size: 100%;
}

div#mainContents dl.info dd {
	margin-bottom: 3px;
	margin-left: 8.5em;
	padding-left: 14px;
	background-image: url(/SYS/cmn/images/common/top/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 0 0.15em;
}

* html div#mainContents dl.info dd { text-indent: -3px; }

div#mainContents div.column4B ul.linksRow { clear: both; }

div#mainContents div.column4B ul.linksRow li,
div#mainContents div.column4C ul.linksRow li { width: 43%; }

div#mainContents div.column4B ul.linksRow { display: inline-block; }

* html div#mainContents div.column4B ul.linksRow li,
* html div#mainContents div.column4C ul.linksRow li { width: 46%; }

/* リンク */
div#mainContents dl.relatedLinks { margin-bottom: 0; }

* html div#mainContents dl.relatedLinks dt { margin-top: 1px; }

/* ------------------------------------------------------------ 特集エリア */
div#mainContents h3 {
	clear: both;
	margin-left: 10px;
	padding: 0;
	background: none;
}

* html div#mainContents div#contents h3 { padding-left: 0!important; }

div#mainContents h4 {
	clear: both;
	margin-left: 10px;
	border-bottom: none;
}

div#mainContents div.column4B div.pic {
	float: left;
	width: 110px;
}

div#mainContents ul.linksRow li {
	width: 176px;
	margin: 0 0 5px 0;
	padding-left: 7px;
	font-size: 120%;
}

div#mainContents div#greenXX ul.linksRow li,
div#mainContents div#pinkXXX ul.linksRow li,
div#mainContents div#brownXX ul.linksRow li,
div#mainContents div#orangeX ul.linksRow li,
div#mainContents div#blueXXX ul.linksRow li { background-position: left 0.3em; }

div#mainContents ul.linksRow li.external { padding-left: 13px; }

div#mainContents ul.linksRow a { padding-right: 5px; }

div#mainContents div.columnExA,
div#mainContents div.columnExB { float: left; }

div#mainContents div.columnExA { width: 190px; }

div#mainContents div.columnExB { width: 370px; }

div#mainContents div.columnExB h3 {
	margin-top: 0!important;
	border: none;
}

div#mainContents div.columnExB h3,
div#mainContents div.columnExB p,
div#mainContents div.columnExB ul { margin-bottom: 5px; }

div#mainContents div.columnExB ul.linksRow li { width: 46%; }

/* 2/15追加分 */
div#mainContents div#greenXX ul li a:hover,
div#mainContents div#pinkXXX ul li a:hover,
div#mainContents div#brownXX ul li a:hover,
div#mainContents div#blueXXX ul li a:hover,
div#mainContents div#orangeX ul li a:hover { text-decoration: underline; }

div#mainContents div#greenXX div.itemsA,
div#mainContents div#pinkXXX div.itemsA,
div#mainContents div#orangeX div.itemsA,
div#mainContents div#brownXX div.itemsA,
div#mainContents div#blueXXX div.itemsA,
div#mainContents div#feature div.itemsA { float: left; }

div#mainContents div#greenXX div.itemsA div.pic,
div#mainContents div#pinkXXX div.itemsA div.pic,
div#mainContents div#orangeX div.itemsA div.pic,
div#mainContents div#brownXX div.itemsA div.pic,
div#mainContents div#blueXXX div.itemsA div.pic,
div#mainContents div#feature div.itemsA div.pic {
	float: left;
	width: 110px;
}

div#mainContents div#greenXX div.itemsA div.txt,
div#mainContents div#pinkXXX div.itemsA div.txt,
div#mainContents div#orangeX div.itemsA div.txt,
div#mainContents div#brownXX div.itemsA div.txt,
div#mainContents div#blueXXX div.itemsA div.txt,
div#mainContents div#feature div.itemsA div.txt {
	float: left;
	margin: 0;
	width: 169px;
}

div#mainContents div#feature div.itemsA div.txt { width: 167px; }

div#mainContents div#private div.itemsA div.txt ul li {
	padding-left: 15px;
	background-position: 0 0.3em;
	background-repeat: no-repeat;
}

div#mainContents div#greenXX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_green_l.jpg); }

div#mainContents div#pinkXXX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_pink_l.jpg); }

div#mainContents div#orangeX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_orange_l.jpg); }

div#mainContents div#brownXX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_gold_l.jpg); }

div#mainContents div#blueXXX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_blue_l.jpg); }

div#mainContents div#private div.itemsA div.txt ul li { font-size: 140%; }

div#mainContents div#private div.itemsA div.txt ul li a { font-weight: bold; }

/* 友人・同僚と楽しむ */
div#mainContents div#greenXX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_green_s.gif) 0 0.4em no-repeat; }

div#mainContents div#greenXX ul li a { color: #567300; }

/* 二人の時間を楽しむ */
div#mainContents div#pinkXXX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_pink_s.gif) 0 0.4em no-repeat; }

div#mainContents div#pinkXXX ul li a { color: #b9419f; }

/* 料理を楽しむ */
div#mainContents div#orangeX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_orange_s.gif) 0 0.4em no-repeat; }

div#mainContents div#orangeX ul li a { color: #bf5c00; }

/* 記念日を祝う */
div#mainContents div#brownXX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_gold_s.gif) 0 0.4em no-repeat; }

div#mainContents div#brownXX ul li a { color: #836e26; }

/* 季節を楽しむ */
div#mainContents div#blueXXX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_blue_s.gif) 0 0.4em no-repeat; }

div#mainContents div#blueXXX ul li a { color: #39807e; }

/* party */
div#mainContents ul.party li { background: url(/SYS/cmn/images/common/top/bg_arrow_winered.gif) 0 0.4em no-repeat; }

div#mainContents ul.party li a { color: #993333; }

div#mainContents ul.party li a:hover { text-decoration: underline; }

/* 2/23追加分 */
div#mainContents div#contents p.image { border: solid 1px #F2F2F2; }

/* 2/25追加分 */
div#mainContents div#private div.itemsA div.txt p { font-size: 100%; }

/* ------------------------------------------------------------ 駅トップ */

div#mainContents div.titleTip {
	margin-bottom: 28px;
}

div#mainContents .lineList li {
	border-bottom: 1px dotted #CFCFCF;
}

div#mainContents .lineList li.lastChild {
	border: none;
}


div#mainContents .lineList dl {
	margin: 0;
	padding-bottom: 10px;
}

div#mainContents .lineList dt {
	float: left;
	width: 98px;
	margin: 10px 20px 0 0;
	padding: 5px 5px 5px 10px;
	background: #E2E2E2;
	border: 1px solid #C3C3C3;
	font-weight: bold;
	color: #666666;
}

div#mainContents .lineList dd {
	float: left;
	width: 415px;
}

div#mainContents .stationList {
	margin: 0;
}

div#mainContents .stationList li {
	float: left;
	margin: 10px 0 0 0;
	border: none;
}

div#mainContents .stationList li a {
	display: block;
	padding: 3px 5px;
	border: 1px solid #CCCCCC;
}

div#mainContents .stationList li a:hover {
	background: #F3F2EE;
}

div#mainContents .stationList li span.base {
	display: block;
	padding: 3px 5px;
	background: #FFEB9C;
	border: 1px solid #FFCF9C;
	font-weight: bold;
}

div#mainContents .stationList li.preSt {
	padding: 0 20px 0 0;
	background: url("/SYS/cmn/images/common/top/bg_route.gif") no-repeat right center;
}

div#mainContents .stationList li.nexSt {
	padding: 0 0 0 20px;
	background: url("/SYS/cmn/images/common/top/bg_route.gif") no-repeat left center;
}

div#mainContents .stationList li.presentSt {
	padding: 0;
	border: none;
}

/* ------------------------------------------------------------ SA エリア特集 */
div#mainContents div#feature {
	padding-top: 5px;
	padding-right: 5px;
	background-color: #F0F0F0;
}

div#mainContents div#feature p { margin-bottom: 5px; }

div#mainContents div#feature p.image { margin-left: 5px; }

div#mainContents div#feature ul.links li {
	padding-left: 15px;
	background-image: url(/SYS/cmn/images/common/top/mark_links_feature.gif);
	background-position: 0 0.3em;
}

div#mainContents div#feature ul.links li a { font-weight: bold; }

div#mainContents div#feature ul.links li a:hover {
	color: #1470CC;
	text-decoration: underline;
}

/* ------------------------------------------------------------ PRエリア */
div#mainContents div.pr p.headLine,
div#mainContents div#contents div.pr p.image {
	line-height: 0;
	font-size: 0;
}

div#mainContents div#contents div.pr p.image { border: solid 1px #E5E5E5; }

div#mainContents div.pr div.itemsA div.txt {
	float: left;
	width: 169px;
}

/* ------------------------------------------------------------ おすすめレポート・注目のお店（フリーワードTOP） */
/* おすすめレポート */
div#mainContents div.recommendReport,
div#mainContents div.spotlight {
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #CCC;
}

div#mainContents div.recommendReport h3,
div#mainContents div.locator div.recommendReport h3,
div#mainContents div.locator div.spotlight h3 {
	margin: 0 0 10px 0;
	padding: 5px 9px;
	border-bottom: 1px solid #CCC;
	background-color: #F4F4F4;
	background-image: url(/SYS/cmn/images/common/bg_table.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

* html div#mainContents div#contents div.recommendReport h3,
* html div#mainContents div#contents div.locator div.recommendReport h3,
* html div#mainContents div#contents div.locator div.spotlight h3 { padding-left: 9px!important; }

div#mainContents div.locator div.spotlight h3 { margin-bottom: 3px; }

div#mainContents div.recommendReport div.itemsA div.pic {
	float: left;
	width: 72px;
	margin: 0;
	padding: 0;
}

div#mainContents div.recommendReport div.itemsA div.pic p.photoSSS { border: solid 1px #DEDEDE; }

div#mainContents div.recommendReport div.itemsA div.txt {
	float: left;
	width: 185px;
}

div#mainContents div.recommendReport div.column4B div.itemsA div.txt { width: 195px; }

div#mainContents div.recommendReport div.itemsA div.txt p {
	margin-bottom: 5px;
	font-size: 100%;
}

div#mainContents div.recommendReport div.itemsA div.txt p.shopName,
div#mainContents div.recommendReport div.itemsA div.txt p.reportTitle,
div#mainContents div.recommendReport div.itemsA div.txt ul.links li { font-size: 120%; }

div#mainContents div.recommendReport div.itemsA div.txt p.shopName { font-weight: bold; }

div#mainContents div.recommendReport {
	background-image: url(/SYS/cmn/images/common/top/bg_recommend_report.gif);
	background-repeat: repeat-y;
	background-position: center 0;
}

div#mainContents div.column4B div.recommendReport { background-image: none; }

/* 注目のお店 */

div#mainContents div.spotlight h4.genreRankTitle {
	margin-top: 10px;
}

div#mainContents div.spotlight ul.genreRank li {
	padding: 0;
	border-bottom: 0;
	font-size: 120%;
}


div#mainContents div.spotlight ul.spRankList {
	margin-bottom: 5px;
}


div#mainContents div.spotlight li {
	margin-right: 10px;
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	font-size: 100%;
}

div#mainContents div.spotlight li.firstChild {
	padding-top: 0;
}

div#mainContents div.spotlight p.ranking01 {
	background: url(/SYS/cmn/images/common/top/icon_rank_01.gif) 0% 50% no-repeat;
	padding-left: 15px;
}

div#mainContents div.spotlight p.ranking02 {
	background: url(/SYS/cmn/images/common/top/icon_rank_02.gif) 0% 50% no-repeat;
	padding-left: 15px;
}

div#mainContents div.spotlight p.ranking03 {
	background: url(/SYS/cmn/images/common/top/icon_rank_03.gif) 0% 50% no-repeat;
	padding-left: 15px;
}

div#mainContents div.spotlight p {
	margin-bottom: 0;
	margin-left: 0;
}

div#mainContents div.spotlight p span.strong {
	margin-left: 1px;
	color: #CB0101;
	font-size: 120%;
}

div#mainContents div.spotlight p.shopName { font-size: 120%; }

/* ------------------------------------------------------------ ユニーク化（SAトップ） */
div#mainContents .spotlight h4,
div#mainContents .recommendReport h4,
div#mainContents .pointRankBox h4,
div#mainContents .recommendReportMA h4 {
	padding-top: 10px;
}

/* おすすめレポート */

div#mainContents .recommendReportPic {
	float: left;
	display: inline;
	width: 58px;
	height: 58px;
	border: 1px solid #DEDEDE;
}

div#mainContents .recommendReportTxt {
	float: left;
	width: 195px;
}

div#mainContents .recommendReportTxt p {
	margin-bottom: 5px;
}

div#mainContents .reportTitle {
	padding-left: 24px;
	background: url(/SYS/cmn/images/common/top/icon_reporttitle.gif) 0 0 no-repeat;
}

div#mainContents .reportTitle a {
	font-weight: bold;
}

div#mainContents .recommendReportBody {
	font-size: 100%;
}

div#mainContents .recommendList {
	margin-bottom: 0;
	padding-top: 13px;
	background: #FFFFFF;
}

div#mainContents .recommendList li {
	padding-bottom: 7px;
}

div#mainContents .recommendList p {
	margin: 0;
}

div#mainContents .shopName {
	font-weight: bold;
}

div#mainContents .recommendReport .links {
	margin-bottom: 5px;
}

/* ポイントランキング */
div#mainContents .pointRankBox {
	margin: 0 0 20px 10px;
	padding-bottom: 5px;
	border: 1px solid #CCCCCC;
}

div#mainContents .pointRankTitle {
	margin-bottom: 5px;
}

div#mainContents .pointRankDate {
	margin-bottom: 5px;
}

div#mainContents .pointRankFirst {
	float: left;
	margin: 0;
}

div#mainContents .pointRank {
	float: left;
	margin: 0;
	padding-left: 10px;
}

div#mainContents .pointRankProfile {
	float: left;
	margin: 0;
	padding: 0 10px 0 10px;
	width: 325px;
}

div#mainContents .pointRankProfile dt {
	margin: 0 0 10px 0;
	font-size: 100%;
	font-weight: bold;
}

div#mainContents .pointRankProfile a {
	font-size: 140%;
	font-weight: bold;
}

div#mainContents .pointRankProfile ul {
	margin: 0 0 10px 0;
}

div#mainContents .pointRankProfile li {
	display: inline;
	font-size: 87%;
	margin-right: 10px;
}

div#mainContents .pointRankScore {
	float: right;
	display: inline;
	width: 124px;
	margin: 0 10px 0 0;
	padding: 10px;
	background: #F1F1F1;
	font-size: 116%;
	font-weight: bold;
	text-align: center;
	color: #9D3301;
}

div#mainContents .pointRankList dl {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	width: 169px;
}

div#mainContents .pointRankList dt,
div#mainContents .pointRankList dd {
	float: left;
}

div#mainContents .pointRankList dt {
	margin-right: 10px;
	width: 24px;
	text-align: right;
}

div#mainContents .pointRankList dd {
	width: 135px;
}

div#mainContents .pointRankList a {
	font-weight: bold;
}

div#mainContents ul.rankLinks {
	margin: 5px 0 0 0;
	padding: 0;
}

div#mainContents ul.rankLinks li {
	margin: 0;
	padding: 0 10px 0 0;
	border-bottom: none;
	text-align: right;
	font-size: 120%;
}

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

/* ------------------------------------------------------------ ユニーク化（MAトップ） */
/* おすすめレポート */
div#mainContents .recommendReportMA {
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #CCCCCC;
	background: url(/SYS/cmn/images/common/top/bg_recommend_report.gif) repeat-y center 0;
}

div#mainContents .recommendReportMA h4 {
	margin-bottom: 0;
	padding-bottom: 10px;
}

div#mainContents .topReport {
	margin-bottom: 10px;
	background: #FFFFFF;
}

div#mainContents .topReportTxt {
	float: left;
	width: 467px;
}

div#mainContents .underReport {
	margin-bottom: 10px;
}

div#mainContents .topReportTxt .shopName,
div#mainContents .topReportTxt .reportTitle,
div#mainContents .underReport .shopName,
div#mainContents .underReport .reportTitle {
	font-size: 120%;
}

div#mainContents .topReportTxt p,
div#mainContents .underReport p {
	margin-bottom: 5px;
	font-size: 100%;
}

div#mainContents .topReportTxt .reportTitle,
div#mainContents .underReport .reportTitle {
	padding-left: 24px;
	background: url(/SYS/cmn/images/common/top/icon_reporttitle.gif) 0 0 no-repeat;
}

div#mainContents .topReportTxt .reportTitle a,
div#mainContents .underReport .reportTitle a {
	font-weight: bold;
}

/* お店ランキング */
div#mainContents .shopRanking {
	margin-bottom: 20px;
	margin-left: 10px;
	padding-top: 10px;
	border: 1px solid #CCCCCC;
}

div#mainContents .shopRankingBox {
	background: url(/SYS/cmn/images/common/top/bg_recommend_report.gif) repeat-y center 0;
}

div#mainContents div.shopRanking div.spotlight {
	margin:0;
	border: none;
}

div#mainContents .rankingOther {
	float: left;
	margin-right: 5px;
	font-size: 120%;
}

div#mainContents .rankingOtherShop {
	float: left;
	font-size: 120%;
}

div#mainContents div.spotlight .spRankListUnder {
	margin: 15px 10px 0 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}

div#mainContents div.spotlight .spRankListUnder li {
	border: none;
	margin: 0;
	padding: 0;
}

/* 駅トップ */
.searchLunch ul.links li {
	background-position: -5px 0;
}


/* グルメな人を探す */
div#mainContents .gourmetBox {
	padding-bottom: 10px;
}
div#mainContents .gourmetBoxImg {
	float: left;
	width: 190px;
}

div#mainContents .gourmetBoxText {
	float: left;
	width: 370px;
}

div#mainContents .gourmetBoxText h4,
div#mainContents .gourmetBoxText p,
div#mainContents .gourmetBoxText ul {
	margin-bottom: 5px;
}

/* 無料MAトップランキング用 */
div#mainContents div.spotlight p.spotlightSEO {
	margin-left: 10px;
	color: #999999;
	font-size: 100%;
}


/* ------------------------------------------------------------ レポート */
div#mainContents div.article div.articleHeader {
	clear: both;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #CCC;
}

div#mainContents div.article div.articleHeader p {
	float: left;
	clear: none;
	margin-bottom: 0;
}

div#mainContents div.article div.articleHeader p.date { float: right; }

/* ------------------------------------------------------------ 条件から探す */
div#mainContents div#searchCondition p,
div#mainContents div#searchCondition ul,
div#mainContents div#searchCondition ol,
div#mainContents div#searchCondition dl,
div#mainContents div#searchCondition h4 { margin: 0 8px 10px 8px; }

div#mainContents div#searchCondition {
	float: left;
	width: 170px;
	margin-left: 10px;
	background-image: url(/SYS/cmn/images/common/top/bg_search_condition_body.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

* html div#mainContents div#searchCondition { margin-left: 5px; }

div#mainContents div#searchCondition div#searchConditionWrapFirst {
	background-image: url(/SYS/cmn/images/common/top/bg_search_condition_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#mainContents div#searchCondition div#searchConditionWrapFirst div#searchConditionWrapSecond {
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/SYS/cmn/images/common/top/bg_search_condition_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

div#mainContents div#searchCondition select { width: 150px; }

div#mainContents div#searchCondition h2 {
	margin: 0 2px 0 2px;
	padding: 0;
	background-image: none;
}

div#mainContents div#searchCondition h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background-color: #EDE2CE;
}

div#mainContents div#searchCondition h3 a {
	display: block;
	margin: -5px -10px;
	padding: 5px 10px;
	background-image: url(/SYS/cmn/images/common/top/mark_h3_links.gif);
	background-repeat: no-repeat;
	background-position: 147px 7px;
}

* html div#mainContents div#searchCondition div#searchConditionWrapFirst,
* html div#mainContents div#searchCondition div#searchConditionWrapFirst h3 { zoom: 1; }

div#mainContents div#searchCondition h4 {
	margin-bottom: 5px;
	color: #666;
	font-size: 100%;
}

div#mainContents div#searchCondition ul li {
	margin-bottom: 5px;
	line-height: 1.1;
}

div#mainContents div#searchCondition ul li.current { color: #CCC; }

div#mainContents div#searchCondition div.area ul.etcArea {
	padding-top: 5px;
	background-image: url(/SYS/cmn/images/common/top/bg_border_etcarea.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

div#mainContents div#searchCondition div.area ul.etcArea li {
	display: inline;
	font-size: 100%;
}

div#mainContents div#searchCondition div.distance,
div#mainContents div#searchCondition div.area,
div#mainContents div#searchCondition div.spot,
div#mainContents div#searchCondition div.station,
div#mainContents div#searchCondition div.dish,
div#mainContents div#searchCondition div.genre,
div#mainContents div#searchCondition div.budget,
div#mainContents div#searchCondition div.course,
div#mainContents div#searchCondition div.coupon,
div#mainContents div#searchCondition div.searchLunch,
div#mainContents div#searchCondition div.launchCoupon {
	margin: 0 2px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DBDAD5;
}

* html div#mainContents div#searchCondition div.coupon fieldset ul li fieldset legend { margin-left: -6px; }

*+html div#mainContents div#searchCondition div.coupon fieldset ul li fieldset legend { margin-left: -6px; }

div#mainContents div#searchCondition div.launchCoupon,
div#mainContents div#searchCondition div.lastChild { border-bottom: none; }

div#mainContents div#searchCondition ul.btn { text-align: right; }

div#mainContents div#searchCondition ul li img.icon { margin: 0 5px 2px 0; }

div#mainContents div#searchCondition .searchLunchMap {
	margin-bottom: 10px;
	text-align: center;
}

/* ------------------------------------------------------------ secondary top */
div.secondaryTop div#notice { margin-top: 10px; }

div.secondaryTop div#contentsOuter div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}

* html div.secondaryTop div#contentsOuter div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond {
	width: 720px;
	overflow: hidden;
}

div.secondaryTop div#mainContents h2.image {
	margin-left: 0;
	padding-left: 0;
	background-image: none;
}

div.secondaryTop div#mainContents h2 { margin-left: 0; }

div.secondaryTop div#mainContents h3 { margin-left: 10px; }

div.secondaryTop div#mainContents div#areaRefine,
div.secondaryTop div#mainContents div#genre,
div.secondaryTop div#mainContents div#budget {
	width: 720px;
	margin-bottom: 20px;
	background-image: url(/SYS/cmn/images/common/top/bg_second_search_body.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

div.secondaryTop div#mainContents div#areaRefine div.wrap,
div.secondaryTop div#mainContents div#genre div.wrap,
div.secondaryTop div#mainContents div#budget div.wrap {
	padding-bottom: 2px;
	background-image: url(/SYS/cmn/images/common/top/bg_second_search_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	height: 1%;
}

div.secondaryTop div#mainContents div#areaRefine h2,
div.secondaryTop div#mainContents div#genre h2,
div.secondaryTop div#mainContents div#budget h2 {
	margin-top: 0;
	margin-left: 0;
}

* html div.secondaryTop div#mainContents ul.linksRow li.external { background-position: -2px 0; }

div.secondaryTop div#mainContents div#areaRefine div.heading { position: relative; }

div.secondaryTop div#mainContents div#areaRefine div.heading ul {
	position: absolute;
	top: 12px;
	right: 10px;
}
* html div.secondaryTop div#mainContents div#areaRefine div.heading ul {
	position: static;
	margin-top: -28px;
	margin-right: 5px;
}

div.secondaryTop div#mainContents div#areaRefine ul.linksRow li { width: 30%; }

div.secondaryTop div#mainContents div#genre ul.linksRow li { width: 22%; }

div.secondaryTop div#mainContents div#areaRefine ul.linksRow li,
div.secondaryTop div#mainContents div#genre ul.linksRow li { margin-right: 10px; }

div.secondaryTop div#mainContents div#genre ul.parameter li { width: 23%; }

div.secondaryTop div#mainContents div#areaRefine ul.linksRow,
div.secondaryTop div#mainContents div#genre ul.linksRow,
div.secondaryTop div#mainContents div#genre ul.btn {
	width: 700px;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #D3D2CD;
}

div.secondaryTop div#mainContents div#genre ul.parameter li.current,
div.secondaryTop div#mainContents div#budget p span { color: #CCC; }

div.secondaryTop div#mainContents div#budget p span.number { color: #999; }

div.secondaryTop div#mainContents div#areaRefine dl.relatedLinks,
div.secondaryTop div#mainContents div#genre ul.links {
	width: 700px;
	margin-right: 20px;
	padding-top: 10px;
	border-top: 1px solid #FFF;
}

* html div.secondaryTop div#mainContents div#areaRefine dl.relatedLinks img {
	vertical-align: middle;
	margin-top: 2px;
}

div.secondaryTop div#mainContents ul.links li.aboutReport {
	padding: 0;
	background-image: none;
	font-size: 100%;
	text-align: right;
}

div.secondaryTop div#mainContents ul.links li.aboutReport a {
	padding-left: 10px;
	background-image: url(/SYS/cmn/images/common/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.secondaryTop div#mainContents div#genre ul.btn { text-align: center; }

/* レポート */
div.secondaryTop div#mainContents div.article div.articleHeader {
	margin-left: 0;
	border: none;
	border-bottom: 1px solid #DEDEDE;
}

div.secondaryTop div#mainContents div.article div.articleHeader div.supportArea { width: auto; }

/* ページの先頭へ戻る */
div.secondaryTop div#mainContents p.totop { margin-left: 0; }

/* ------------------------------------------------------------ clearfix */
div#mainContents div.article div.articleHeader:after,
div#mainContents div.recommendReport:after,
div#mainContents div.spotlight ul.rankLinks:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mainContents div.article div.articleHeader,
div#mainContents div.recommendReport,
div#mainContents div.spotlight ul.rankLinks { display: inline-table; }

* html div#mainContents div.article div.articleHeader,
* html div#mainContents div.recommendReport,
* html div#mainContents div.spotlight ul.rankLinks { height: 1%; }

div#mainContents div.article div.articleHeader,
div#mainContents div.recommendReport,
div#mainContents div.spotlight ul.rankLinks {
	display: block;
	zoom: 1;
}

/*-------------------------------------SATOPページ --*/

/* 検索エリア　トルツメ対応 */
.mT20 {
	margin-top:20px;
}

/* EOF */