h1{
	margin-bottom: 15px;}

/*--------------------------------------------------------------
	 salon index page
----------------------------------------------------------------*/
#idSalonIndex{
	line-height: 1.3;}

/* idSalonIndex
----------------------------------------------------------------*/
#idSalonIndex p{
	margin-bottom: 5px;}
#idIndexCautionary{
	margin-bottom: 15px;}
#idIndexCautionary li{
	background: url(../images/salon/salon_li.gif) no-repeat left center;
	padding-left: 20px;
	line-height: 1.4;}

#idMainContentsR {
    width: 660px;
    margin: 0 auto;
}


/* idSalonAreas
----------------------------------------------------------------*/
#idSalonAreas{
	margin-top: 10px;
	padding-bottom: 50px;
	background-image: url(../images/salon/top_bk.gif);
	background-repeat: no-repeat;
	background-position: right top;
	width: 637px;
}

#idSalonAreas a{
}
#idSalonAreas dt, #idSalonAreas dd{
	height: 45px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B8872B;
}
#idSalonAreas dt{
	width: 137px;
	float: left;}
#idSalonAreas dt img{
	margin-top: 10px;
	margin-left: 15px;}
#idSalonAreas dd{
	width: 500px;
	float: right;}
#idSalonAreas dd ul{
	margin-top: 15px;}
#idSalonAreas dd li{
	display: inline-block;
	margin-left: 1.2em;}
#idSalonAreas .clLastItem{
	border-bottom: none;}



/*--------------------------------------------------------------
	 salon area page
----------------------------------------------------------------*/

#idAreaIndex{

	margin-bottom: 50px;}

#idAreaIndex a{
}

#idAreaIndex h2{
	margin-top: 15px;
	padding-left:30px;
	font-weight:bold;
	font-size:120%;
	padding-top:16px;
	padding-bottom:35px;
	color:#000;
	background-image:url(../images/salon/salon_t01.jpg);
	background-position:left 0px;
	background-repeat:no-repeat;
}
#idAreaIndex .clDietcenter{
	color:#cc0001;
	background-image:url(../images/salon/salon_t02.jpg);
	background-size: contain;
}
#idAreaIndex .clGest{
	color:#654916;
	background-image:url(../images/salon/salon_t03.jpg);
}
#idAreaIndex .clDietcenter span{
	font-weight: bold;
	color: #333;
}


#idAreaIndex table{
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
	margin-left: 20px;
	width: 615px;
	margin-bottom: 30px;}

#idAreaIndex table.clShopList th{
	text-align: left;
	vertical-align: middle;
	background: url(../images/salon/salon_point2.gif) no-repeat left center;
	padding-left: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
	
	border-bottom:1px dotted #B8872B;}



#idAreaIndex table.clShopList th strong{
	line-height: 1.5em;
	font-weight: bold;
	color: #CC0000;}
#idAreaIndex table.clShopList td{
	border-bottom:1px dotted #B8872B;
	text-align: right;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 8px;}









/*--------------------------------------------------------------
	 salon shop page
----------------------------------------------------------------*/

#idDetail{}
#idDetail h2{

	margin-top: 15px;
	padding-left:30px;
	font-weight:bold;
	font-size:120%;
	padding-top:16px;
	padding-bottom:35px;
	color:#000;
	background-image:url(../images/salon/salon_t01.jpg);
	background-position:left 0px;
	background-repeat:no-repeat;
}

#idDetail #idSalon5L h2{
	background-image:url(../images/salon/salon_t01_mini.jpg);	
}


#idDetail p{
	line-height: 1.5;
	margin-bottom: 1.5em;
}
#idDetail strong{

	line-height: 1.5;
	font-weight: bold;
	color: #CC0000;}

#idDetail table{
}
#idDetail table tr{}
#idDetail table th, #idDetail table td{
	line-height: 1.5;}
#idDetail table th{
	text-align: left;}
#idDetail table td{
	text-align: left;}

#idDetail table.clInfo{
	border-top: 1px dotted #B8872B;
	margin-bottom:15px;
	width: 637px;}
#idDetail table.clInfo th, #idDetail table.clInfo td{
	border-bottom: 1px dotted #B8872B;
	padding-top: 10px;
	padding-bottom: 10px;}
#idDetail table.clInfo th{
	background: url(../images/salon/salon_li.gif) no-repeat 10px center;
	padding-left: 30px;
	width: 120px;}
#idDetail table.clInfo+p,#idDetail table.clInfo+p+p {
    padding: 0;
    width: 638px;
}
#idDetail table.clInfo+p img, #idDetail table.clInfo+p+p img {
    width: 49%;
    height: auto;
}

#idDetail table.clOpen{
	margin-left: 0;}
#idDetail table.clOpen th, #idDetail table.clOpen td{
	border: none;
	background: none;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: left;}
#idDetail table.clOpen th{
	padding-left: 0;}

.cl2moji{
	letter-spacing: 2em;}

.clTaiken{
	text-align:left;
	padding-top:10px;
}

#idDetail h3{
	margin-top: 30px;
	margin-left: 20px;
	color: #111;
	font-weight:bold;}

.clOtherSalon{
	margin-left: 20px;
	margin-top: 10px;}
.clOtherSalon li{
	display: inline;
	margin-right: 1.5em;
	line-height: 1.5;
	word-break: keep-all;
	line-break: strict;}
.clOtherSalon a{
}



/*Photo	 
---------------------------------*/
#idDetail table.clPhotoL{
	width:350px;
	float:left;
}
#idDetail .clPhotoR{
	width:200px;
	float:right;
}
#idDetail .clPhotoR p{
	padding-bottom:0px;
	text-align:right;
	padding-right:0px;
	padding-top:0px;
	padding-left:0px;
}


.clShowMap{
	float:right;
}





#idSalonL{
	width:330px; 
	float:left;	
	display:inline;
}

#idSalonL p{
	line-height:1.6em;
}

#idHoshitop{
	float:right;
	display:inline;
	height:130px;
}

#idHoshisyousai{
	float:right;
	display:inline;
	margin-right:0px;
	height:155px;
}
#idSalon5L{
	margin:0px 0px 0px 0px;
	float:left;
	display:inline;
	width:500px;
}
#idSalon5L h2{
	margin-top:0px;
}


#idAreaIndex table.clShopList td{
	width:130px;
}
#idAreaIndex table.clShopList td.cl5Hoshi{
	width:170px;
	text-align:center;
	padding-left:0px;
}



#idSide_salon_kinen{
	background-image:url(../images/salon/tenpo_kinen.gif);
	background-repeat:no-repeat;
	height:73px;
	width:638px;
	margin-bottom:10px;
	text-align:center;
}
#idSide_salon_kinen p{
	font-weight:bold;
	color:#CC0000;
	padding-top:50px;
	padding-bottom:0px;
	margin:0px;
	line-height:1.3em;
}


div.clSalon_bana{
	padding-bottom:10px;
	padding-top:10px;	
}
div.clSalon_bana ul li{
	float:left;
}

@media screen and (max-width: 698px){
#idMainContentsR {
    width: 96%;
    margin: 0 auto;
}
#idSalonAreas {
    width: 96%;
}
#idAreaIndex h2 {
    padding-top: 6px;
	padding-bottom: 17px;
	background-size: contain;
}
.clCam0903 img:nth-of-type(1){
	width: 79%;
}
.clCam0903 img:nth-of-type(2){
	width: 21%;
}
#idSalonAreas dt {
    width: 32%;
    float: left;
}
#idSalonAreas dt img {
    margin-top: 10px;
    margin-left: 15px;
    width: 72%;
    height: auto;
}
#idSalonAreas dd {
    width: 68%;
    float: right;
}
#idSalonAreas dd:nth-of-type(3) ul {
    margin-top: 2px;
}
#idSalonAreas dd:nth-of-type(3) li {
    display: inline-block;
    margin-left: 1.2em;
    margin-top: 6px;
}
#idAreaIndex table.clShopList th {
    padding-top: 4px;
}
#idAreaIndex table {
    width: 100%;
	margin-left: 0;
    margin-bottom: 30px;
}
p.clPageup {
    margin-top: 5%;
}
#idDetail h2 {
    background-size: cover;
    padding-top: 6px;
    padding-bottom: 8px;
    margin-bottom: 12px;
}
#idDetail table.clInfo {
    width: 100%;
}
#idDetail table.clInfo th {
    width: 35%;
}
#idDetail table.clInfo tr:nth-of-type(2) td:nth-of-type(1) {
    display: block;
    border: 0;
}
#idDetail table.clInfo tr:nth-of-type(2) td:nth-of-type(2) {
    width: 100%;
    display: block;
    overflow: hidden;
	
}
#idDetail table.clInfo tr:nth-of-type(2) td:nth-of-type(2) img {
    height: 30px;
    width: auto;
}
#idDetail table.clInfo td table {
    width: 100%;
}
#idDetail table.clInfo td table th {
    width: 70%;
}
#idDetail table.clInfo td table td {
    width: 30%;
}
#idDetail table.clInfo table tr:nth-of-type(2) td:nth-of-type(1){
	display: table-cell;
}
#idDetail table.clInfo+p,#idDetail table.clInfo+p+p {
    width: 100%;
}
#idDetail table.clInfo+p img,
#idDetail table.clInfo+p+p img{
    width: 48%;
	height: auto;
}
}