@charset "UTF-8";

/*
/////////// 構成要素 //////////

	(1)__マップ部
 	(2)__ショップ一覧
 	(3)__サロン一覧

///////////////////////////////
*/


/*====================
	(1)__マップ部
  ==================== */

/* マップ部ナビ */
#contents #mapArea {
	height: 320px;
	width: 600px;
	padding: 30px;
	position: relative;
}
#contents .mapShop {
	background: url(../img/shopsalon/bg_mapshop.jpg) no-repeat center center;
}
#contents .mapSalon {
	background: url(../img/shopsalon/bg_mapsalon.jpg) no-repeat center center;
}
#contents #mapArea h3 {
	margin-bottom: 30px;
}
#contents #mapArea p {
	width: 250px;
}
#contents #mapArea li {
	height: 24px;
	position: absolute;
}
#contents #mapArea li a {
	display: block;
	height: 24px;
	border: 1px solid #CCCCCC;
}
#contents #mapArea ul li a:hover,
#contents #mapArea ul li.act a {
	border: 1px solid #FF9900;
}
#contents #mapArea ul li a:hover {
	background-color: #FFF;
}
#contents #mapArea ul li a:hover img,
#contents #mapArea ul li.act a img {
	visibility: hidden;
}
#contents #mapArea li.region01 a { width: 112px; background: url(../img/navi_s/bg_btn_shopsalon.jpg) no-repeat 0px -3px;}
#contents #mapArea li.region02 a { width: 112px; background: url(../img/navi_s/bg_btn_shopsalon.jpg) no-repeat 0px -33px;}
#contents #mapArea li.region03 a { width: 97px; background: url(../img/navi_s/bg_btn_shopsalon.jpg) no-repeat 0px -63px;}
#contents #mapArea li.region04 a { width: 53px; background: url(../img/navi_s/bg_btn_shopsalon.jpg) no-repeat 0px -93px;}
#contents #mapArea li.region05 a { width: 97px; background: url(../img/navi_s/bg_btn_shopsalon.jpg) no-repeat 0px -123px;}
#contents #mapArea li.region06 a { width: 97px; background: url(../img/navi_s/bg_btn_shopsalon.jpg) no-repeat 0px -153px;}
#contents #mapArea li.region01 { width: 112px; top: 150px; right: 20px;}
#contents #mapArea li.region02 { width: 112px; right: 50px; bottom: 160px;}
#contents #mapArea li.region03 { width: 97px; top: 125px; right: 220px;}
#contents #mapArea li.region04 { width: 53px; right: 200px; bottom: 105px;}
#contents #mapArea li.region05 { width: 97px; right: 250px; bottom: 190px;}
#contents #mapArea li.region06 { width: 97px; right: 230px; bottom: 70px;}

/*====================
	(２)__ショップ部
  ==================== */

#contents #shopList {
	margin: 50px 5px 30px;
}

#contents #shopList ul {
	border-top: 1px solid #cccccc;
	width: 650px;
}
#contents #shopList h4 {
	margin-bottom: 15px;
}
#contents #shopList li {
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
#contents #shopList li h5 {
	padding: 10px 0 5px;
	color: #66CC99;
	font-size: 110%;
}
#contents #shopList li .shopdate {
	position: relative;
}
#contents #shopList li dt {
	float: left;
	width: 60px;
	clear: both;
	background:url(../img/shopsalon/bg_shopdate.jpg) no-repeat right center;
}
#contents #shopList li dd {
	margin-left: 60px;
	width: 460px;
	min-height: 1.2em;
}
#contents #shopList li dd p{
	margin: 0;
}
#contents #shopList li .head {
	margin-top: -20px;
	float: right;
}
#contents #shopList li li {
	border-bottom: none; 
}
#contents #shopList li .catalog {
	padding: 10px 5px 0;
	display: block;
	clear: both;
	width: 640px;
}
#contents #shopList li .catalog table {
	width: ;
}
#contents #shopList li .catalog table th {
	padding: 7px 10px;
	width: 260px;
	height: ;
	vertical-align: middle;
	border: 1px solid #CCCCCC;
}
#contents #shopList li .catalog table td {
	border: 1px solid #CCCCCC;
	width: 30px;
	text-align: center;
}
#contents #shopList li .catalog p {
	margin: 0;
	padding: 5px 0 0;
	clear: both;
	text-align:right;
}
#contents #shopList {
	margin: 50px 5px 0;
}

/*====================
	(3)__サロン一覧
  ==================== */
#contents #salonList {
	margin: 50px 5px 0;
}
#contents #salonList ul {
	border-top: 1px solid #cccccc;
	width: 650px;
}
#contents #salonList h4 {
	margin-bottom: 15px;
}
#contents #salonList li {
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
#contents #salonList li h5 {
	padding: 10px 0 5px;
	color: #66CC99;
	font-size: 110%;
}
#contents #salonList li .shopdate {
	position: relative;
}
#contents #salonList li dt {
	float: left;
	width: 60px;
	clear: both;
	background:url(../img/shopsalon/bg_shopdate.jpg) no-repeat right center;
}
#contents #salonList li dd {
	margin-left: 60px;
	width: 460px;
	min-height: 1.2em;
}
#contents #salonList li dd p{
	margin: 0;
}
#contents #salonList li .head {
	margin-top: -20px;
	float: right;
}