@charset "utf-8";

/* ------------------------------------------------------------
   
	filename:	001.css
	created:	090331
	update:		090617
	  
------------------------------------------------------------ */
/* ------------------------------------------------------------ レイアウト */
div#platformWrap {
	background-image: url(/s/MP/cmn/images/bg_top_platformwrap.gif);
	background-position: 0 0;
}

div#header {
	min-height: 26px;
	background-color: transparent;
}

* html div#header { height: 26px; }

div#header ul.links { margin: 4px 10px 3px 0; }

div#header ul.links li {
	margin-left: 5px;
	border: none;
}

div.typeS div#mainContents {
	width: 950px;
	background-color: transparent;
	background-image: url(/s/MP/cmn/images/bg_top_01.jpg);
	background-repeat: no-repeat;
}

.topAreaL{
	float:left;
	width:465px;
}

.topAreaR{
	float:right;
	width:465px;
}


/* ------------------------------------------------------------ h1 */
div#mainContents h1 {
	margin: 0 0 15px 20px;
	padding: 20px 0 0 0;
	border: none;
	background-image: none;
	line-height: 0;
}

div#mainContents h1 span {
	font-size: 58%;
	font-weight: bold;
	color: #666666;
}

/* ------------------------------------------------------------ コンテンツヘッダー */
div#mainContents div.contentsHeader { position: relative; }

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

div#mainContents div.contentsHeader p { margin-bottom: 8px; }

div#mainContents div.contentsHeader p.mobile {
	position: absolute;
	top: 130px;
	/top: 133px;
	left: 300px;
	margin: 0;
}

* html div#mainContents div.contentsHeader p.mobile {left: 280px; }

div#mainContents div.contentsHeader dl {
	clear: both;
	margin: 0 20px 20px 20px;
}

div#mainContents div.contentsHeader dl dt {
	float: left;
	clear: left;
	line-height: 0;
	font-size: 0;
}

div#mainContents div.contentsHeader dl dd {
	margin-bottom: 5px;
	margin-left: 101px;
	font-size: 140%;
}

div#mainContents div.contentsHeader dl dd ul { margin-bottom: 0; }

div#mainContents div.contentsHeader dl dd ul li {
	display: inline;
	margin-right: 2px;
	padding-right: 6px;
	border-right: solid 2px #FFF;
	white-space: nowrap;
}

* html div#mainContents div.contentsHeader dl dd ul li {
	margin-right: 9px;
	margin-left: -3px;
	padding-right: 2px;
}

*:first-child+html div#mainContents div.contentsHeader dl dd ul li {
	margin-right: 6px;
	padding-right: 2px;
}

div#mainContents div.contentsHeader dl dd ul li.lastChild {
	margin-right: 0;
	padding-right: 0;
	border: none;
}

div#mainContents div.contentsHeader dl dd ul li a { font-weight: bold; }

/* ------------------------------------------------------------ コンテンツエリア */
div#mainContents p.notice {
	margin: 0 20px 20px 20px;
	color: #959188;
	font-size: 100%;
}

div#mainContents div.locator h2:first-child { margin-top: 1px; }

div#mainContents div.itemsA div.pic,
div#mainContents div.itemsA div.txt {
	display: block;
	float: left;
}

div#mainContents div.beauty {
	width: 354px;
	margin-left: 21px;
	padding-top: 1px;
	padding-left: 1px;
	border: solid 1px #D4D2CD;
	background-color: #FFF;
}

div#mainContents div.beauty div.itemsA { background-color: #FCEBE7; }

div#mainContents div.beauty div.pic { width: 114px; }

div#mainContents div.beauty div.txt { width: 240px; }

div#mainContents div.beauty div.pic p { margin: 4px 0 5px 4px; }

div#mainContents div.beauty div.txt p { margin-top: 10px; }

div#mainContents div.beauty div.txt ul {
	clear: both;
	margin: 0 10px;
}

div#mainContents div.beauty div.txt ul li {
	float: left;
	line-height: 1.1;
	margin-right: 6px;
	margin-bottom: 5px;
	padding-right: 5px;
	border-right: solid 1px #D3D3D3;
}

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

/*
div#mainContents div.recommend p.image {
	margin-left: 0;
	padding: 1px;
	border: solid 1px #D4D2CD;
	background-color: #FFF;
}

div#mainContents div.recommend h3 {
	margin-right: 20px;
	margin-bottom: 5px;
	padding: 0;
}

div#mainContents div.recommend div.pic { width: 70px; }

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

div#mainContents div.recommend div.txt p { margin-right: 20px; }

div#mainContents div.recommend p.renewal {
	margin-left: 0;
	text-align: center;
}
*/

div#mainContents p.totop { margin:20px 0 0; }

/* ------------------------------------------------------------ SEOエリア */
div#footerNav hr {
	display: block;
	clear: both;
	height: 1px;
	border: none;
	border-top: 1px solid #CCC;
}

/* ------------------------------------------------------------ 全国TOP クイック検索エリア */

.containerWrapInner {
	margin: 0 auto;
	width: 950px;
	position: relative;
	text-align: left;
}

.quickSearch {
	margin: 0 auto;
	width: 295px;
	position: absolute;
	top: 219px;
	left: 573px;
	z-index: 1;
	text-align: left;
}

.containerWrapInner>.quickSearch {
	background: url("/s/MP/cmn/images/bg_quicksearch.png") no-repeat 0 bottom;
}

.quickSearchBgIe6 {
	position:absolute;
	top: 229px;
	left: 573px;
}

.quickSearchTitle {
	height: 25px;
	background: url("/s/MP/cmn/images/title_quicksearch.gif") no-repeat 0 0;	text-indent: -9999px;
}

.quickSearchList {
	margin-top: 15px;
}

.quickSearchList li {
	margin: 0 0 5px 23px;
}

.quickSearchList li.lastChild {
	margin-bottom: 0;
}

.quickSearchList dt {
	float: left;
	margin: 0 10px 0 0;
	font-weight: bold;
	text-align: right;
}

.quickSearchList dd {
	float: left;
}

.quickSearchList select {
	width: 175px;
	height: 20px;
}

.quickSearchBtn {
	margin: 15px 0 10px 0;
	text-align: center;
}

.areaStyle {
	font-style: italic;
	font-weight: bold;
}

#areaSelected {
   display: none;
}



/* ------------------------------------------------------------ iconエリア */
div#mainContents .iconArea,
div#mainContents .iconArea dl{
	margin:0;
}

.iconArea{
	width:950px;
}

.iconArea li{
	float:left;
	margin-bottom:20px;
	font-size:100%;
}

.iconArea dt{
	float:left;
	width:41px;
	margin-right:10px;
	color:#999999;
}

.iconArea dd{
	float:left;
	width:240px;
	margin:0 10px 0 0;
	color:#999999;
}

.iconArea dd span.nlt{
	font-size:120%;
	font-weight:bold;
}

.iconArea a:link,
.iconArea a:hover,
.iconArea a:active,
.iconArea a:visited{
	font-size:120%;
	color:#1470CC;
	font-weight:bold;
}

.iconArea span.slink a:link,
.iconArea span.slink a:hover,
.iconArea span.slink a:active,
.iconArea span.slink a:visited{
	font-size:100%;
	color:#1470CC;
	font-weight:normal;
}


/* ------------------------------------------------------------ オススメのグルメ・クーポン情報 */
div#mainContents .recCpn,
div#mainContents ul,
div#mainContents p{
	margin:0;
}

.subsite li			{ width:465px; margin-bottom:20px; }

.subsite li.left,
.subsite .ssThum	{ float:left; }

.subsite li.right	{ float:right; }
.subsite .ssTxtArea	{ width:275px;float:right; }

.ssTitle {
	background:url(/SYS/cmn/images/common/mark_links.gif) no-repeat left ;
	background-position: -5px 1px;
	padding-left:8px;
}

.ssTitle a{ font-weight:bold; }

.ssTxt { padding-left:8px; }


/* ------------------------------------------------------------------------------ お役立ちコンテンツ */

div#mainContents ul.usefulCts{margin-left: 0;}

div#mainContents ul.usefulCts li{
	float: left;
	width: 180px;
	margin-right: 12px;
	font-size: 100%;
}

div#mainContents ul.usefulCts li.lastChild{margin-right: 0px;}

div#mainContents ul.usefulCts li dl{margin: 10px 0px 0px; padding:0 1px;}

div#mainContents ul.usefulCts li dl dt a{
	font-size: 120%;
	font-weight: bold;
}

div#mainContents ul.usefulCts li dl dt,
div#mainContents ul.usefulCts li dl dd{color: #666666;}

div#mainContents ul.usefulCts li dl dd{
	margin-top: 5px;
}

div#mainContents ul.usefulCts li dl dd ul.markLinks{margin-top: 5px;}

div#mainContents ul.usefulCts li dl dd.markLinks,
div#mainContents ul.usefulCts li dl dd ul.markLinks li{
	float: none;
	width: auto;
	margin: 0px;
	padding-left: 10px;
	background: url(/SYS/cmn/images/common/top/mark_links.gif) no-repeat -3px;
}

/* ------------------------------------------------------------ 人気の駅・エリア・キーワードから探す */
div#mainContents .popList,
div#mainContents .popList dl{
	margin:0;
}
.popList li{
	font-size:100%;
}

.popKeyWords li{
	display:inline;
	white-space:nowrap;
	float:left;
	color:#999999;
}

.popList dl{
	width:100%;
}

.popList dt{
	font-weight:bold;
	color:#999999;
}

.popList dd{
	margin-bottom:10px;
	color:#999999;
}

.popKeyWords li a,
.popKeyWords li a:hover,
.popKeyWords li a:active,
.popKeyWords li a:visited,
.popList dd a,
.popList dd a:hover,
.popList dd a:active,
.popList dd a:visited{
	color:#999999;
}

div#mainContents h3.h3T,
div#mainContents .aN{
	padding:0;
	margin:0;
	font-size:100%;
	color:#999999;
	font-weight:bold;
}

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

.popArea dt{
	float:left;
	margin-right:5px;
	font-weight:normal;
}

.popArea dd{
	margin-bottom:0;
}


.cap{
	text-align:right;
	font-size:100%;
	color:#999999;
}


/* ------------------------------------------------------------ ホットペッパー関連サイト */
div#mainContents .recommend{ margin:0; }

div#mainContents .recommend h3{
	margin:5px 0 0;
	padding:0;
	font-size:100%;
	line-height:1.2;
}

.recommend li,
.recommend ul { float:left; }

.recommend img{
	padding: 1px;
	border: solid 1px #D4D2CD;
	background-color: #FFF;
}

div#mainContents .omiseAreaList{
	margin-top:5px;
	white-space:nowrap;
}

.omiseAreaList li{font-size: 84%;}
div#mainContents .outerlinkL		{ width:160px; margin-right:15px; }
div#mainContents .outerlinkC		{ width:100px; margin-right:15px; }
div#mainContents .outerlinkR		{ width:70px;}


/* ------------------------------------------------------------ clearfix */
div#mainContents div.contentsHeader dl:after,
div#mainContents div.beauty div.txt ul:after,
{
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mainContents div.contentsHeader dl,
div#mainContents div.beauty div.txt ul { display: inline-table; }

* html div#mainContents div.contentsHeader dl,
* html div#mainContents div.beauty div.txt ul { height: 1%; }

div#mainContents div.contentsHeader dl,
div#mainContents div.beauty div.txt ul {
	display: block;
	zoom: 1;
}

/* EOF */