/* imgmap version of area-search
======================================*/

/* override current style */
.panelL div#gourmet-area-search{
	background:url(/gourmet/img/shared/bg_area-list_02.gif) left bottom no-repeat;
}

/* areamap */

.gourmetAreamapA01{
	text-align:center;
	padding:10px 15px 15px;
	width:430px;
	height:250px;
	position:relative;
	background: url(/gourmet/img/shared/bg_area-list_04.gif) left bottom no-repeat;
	display:none; /* shown via js */
}
	.gourmetAreamapA01 img{
		vertical-align:top; /* kill img space */
	}
	.areamap-main{
		position:absolute;
		left:15px;
		top:10px;
		width:428px;
		height:248px;
		z-index:7;
		border:1px solid #e2dbbf;
		background:#fdfaf3;
		overflow:hidden;
	}
		.areamap-main-map{
			position:absolute;
			left:0;
			top:0;
			width:100%;
			height:100%;
		}
			.areamap-area,
			.areamap-areachanger{
				position:absolute;
				cursor:pointer;
			}
				.areamap-area span,
				.areamap-areachanger span{
					display:block;
					width:100%;
					height:100%;
				}
	.areamap-menu{
		position:absolute;
		width:1px:;
		height:266px;
		left:455px;
		top:0;
		z-index:2;
		text-align:left;
	}
		.areamap-menu-inner{
			position:absolute;
			background:url(/gourmet/img/shared/bg_list_01.gif) 0 8px no-repeat;
			width:218px;
			height:266px;
			left:-218px;
			top:0;
			z-index:3;
		}
			/* separating shadow corners for ie6 sob. */
			.areamap-menu-corner{
				position:absolute;
				font-size:0;
				line-height:0;
			}
			.areamap-menu-t{
				left:0; top:0; width:218px; height:8px;
				background:url(/gourmet/img/shared/bg_list_02.png) 0 0 no-repeat;
				_background:transparent;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/gourmet/img/shared/bg_list_02.png');
			}
			.areamap-menu-b{
				left:0; bottom:0; width:218px; height:8px;
				background:url(/gourmet/img/shared/bg_list_03.png) 0 0 no-repeat;
				_background:transparent;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/gourmet/img/shared/bg_list_03.png');
			}
			.areamap-menu-r{
				left:210px; top:8px; width:8px; height:250px;
				background:url(/gourmet/img/shared/bg_list_04.png) 0 0 no-repeat;
				_background:transparent;
				_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/gourmet/img/shared/bg_list_04.png');
			}

			.areamap-menu-close{
				position:absolute;
				right:14px;
				top:14px;
			}
			.areamap-menu-h{
				line-height:24px;
				font-size:12px;
				color:#4d3b17;
				width:168px;
				padding:0 0 1px 8px;
				margin:9px 0 0 11px;
				font-weight:bold;
			}
			.areamap-menu-list{
				width:198px;
				height:218px;
				padding:5px 0 0;
				position:absolute;
				left:11px;
				top:34px;
				overflow-y:scroll;
				z-index:5;
			}
				.areamap-menu-list-inner{
					*zoom:1; /* ie */
				}
					.areamap-localarea{
						display:block;
						padding:2px 5px 2px 17px;
						line-height:1.3;
						*zoom:1; /* ie */
					}
					.areamap-localarea:hover{
						background:url(/img/shared/ico/ico_arrow_01.gif) 6px .5em no-repeat;
					}
		.areamap-menu-overlay{
			position:absolute;
			left:-218px;
			top:0;
			z-index:6;
			width:218px;
			height:266px;
			background:#fff;
		}

/* areamap plain (for noscript view) */

.gourmetAreamapPlainA01{
	padding:10px 15px 15px;
	width:430px;
	height:250px;
	background: url(/gourmet/img/shared/bg_area-list_04.gif) left bottom no-repeat;
	position:relative;
}
	.gourmetAreamapPlainA01-inner{
		position:absolute;
		left:15px;
		top:10px;
		width:428px;
		height:248px;
		border:1px solid #e2dbbf;
		overflow-y:scroll;
	}
		.gourmetAreamapPlainA01 ul{
			list-style-type:none;
			margin:0;
			padding:5px 10px 8px;
			*zoom:1; /* ie */
		}
			.gourmetAreamapPlainA01 ul li{
				padding:10px 0 11px;
				border-top:1px dotted #e2dbbf;
			}
			.gourmetAreamapPlainA01 ul li.first{
				border-top:none;
			}
				.gourmetAreamapPlainA01 ul li a{
					font-weight:bold;
					padding:2px 5px 2px 17px;
				}
				.gourmetAreamapPlainA01 ul li a:hover{
					background:url(/img/shared/ico/ico_arrow_01.gif) 6px .6em no-repeat;
				}
				.gourmetAreamapPlainA01 ul li ul{
					overflow:hidden;
					*zoom:1; /* ie */
					padding:4px 0 0;
				}
					.gourmetAreamapPlainA01 ul li ul li{
						float:left;
						white-space:nowrap;
						border:none;
						padding:0;
					}
						.gourmetAreamapPlainA01 ul li ul li a{
							font-weight:normal;
							float:left;
						}