@charset "utf-8";

/* ####################################### */
/* triccaについて */
/* ####################################### */
#salonsTitle {
margin-top: 10px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding: 0;
border-top: 1px solid #b38848;
border-bottom: 1px solid #b38848;
}

#aboutArea {
padding: 30px 0;
color: #666;
background-color: #fff;
border-bottom: 1px solid #b38848;
}

#aboutTxtArea {
margin: 0;
padding: 0;
float: left;
width: 569px;
}
#aboutTxtArea p {
margin-top: 0;
margin-right: 30px;
margin-bottom: 30px;
margin-left: 30px;
}
#aboutTxtArea p strong#aboutDixsept {color: #6ac3c2;}
#aboutTxtArea p strong#aboutDixseptDue {color: #f072ab;}
#aboutTxtArea p strong#aboutPromenade {color: #b38848;}

#aboutMapArea {
margin: 0;
padding: 0;
float: left;
width: 390px;
text-align: center;
border-left: 1px dotted #e2d4ba;
}

/* ####################################### */
/* インテリア */
/* ####################################### */
#interiorImages {
margin: 0;
padding: 0;
float: left;
width: 560px;
text-align: center;
background-color: #fff;
}
#interiorArea {
padding-bottom: 20px;
}
#duexinteriorArea {
/*padding: 20px 0;
border-top: 1px solid #e2d4ba;*/
}
#duexImages {
margin: 0;
padding: 0;
float: left;
width: 560px;
text-align: center;
background-color: #fff;
}
#interiorImages img, #duexImages img {margin: 5px 0;}

#interiorThumbs, #duexThumbs {
margin: 0;
padding: 0;
float: right;
width: 380px;
}
#interiorThumbs h4, #duexThumbs h4 {margin-bottom: 18px;}
#interiorThumbs h4 img, #duexThumbs h4 img {margin-right: 18px;}

#interiorThumbs dl, #duexThumbs dl {font-size: 100%; height: 190px;}
#interiorThumbs dt, #duexThumbs dt {font-size: 120%;}
#interiorThumbs dt,#interiorThumbs dd, #duexThumbs dt,#duexThumbs dd {
padding: 5px 15px;
border-bottom: 1px dotted #e2d4ba;
}
#interiorThumbs div, #duexThumbs div {
margin: 0;
padding: 0;
float: left;
}
#interiorThumbs div img, #duexThumbs div img {
margin: 2px 0 0 2px;
}

/* ####################################### */
/* メンバーズカード */
/* ####################################### */
#membersArea {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
border-bottom: 1px solid #b38848;
}

#membersTitle {
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding-top: 18px;
padding-left: 300px;
height: 78px;
color: #b38848;
background: transparent url(../img/salons_member_title.gif) no-repeat left top;
border-top: 1px solid #b38848;
border-bottom: 1px solid #b38848;
}

#membersCard {
margin: 0;
padding: 0;
float: left;
width: 280px;
min-height: 220px;
text-align: center;
}
#membersCard img {
margin-top: 40px;
}
#membersCard ul {
margin: 0 auto;
width: 240px;
font-size: 85%;
color: #666;
text-align: left;
}

.privilege {
margin: 0;
padding: 0;
float: left;
width: 225px;
min-height: 220px;
font-size: 100%;
border-left: 1px dotted #e2d4ba;
}
.privilege dt img {
margin: 30px 0;
}
.privilege dd {
margin: 0 2em;
color: #666;
font-size: 85%;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
* html #membersCard {
height: auto !important;
height: 220px;
}
* html .privilege {
height: auto !important;
height: 220px;
}

/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

/* ####################################### */
/* 営業時間＆受付時間 */
/* ####################################### */
#businessTitleArea {
margin: 0;
padding: 0;
float: left;
width: 280px;
}
#businessTitle {
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
width: 250px;
border-top: 1px solid #b38848;
border-bottom: 1px solid #b38848;
}

#businesshourArea {
margin: 0;
padding: 0;
float: left;
width: 680px;
}

#dixseptTblArea {
margin: 10px auto 0 auto;
padding: 1em 0 0.5em 0;
width: 670px;
border-top: 1px solid #b38848;
}
#promenadeTblArea {
margin: 0 auto;
padding: 1em 0 0.5em 0;
width: 670px;
border-top: 1px dotted #e2d4ba;
}
.businessTbl {
margin: 0 auto;
padding: 0;
border-collapse: collapse;
border-spacing: 0;
width: 650px;
color: #b38848;
background-color: #fff;
font-size: 100%;
}
.businessTbl caption {
padding: 1em 0;
color: #7f6255;
text-align: left;
line-height: 32px;
}
.businessTbl caption img {
vertical-align: middle;
}
.businessTbl caption span {
margin-left: 0.5em;
color: #b38848;
font-size: 85%;
}
#dixseptTblArea .businessTbl caption span {color: #6ac3c2 !important;}

.businessTbl th {
margin: 0;
padding: 0;
color: #b38848;
text-align: center;
vertical-align: middle;
border: 1px solid #e2d4ba;
}
#dixseptTblArea .businessTbl th {color: #fff; border: 1px solid #6ac3c2 !important;}

#promenadeTblArea .businessTbl {background: #fff url(../img/business_tblprm.gif) repeat-x left top;}
.businessTbl th.promenadeHour {height: 25px;}
.businessTbl th.dixseptHour {
height: 25px;
background: #eeead7 url(../img/salons_business_tbldxs.gif) repeat-x left top;
}
.businessTbl th.dixseptstyle {
height: 27px;
color: #666 !important;
}
.businessTbl th.prmstyle {
height: 27px;
color: #b38848 !important;
}
.businessTbl td {
margin: 0;
padding: 0;
height: 25px;
text-align: center;
vertical-align: middle;
border: 1px solid #e2d4ba;
}
#dixseptTblArea .businessTbl td {color: #666 !important; border: 1px solid #6ac3c2 !important;}

.oddprmbg {background: #eeead7 url(../img/business_tblprmtd.gif) repeat-x left top;}
.txtHoliday {color: #eb7aab;}
#toPromenadeHour {margin-top: 5px; margin-bottom: 10px; margin-right: 15px; color: #6ac3c2; font-size: 85%; text-align: right;}
#toPromenadeHour a,#toPromenadeHour a:link,#toPromenadeHour a:visited {color: #6ac3c2; text-decoration: underline !important;}
#toPromenadeHour a:active,#toPromenadeHour a:hover {color: #b38848;}

/* 休日のお知らせ 
#businessNotice {
margin-top: 1em;
border-bottom: 1px dotted #bbb;
}
#businessNotice h5 {
margin: 0;
padding: 0.5em 0;
color: #d45d12;
border-top: 1px dotted #bbb;
border-bottom: 1px dotted #bbb;
}
#businessNotice p {
margin: 0.5em 0;
padding: 0.5em 0;
font-size: 90%;
}*/

/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
*:first-child+html .businessTbl {border-collapse: collapse;}
*:first-child+html .businessTbl th.dixseptHour {font-size: 90%;}
*:first-child+html .businessTbl th.promenadeHour {font-size: 90%;}
* html .businessTbl {border-collapse: collapse;}
* html .businessTbl th.dixseptHour {font-size: 90%;}
* html .businessTbl th.promenadeHour {font-size: 90%;}
/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */

/* ####################################### */
/* アクセスマップ */
/* ####################################### */
#accessmapArea {
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 10px 0;
border-bottom: 1px solid #b38848;
}

#imageMap {
margin: 0;
padding: 0;
float: left;
width: 330px;
text-align: center;
}
#imageMap img {
border: 1px solid #b38848;
}

#dixseptMap {
margin: 0;
padding: 0;
float: left;
width: 608px;
height: 310px;
border: 1px solid #b38848;
}

/* 住所 */
#triccaAccess {
float: right;
display: table;
margin: 0.5em 0 1em 0;
width: 630px;
font-size: 100%;
border-bottom: 1px solid #b38848;
}
#triccaAccess dl {
display: table-row;
}
#triccaAccess dt {
display: table-cell;
width: 9em;
height: 4.5em;
font-size: 90%;
text-transform: uppercase;
vertical-align: middle;
border-bottom: 1px dotted #e2d4ba;
}
#triccaAccess dd {
display: table-cell;
height: 4.5em;
font-size: 90%;
vertical-align: middle;
border-bottom: 1px dotted #e2d4ba;
}
#triccaAccess dt.endCell,#triccaAccess dd.endCell {
border-bottom: none;
}
/* ++++++++++++++++++++++++++++++ [Start for Windows] +++++++++++++ */
/* for Win IE7 */
*:first-child+html #triccaAccess {
display: none;
}
*:first-child+html #accessForWin {
margin: 0.5em 0 0 0;
float: right;
width: 630px;
font-size: 100%;
border-top: 1px dotted #bbb;
}
*:first-child+html #accessForWin th {
width: 9em;
height: 4.5em;
font-size: 90%;
text-transform: uppercase;
vertical-align: middle;
border-bottom: 1px dashed #e2d4ba;
}
*:first-child+html #accessForWin td {
height: 4.5em;
font-size: 90%;
vertical-align: middle;
border-bottom: 1px dotted #e2d4ba;
}
*:first-child+html #accessForWin td.endWinCell {
border-bottom: none;
}

/* for Win IE6 */
* html #triccaAccess {
display: none;
}
* html #accessForWin {
margin: 0.5em 0 0 0;
float: right;
width: 630px;
font-size: 100%;
border-top: 1px dotted #bbb;
}
* html #accessForWin th {
width: 9em;
height: 4.5em;
font-size: 90%;
text-transform: uppercase;
vertical-align: middle;
border-bottom: 1px dotted #e2d4ba;
}
* html #accessForWin td {
height: 4.5em;
font-size: 90%;
vertical-align: middle;
border-bottom: 1px dotted #e2d4ba;
}
* html #accessForWin td.endWinCell {
border-bottom: none;
}

/* ++++++++++++++++++++++++++++++ [/End for Windows] +++++++++++++ */