@charset "utf-8";

/*
===== Media Queriesɂؑ =====================================
*/



/*
===== BANNER ================================
*/
#main_view {
	visibility: visible;
	width: 480px;
	height: 152px;
	margin-bottom: 10px;
	overflow: hidden;

}
#main_view .window {
	visibility: visible;
	width: 480px;
	height: 152px;
}
#main_view .image-resize-banner{
	width: 1px;
	height: 1px;

}
#main_view .image_default{
	width: 480px;
	height: 152px;
	background: url(../img_banner/banner1.jpg) no-repeat 0 0;
	background-size: 480px 152px;
}
#main_view .image_reel {
	visibility: hidden;
	width: 480px;
	overflow: hidden;

}
#main_view .image_reel img {
	visibility: hidden;
	width: 480px;
	overflow: hidden;
}
#main_view .paging {
	visibility: hidden;
	width: 480px;
	height: 152px;
	overflow: hidden;
}
#main_view .paging a {
	visibility: hidden;
	width: 480px;
	height: 152px;
	overflow: hidden;
}
#main_view .paging a.active {
	visibility: hidden;
	width: 480px;
	height: 152px;
}
#main_view .paging img {
	visibility: hidden;
	width: 480px;

}


/*
===== MAP ================================
*/
#map{
	position: relative;
	height: 220px;
	margin-bottom: 10px;
	overflow: hidden;
	background: url(../img/top_map.gif) no-repeat 0 0;
}
#map .over,
#map .area{
	position: absolute;
	top: 0; left: 0;
}
#map .over{ display: none; }
#map .image-resize{
	width: 480px;
	height: 220px;
}
#map .image-resize-osaka{
	width: 189px;
	height: 181px;
}

#osaka_z{
	width: 480px;
	height: 220px;
	overflow: hidden;
	background: url(../img/top_map_osaka_z.gif) no-repeat 0 0;
}
#osaka_mn{ width: 448px; margin: 18px 0 0 20px; }
#osaka_mn a{
	display: block;
	float: left;
	width: 189px;
	height: 181px;
	background: url(../img/top_map_btn_bg.gif) no-repeat 0 0;
}
#osaka_mn a.si{ background-position:    0   0; }
#osaka_mn a.fu{ background-position: -189px 0; }
#osaka_mn img.bg{ float: left; cursor: pointer;}
#map .city{
	width: 415px;
	_width: 448px;
	height: 157px;
	_height: 181px;
	margin: 18px 0 0 20px;
	padding: 12px 15px 12px 18px;
	overflow: hidden;
	background: url(../img/top_map_city_bg.gif) no-repeat 0 0;
}
#map .city p{
	width: 80px;
	height: 20px;
	margin-bottom: 8px;
	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: 83px;
}
#map .city ul li a{
	display: block;
	padding: 1px 0 1px 12px;
	color: #333;
	background: url(../img/arw_tri.gif) no-repeat 0 50%;
}
#map .city ul li a:hover{
	color: #e60012;
	background-position: -400px 50%;
}
#map .city a.back{
	position: absolute;
	top: 150px;
	left: 380px;
	
	padding-left: 16px;
	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);
}


