@charset "Shift_JIS";

/*--------------------------------------------------------------------
/- file   : common.css
/- admin  : MEGA-D Inc. RIE Nakazawa
/- update : 200900310
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************* Navi Styles *************/

div#MachiContainer div#machiNavi {
	margin: 0 auto;
	padding: 0;
	height: 37px;
	width: 521px;
	overflow: hidden;
}

div#MachiContainer div#machiNavi dl dt {
	display: none;
}

div#MachiContainer div#machiNavi dl dd ul {
	background: url(../images/1205/navi.jpg) no-repeat left top;
	height: 37px;
	overflow: hidden;
}

div#MachiContainer div#machiNavi dl dd ul li {
	float: left;
	width: 164px;
	height: 37px;
}

div#MachiContainer div#machiNavi dl dd ul li a {
	width: 164px;
	height: 37px;
	background-image: url(../images/1205/navi.jpg);
	text-indent: -9999px;
	display: block;
	cursor: pointer;
	overflow: hidden;
}

div#MachiContainer div#machiNavi dl dd ul li.machiNavi_01 a {
	background-position : 0 0;
	width: 164px;
}

div#MachiContainer div#machiNavi dl dd ul li.machiNavi_01 a:hover,
div#MachiContainer div#machiNavi dl dd ul li.machiNavi_01_on a {
	background-position : 0 -37px;
	width: 164px;
}

div#MachiContainer div#machiNavi dl dd ul li.machiNavi_02 a {
	background-position : -164px 0;
	width: 164px;
}

div#MachiContainer div#machiNavi dl dd ul li.machiNavi_02 a:hover,
div#MachiContainer div#machiNavi dl dd ul li.machiNavi_02_on a {
	background-position : -164px -37px;
	width: 164px;
}

/************* shopList Styles *************/

div#MachiContainer div#shopList {
	margin: 0px auto;
	padding: 0px;
	text-align: left;
	background: url(../images/machi_bg.jpg) repeat-y left top;
}

div#MachiContainer div#shopList p.date {
	font-size: 84%;
	font-weight: normal;
	color: #939393;
	padding: 15px 28px;
	text-align: right;
	background: url(../images/machi_bg_bottom.jpg) no-repeat left bottom;
}

div#MachiContainer div#shopList dl {
	margin: 0px auto;
	padding: 0px 30px;;
	text-align: left;
}

div#MachiContainer div#shopList dl dt {
	padding: 0px;
	margin: 0px;
	font-size: 0;
	width: 265x ;
	height: 45px;
	display: block;
	text-indent: -9999px;
	background: url(../images/1205/area_title.gif) no-repeat left bottom;
}

div#MachiContainer div#shopList dl dd p.mapBtn {
	margin-top: -20px;
	margin-left: 320px;
}

div#MachiContainer div#shopList dl dd p.aboutArea {
	padding: 13px 5px 20px;
	margin: 0;
	font-weight: normal;
}

div#MachiContainer div#shopList dl dd ul {
	border-top: 1px solid #a6c0dc;
}

div#MachiContainer div#shopList dl dd li {
	border-bottom: 1px solid #a6c0dc;
}

div#MachiContainer div#shopList dl dd ul.end li p.photo,
div#MachiContainer div#shopList dl dd ul li p.photo {
	float: left;
	padding: 15px 19px 5px 0px;
}

div#MachiContainer div#shopList dl dd ul li h3.shoptitle01 {
	background: url(../images/1205/shoptitle01.gif) no-repeat left top;
	float: right;
	height: 109px;
	margin-top: 15px;
	width: 245px; !important /* モダンブラウザ向け */
	width: 260px; /* IE 6以下のみ */
	text-indent: -9999px;
	display: block;
}

div#MachiContainer div#shopList dl dd ul li h3.shoptitle02 {
	background: url(../images/1205/shoptitle02.gif) no-repeat left top;
	float: right;
	height: 124px;
	margin-top: 15px;
	width: 245px; !important /* モダンブラウザ向け */
	width: 260px; /* IE 6以下のみ */
	text-indent: -9999px;
	display: block;
}

div#MachiContainer div#shopList dl dd ul li h3.shoptitle03 {
	background: url(../images/1205/shoptitle03.gif) no-repeat left top;
	float: right;
	height: 147px;
	margin-top: 15px;
	width: 245px; !important /* モダンブラウザ向け */
	width: 260px; /* IE 6以下のみ */
	text-indent: -9999px;
	display: block;
}

div#MachiContainer div#shopList dl dd ul li h3.shoptitle04 {
	background: url(../images/1205/shoptitle04.gif) no-repeat left top;
	float: right;
	height: 124px;
	margin-top: 15px;
	width: 245px; !important /* モダンブラウザ向け */
	width: 260px; /* IE 6以下のみ */
	text-indent: -9999px;
	display: block;
}

div#MachiContainer div#shopList dl dd ul li h3.shoptitle05 {
	background: url(../images/1205/shoptitle05.gif) no-repeat left top;
	float: right;
	height: 124px;
	margin-top: 15px;
	width: 245px; !important /* モダンブラウザ向け */
	width: 260px; /* IE 6以下のみ */
	text-indent: -9999px;
	display: block;
}

div#MachiContainer div#shopList dl dd ul li h3.shoptitle06 {
	background: url(../images/1205/shoptitle06.gif) no-repeat left top;
	float: right;
	height: 124px;
	margin-top: 15px;
	width: 245px; !important /* モダンブラウザ向け */
	width: 260px; /* IE 6以下のみ */
	text-indent: -9999px;
	display: block;
}

div#MachiContainer div#shopList dl dd ul li h3.shoptitle07 {
	background: url(../images/1205/shoptitle07.gif) no-repeat left top;
	float: right;
	height: 124px;
	margin-top: 15px;
	width: 245px; !important /* モダンブラウザ向け */
	width: 260px; /* IE 6以下のみ */
	text-indent: -9999px;
	display: block;
}


} /* MacIE除外用 */


/*********** Print Only styles ***********/

@media print { /* 印刷用 */
}

@media screen { /* IE5対策 印刷用 */
}