@charset "UTF-8";

/*---------------------------------
開催店舗検索
----------------------------------*/

#map{
	position: relative;
	width: 720px;
}
#map p{
	margin: 0;
}
#map .body{
	background-color: #ffffff;
	padding: 20px 25px;
}

#map p.note {
  color: #333333;
  margin: 30px 0 0;
  text-align: left;
}
#map .areaTable + p.note {
  color: #333333;
  margin: 0 0 10px;
}


#mapInner{
	background-color: #ffffff;
	padding: 20px 25px 25px;
	overflow: hidden;
}
	#mapInner h3{
		margin: 0 0 10px;
	}
	.mapDetailHeader{
		margin-bottom: 20px;
		overflow: hidden;
	}
		.mapDetailHeader h4{
			float: left;
			font-size: 26px;
			font-weight: normal;
			color: #00A0E9;
		}
		.mapDetailHeader .backSearch{
			float: right;
		}
		.mapDetailHeader .backSearch a{
			display: block;
			padding: 6px 13px 6px 13px;
			color: #fff;
			text-decoration: none;
			line-height: 1;
			background: #00A0E9;
		}



/*店舗index
----------------------------------*/
/*search*/
#search{
	margin: 20px 0 30px;
	text-align: center;
    color: #E52672;
}
	#search select{
		margin-right: 20px;
	}
	#search div{
		margin: 15px 0 0;
	}
		#search div img{
			cursor: pointer;
		}
/*map*/
#japanMap{
	position: relative;
	margin: 10px 0 0;
	width: 670px;
	height: 440px;
	background: url(../img/bg_japanMap.jpg) no-repeat;
}
	#japanMap div{
		position:absolute;
	}
	#japanMap .btn01{
		top: 127px;
		left: 352px;
	}
	#japanMap .btn02{
		top: 300px;
		left: 446px;
	}
	#japanMap .btn03{
		top: 214px;
		left: 294px;
	}
	#japanMap .btn04{
		top: 382px;
		left: 289px;
	}
	#japanMap .btn05{
		top: 214px;
		left: 149px;
	}
	#japanMap .btn06{
		top: 347px;
		left: 19px;
	}



/*一覧ページ
----------------------------------*/
/*エリアTable*/
.areaTable{
	margin: 10px 0 20px;
	width: 100%;
}
	.areaTable td{
		padding: 3px 10px;
		background-color: #CCECFB;
		border: 1px solid #00A0E9;
	}
		/*.areaTable td:empty{*/
		.areaTable td.empty{
			padding: 3px 10px;
			background: none;
			border: none;
		}
		.areaTable td a{
			text-decoration: none;
			color: #0080BD;
	}


/*店舗一覧Table*/
.shopTable{
	width: 100%;
}
.shopTable td{
	padding: 10px 15px;
	text-align: center;
	background: #E5F5FD;
	border: 1px solid #fff;
}
.shopTable td.left{
	text-align: left;
}
	.shopTable thead td{
		color: #fff;
		background: #00A0E9;
		font-weight: bold;
	}


/*webストアTable*/
.webShop {
	margin: 20px 0 0;
	width: 100%;
}
.webShop thead th {
	color: #fff;
	background: #00A0E9;
	font-size: 14px;
	padding: 8px 0 8px;
	text-align: center;
}
.webShop td{
	padding: 10px 15px;
	background: #E5F5FD;
	border: 1px solid #fff;
}
.webShop td.left{
	text-align: left;
}
.webShop td a {
	color: #007FBD;
	text-decoration: none;
}
.webShop td a:before {
	content: "＞";
}
.webShop td a:hover {
	text-decoration: underline;
}