@charset "UTF-8";
/*-------------------------------------------
 index
-------------------------------------------*/
#popular,
#esthetic,
#whitening {
    margin: 0 0 20px;
}

#partial-title {
    background: #776242;
    color: #fff;
    font-size: 107%;
    margin: 20px 10px 0;
    padding: 10px;
}

.h3-wrap {
    margin: 0 10px;
}

#service h3 {
    background: url(../img/ts_bg.jpg) no-repeat;
    background-size: 300px;
    color: #775a33;
    font-weight: bold;
    margin: 0 0 15px;
    padding: 3px 0 3px 10px;
    width: 100%;
}

.service-txt {
    color: #876e4d;
    line-height: 120%;
    margin: 15px 10px;
}

.service-txt a {
    color: #876e4d;
}

.service-photo {
    text-align: center;
    margin: 0 0 15px;
}

/*-------------------------------------------
 fee
-------------------------------------------*/
.fee-notice {
    color: #958268;
    font-size: 78%;
    padding: 5px 10px;
    text-align: right;
}

#service_fee04 {
    line-height: 120%;
}

.attention {
    color: #d00;
    font-size: 78%;
}

.attention-txt {
    color: #5b4613;
    font-size: 78%;
    line-height: 160%;
    margin: 10px 0 0 ;
}

.attention-txt span {
    color: #d00;
}

#commission {
    color: #4d2d07;
    font-size: 85%;
    text-align: center;
    margin: 0 15px 20px;
}

.fee-list {
    margin: 15px 10px;
}

#fee table {
    color: #5b4613;
    width: 100%;
}

#fee table th {
    background: #e0dccf;
    border: #ccbaa5 solid 1px; 
    font-size: 85%;
    padding: 5px 0 5px 5px;
    text-align: left;
}

#fee table td {
    border: #ccbaa5 solid 1px; 
    font-size: 64%;
    padding: 5px;
}

.fee-title {
    width: 77%;
}

.fee {
    width: 23%;
}

#credit {
    margin: 15px 0;
    text-align: center;
}

.video-wrap {
    text-align: center;
    margin-bottom: 20px;
}

.video-wrap video {
    width: 90%;
    margin: 0 5%;
}