@charset "utf-8";
/* CSS Document */

/*/////////////////////////////////////////////////////////
file name: salon.css
description: サロンのご紹介用スタイルシート

1.タイトル
2.サロン名、地図、情報
3.キャンペーン情報
4.サロンの様子
5.スタッフ紹介
6.サイドバー

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

/* ===========  1.タイトル  =========== */
#title {
	text-indent: -9999px;
	background: #FFF url(../images/title.jpg) left top no-repeat;
	width: 940px;
	height: 180px;
	margin-top: 0;
}




/* ===========  2.サロン名、地図、情報  =========== */
.salon-name {
	background: #FFF url(../../common/images/hd01.gif) left top repeat-y;
	padding-left: 15px;
	font-weight: bold;
	font-size: 200%;
	padding-top: 9px;
	padding-bottom: 9px;
}

.map-left {
	float: left;
	width: 340px;
	margin-right: 20px;
}

.map-right {
	float: left;
	width: 250px;
}

.map-right div {
	background: url(../../common/images/dotLine.gif) left bottom no-repeat;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

dl.list-salon {
	width: 250px;
}

dl.list-salon dt {
	width: 6em;
	float: left;
	font-weight: bold;
}

dl.list-salon dd {
	padding-left: 6em;

}

ul.btn-print {
	width: 103px;
	margin: 10px 0 0;
	padding: 0;
	list-style-type: none;
}

ul.btn-print a {
    display: block;
    width: 103px;
    text-indent: -9999px;
	overflow: hidden;
}

a.print {
    background-image: url(../images/btn_print.gif);
	background-position: 0 0;
	height: 20px;
}

a:hover.print {
    background-position: 0 20px;
}


/* ===========  3.キャンペーン情報  =========== */
.campaign-title {
	background: #ededed;
	padding: 5px 10px;
	width: 590px;
	font-weight: bold;
	font-size: 150%;
	margin-top: 20px;
}

.campaign-info {
	margin-left: 10px;
	margin-top: 10px;
}

.campaign-left {
	float: left;
	/*width: 380px;*/
	line-height: 1.8;
}

.campaign-right {
	float: left;
	width: 200px;
	margin-left: 20px;
}

table.salon-campaign {
	width: 590px;
}

table.salon-campaign td {
	vertical-align: top;
	text-align: left;
}

/* ===========  4.サロンの様子  =========== */
.view-photo {
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	width: 145px;
}

.view-photo-last {
	float: left;
	margin-top: 20px;
	width: 145px;
}

/* ===========  5.スタッフ紹介  =========== */
.staff {
	margin: 0 0 50px;
}

.staff-left {
	float: left;
	margin-right: 20px;
	width: 200px;
}

.staff-right {
	float: left;
	width: 390px;
}

dl.list-staff {
	width: 390px;
	background: url(../../common/images/dotLine.gif) left bottom no-repeat;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

dl.list-staff dt {
	width: 6em;
	float: left;
	line-height: 1.8;
}

dl.list-staff dd {
	padding-left: 6em;
	line-height: 1.8;
}



/* ===========  6.サイドバー  =========== */
.sidebar-salonList {
	padding-top: 35px;
}

table.salonList th {
	width: 70px;
	vertical-align: top;
}

table.salonList td {
	padding-left: 5px;
	vertical-align: top;
}

table.salonList td.btn {
	vertical-align: bottom;
	text-align: left;
}

ul.btn-detail {
	width: 150px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.btn-detail a {
    display: block;
    width: 150px;
    text-indent: -9999px;
	overflow: hidden;
}

a.detail {
    background-image: url(../images/btn_salonList.gif);
	background-position: 0 0;
	height: 20px;
}

a:hover.detail {
    background-position: 0 20px;
}

.sidebar-salonList p.salonList-title {
	color: #ff0084;
	font-size: 150%;
	font-weight: bold;
}

h5.resevation {
	font-size: 116.6%;
	font-weight: bold;
	border-left: 5px solid #33b2e8;
	color: #003793;
	margin-top: 50px;
	padding-left: 4px;
}

h6 {
	font-weight: bold;
	font-size: 113.3%;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	margin-right: 10px;
	background: url(../../common/images/dotLine_sidebar.gif) center bottom no-repeat;
	padding-bottom: 2px;
}

.reservSalon {
	padding-left: 10px;
	padding-right: 10px;
}