@charset "utf-8";

#main ul.shoplist li.kaisou
{
	padding-left: 10px;
	font-size   : 93%;
	line-height : 1.6;
}
#main ul.shoplist li.kaisou a
{
	display     : inline;
	text-indent : 0px;

	padding-left: 9px;
	line-height : 1.4em;
	color       : #069;
	background  : url(../../img/top_new_arw.gif) no-repeat 0 0.3em;
	text-decoration: none;
}

#main ul.shoplist li.kaisou a:hover{
	color       : #e60012;
	background: url(../../img/top_new_arw.gif) no-repeat -220px 0.3em;
}

#main ul.shoplist li.biko{
	padding-left: 30px;
	line-height: 1.6em;
}

/*
===== MAP ================================
*/
#map{
	position: relative;
	height: 309px;
	margin-bottom: 10px;
	overflow: hidden;
	background: url(../../img/search_map.gif) no-repeat 0 0;
}
#map .over,
#map .area{
	position: absolute;
	top: 0; left: 0;
}
#map .over{ display: none; }
#map .image-resize{
	width: 685px; 
	height: 309px;
}
#map .image-resize_osaka{
	width: 264px; 
	height: 253px;
}

#osaka_z{
	width: 685px;
	height: 309px;
	overflow: hidden;
	background: url(../../img/top_map_osaka_z.gif) no-repeat 0 0;
	background-size:100% 100%;
}
#osaka_mn{ width: 600px; margin: 18px 0 0 20px; padding-left:25px;}
#osaka_mn a{
	display: block;
	float: left;
	width: 264px;
	height: 253px;
	background: url(../../img/search_map_btn_bg.gif) no-repeat 0 0;
}
#osaka_mn a.si{ background-position:    0   0; }
#osaka_mn a.fu{ background-position: -264px 0; }
#osaka_mn img.bg{ float: left; cursor: pointer;}
#map .city{
	width: 627px;
	height: 253px;
	margin: 25px 0 0 28px;
	padding: 16px 21px 16px 25px;
	overflow: hidden;
	background: url(../../img/search_map_city_bg.gif) no-repeat 0 0;
}
#map .city p{
	width: 112px;
	height: 28px;
	margin-bottom: 11px;
	text-indent: -9999px;
}
#osaka_si p{ background: url(../../img/top_map_osaka_si.gif) no-repeat 0 0; }
#osaka_fu p{ background: url(../../img/top_map_osaka_fu.gif) no-repeat 0 0; }

#map .city ul li{
	float: left;
	width: 116px;
}
#map .city ul li a{
	display: block;
	padding: 1px 0 1px 16px;
	color: #333;
	background: url(../../img/arw_tri.gif) no-repeat 0 50%;
}
#map .city ul li a:hover{
	color: #e60012;
	background-position: -400px 50%;
	background-image: url(../../img/arw_tri.gif);
}
#map .city a.back{
	position: absolute;
	top: 210px;
	left: 532px;
	
	padding-left: 22px;
	font-size: 100%;
	font-weight: bold;
	color: #0e5d9f;
	background: url(../../img/arw_pager_x.gif) no-repeat left 50%;
}
#map .city a.back:hover{
	color: #e60012;
	background-image: url(../../img/arw_pager_o.gif);
}