@charset "UTF-8";

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

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

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


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

/* マップ部ナビ */
#contents #mapArea {
	height: 340px;
	width: 620px;
	padding: 20px;
	position: relative;
}
#contents .mapShop {
	background: url(../img/shopsalon/bg_mapshop.jpg) no-repeat center center;
}
#contents #mapArea h3 {
	margin-bottom: 10px;
}
#contents #mapArea p {
	font-size: 90%;
}
#contents #mapArea li {
	height: 28px;
	position: absolute;
}
#contents #mapArea li a {
	display: block;
	height: 28px;
}
#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: 134px; background: url(../img/shopsalon/btn_map_region01_o.gif) no-repeat 0px 0px;}
#contents #mapArea li.region02 a { width: 134px; background: url(../img/shopsalon/btn_map_region02_o.gif) no-repeat 0px 0px;}
#contents #mapArea li.region03 a { width: 118px; background: url(../img/shopsalon/btn_map_region03_o.gif) no-repeat 0px 0px;}
#contents #mapArea li.region04 a { width: 78px; background: url(../img/shopsalon/btn_map_region04_o.gif) no-repeat 0px 0px;}
#contents #mapArea li.region05 a { width: 118px; background: url(../img/shopsalon/btn_map_region05_o.gif) no-repeat 0px 0px;}
#contents #mapArea li.region06 a { width: 118px; background: url(../img/shopsalon/btn_map_region06_o.gif) no-repeat 0px 0px;}
#contents #mapArea li.region01 { width: 134px; top: 150px; right: 25px;}
#contents #mapArea li.region02 { width: 134px; right: 50px; bottom: 135px;}
#contents #mapArea li.region03 { width: 118px; top: 140px; right: 240px;}
#contents #mapArea li.region04 { width: 78px; right: 210px; bottom: 90px;}
#contents #mapArea li.region05 { width: 118px; right: 280px; bottom: 55px;}
#contents #mapArea li.region06 { width: 118px; right: 450px; bottom: 125px;}

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

#contents #shopList {
	margin: 50px 5px 30px;
}
#contents #shopList h4 {
	margin-bottom: 15px;
}
/*  */

#contents #shopList table {
	width: 100%;
	border: 1px solid #CCCCCC;
	font-size: 93%;
}
#contents #shopList table th,
#contents #shopList table td {
	border: 1px solid #CCCCCC;
	padding: 5px 10px;
	background-color: #FFFFFF;
}
#contents #shopList table th {
	color: #999966;
	background-color:#F5F5EB;
}
#contents #shopList table td {
	font-size: 93%;
}
#contents #shopList table td p {
	margin-bottom: 0;
}
#contents #shopList table td.shopStyle {
	width: 84px;
}
#contents #shopList td.shopStyle .shopType {
	width: 84px;
	height: 20px;
	background: url(../img/shopsalon/icon_style_sh.gif) no-repeat center center;
}
#contents #shopList table td.shopStyle .salonType {
	width: 84px;
	height: 20px;
	background: url(../img/shopsalon/icon_style_sa.gif) no-repeat center center;
}
#contents #shopList table td.shopStyle .shop_salonType {
	width: 84px;
	height: 20px;
	background: url(../img/shopsalon/icon_style_ss.gif) no-repeat center center;
}
#contents #shopList table td.shopStyle em {
	visibility: hidden;
}
#contents #shopList table td.shopInfo h5 {
	margin-bottom: 3px;
	font-size: 116%;
}
#contents #shopList table td.shopInfo a.link {
	padding-left : 18px;
	background: url(../img/common/icon_arrow01.gif) no-repeat left center;
}
#contents #shopList table td.shopInfo a.nonLink {
	padding-left : 18px;
	background: url(../img/common/icon_dotted01.gif) no-repeat left center;
	text-decoration: none;
}
#contents #shopList table td.shopInfo a.nonLink:hover {
	color: #33CC99;
	cursor: default;
}
#contents #shopList table td.shopRemarks {
	width: 210px;
	padding: 8px 10px 5px;
}
#contents #shopList #olShop {
	margin-top: 50px;
	padding: 10px 10px 15px;
	border-top: 2px solid #CCCC99;
	width: 780px;
	background: url(../img/common/bg_cloth.jpg) repeat-y center top;
	text-align: center;
	line-height: 2em;
}