/* ==============================================================
/*     Common

/* ============================================================== */
.red {color: #C00;}
.cnt{
	margin: 10px 0;
	text-align: center
}
.sTxt, #kh2 section p{ font-size: 10px}
.rTxt{ text-align: right}
.mt3{ margin-top: 3%}

/* -------------------------
/*    HOME
/* ------------------------*/
#homeImg p{
	margin-bottom: 10px;
    text-align: center
}
#doc{
	margin-bottom: 15px;
	padding-right: 43%;
	background: url(../img/home/home2_doc.jpg) no-repeat 100% 0;
    -webkit-background-size: auto 100%;
}
#home h2{ font-size: 20px}
#doc dl{
	margin-top: 10px;
	padding: 3% 4% 5%;
	background: #e9f6fd;
	border: 1px solid #d2ecfa;
	color: #2E8BC2;
}
#doc dl dt{
	margin-bottom: 5px;
    padding-bottom: 3px;
	border-bottom: 1px solid #2E8BC2;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2
}
#doc dl dt span{ font-size: 12px}
table td{ font-size: 8px}

table{ width: 100%}
th.bgP{ background: #F9DBE8; color: #E50012}
td.bgP{ background: #FCEEF4; color: #E50012}
th.bgB{ background: #D2ECFA; color: #0068B6}
td.bgB{ color: #0068B6}

.priceSP {
	padding:0 5px 0 5px;
}
.priceSP img {
	margin-bottom:20px;
}
.doc {
	overflow: hidden;
	margin-bottom: 15px;
}
.doc .txt{
	width: 60%;
	float: left;
}
.doc .pict{
	width: 40%;
	float: right;
}


/* -------------------------
/*    Flow
/* ------------------------*/
#contents.flow h3{
	margin-bottom: 5px;
}
#contents.flow h3 span{
	display: block;
    padding-top: 8px;
}

.flow div{
	margin-bottom: 10px;
	padding-left: 16%;
	background: url(../img/flow/bg_flow1.png) no-repeat;
    -webkit-background-size:auto 100%
}
.flow div#flow2{ background-image: url(../img/flow/bg_flow2.png)}
.flow div#flow3{ background-image: url(../img/flow/bg_flow3.png)}
.flow div#flow4{ background-image: url(../img/flow/bg_flow4.png)}

/* -------------------------
/*    Points
/* ------------------------*/
#points1{
	padding: 25% 9% 1%;
	background: url(../img/points/bg_points1.png) no-repeat;
    -webkit-background-size: 100% auto
}
#contents.points #points1 h2{
	padding-bottom: 2%;
    border-bottom: 2px solid #2458A6;
}
#contents.points li{
	margin-bottom: 10px;
    line-height: 1
}
#howto{
	margin-bottom: 20px;
	padding: 0 9% 22%;
	background: url(../img/points/bg_points1_2.png) no-repeat;
    -webkit-background-size: 100% auto
}
#howto h3{ margin-left: -1%}
#howto div{ margin: 0 2% 0 4%}
#howto .img{
	float: right;
	width: 40%;
    margin: 0 0 30px 3%;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
}
#points2, #kh2, #kh3{
	position: relative;
	padding: 1.5%;
	background: url(../img/points/bg_graph.png)
}
#points2 div, #kh2 div, #kh3 div{
	padding: 5%;
	background: #fff
}
#contents #points2 h2, #kh2 h2, #kh3 h3{
	position: absolute;
    top: -1%;
    left: 5%;
    width: 35%;
	background: transparent;
}
#points2 .img{
	float: right;
	width: 25%;
    margin-left: 2%;
}
#points2 h3{ margin-top: 7%}

/* -------------------------
/*    Know-How
/* ------------------------*/
#kh1 ul{
	margin: 2% 0 7%;
	background: url(../img/kh/bg_kh1_arrow.png) no-repeat 0 40%;
    -webkit-background-size: 100% auto;
}
#kh1 ul li{
	float: left;
    width: 30%;
    margin-left: 5%;
}
#kh1 ul li:first-child{
    margin-left: 0;
    background: none;
}
#kh1 ul li span{
	display: block;
	margin: 5% 0 0 7%;
	font-size: 10px;
    line-height: 1.2
}

#kh2{ margin-bottom: 7%}
#kh2 div, #kh3 div{	padding: 8% 3% 4%}
#kh2 h2, #kh3 h3{
    top: -2.5%;
    width: 25%;
}
#kh2 section{
	float: left;
	width: 48%;
    margin-right: 4%
}
#kh2 section.rBox{ margin-right: 0}
#kh2 section p{ font-size: 10px; line-height: 1.4}

#contents.kh h2#kh3h2{ margin-bottom: 4%}
#kh3 div{ padding-top: 7%}
#kh3 #check{
	position: absolute;
    top: -5%;
    right: 3%;
    width: 25%
}
#course li{
	margin: 0 1%;
	padding: 3% 0 2%;
	border-bottom: 1px solid #231815
}

/* -------------------------
/*    Shaving-Depilation
/* ------------------------*/
#sd{
	background: url(../img/sd/bg_sd.png) no-repeat;
    -webkit-background-size: auto 100%
}
#sd1{ margin: -15% 0 0 -2%}
#sd2{ margin: -4% 0 0 -2%}
#sd3{ margin: -3% 0 8% -2%; padding-bottom: 10%}

#qa dt{
	width: 100%;
    padding-bottom: 2%;
	border-bottom: 1px solid #231815;
}
#qa dd{
	margin: 2% 0 5%;
}
#qa dt img, #qa dd img{
	display: block;
    float: left
}
#qa dt span, #qa dd span{
	display: block;
    margin-left:8%
}
#qa dt span img{
	display: inline;
    float: none;
    vertical-align: top
}


/* -------------------------
/*    customization
/* ------------------------*/
#contents.custom h2.noB{ margin: 4% 0 2%}
.custom .img{
	float: right;
	width: 34%;
    margin-left: 2%;
}
.custom ul{
	clear: both;
	margin: 3% 0 7%;
	background: url(../img/cus/bg_cus2_list.png) no-repeat 0 35%;
    -webkit-background-size: 100% auto
}
.custom ul li{
	float: left;
    width: 30%;
    margin-left: 5%;
    line-height: 1.2
}
.custom ul li img{
    margin-bottom: 5%;
}
.custom ul li:first-child{
    margin-left: 0;
    background: none;
}
#frame{
	margin-bottom: 7%;
	padding: 1%;
	background: #9ECEEF;
    -moz-box-shadow: 1px 1px 5px #666;
    -webkit-box-shadow: 1px 1px 5px #666;
}
#frame div{
	padding: 4%;
	background: #fff;
    border: 1px solid #666;
    -moz-box-shadow: 1px 1px 3px #666;
    -webkit-box-shadow: 1px 1px 3px #666;
}
#frame h3{
	padding-bottom: 2%;
	border-bottom: 1px solid #231815;
    line-height: 1.2
}
#frame .sdw{
	margin-top: 5%;
    -moz-box-shadow: 1px 1px 6px #999;
    -webkit-box-shadow: 1px 1px 6px #999;

}

/* -------------------------
/*    access
/* ------------------------*/

.m_table td {
	text-align:left;
	padding-left:1em;
	font-size: 12px;
}
.m_table th{
	background: #D2ECFA;
	font-size: 12px;
}


/* -------------------------
/*    price
/* ------------------------*/

.tit_midasi {
	margin: 10px 0px 10px 0px;
	color: #333;
	font-weight: 700;
	line-height:1.3;
}

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

.illust img {
	margin-bottom: 10px;
}

/*--------------------------------
 料金表
----------------------------------*/

.tblB {
	color: #333;
	width: 100%;
	box-sizing: border-box;
	max-width: 100%;
	font-size: 14px;
}
.tblB caption{
	padding: 0.5em;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
	background: #4d4d4d;
	color: #fff;
}
.tblB caption span{
	display: block;
	box-sizing: border-box;
	font-size: 12px;
	margin-top: 0.4em;
}
.tblB th,
.tblB td{
	font-size: 12px;
	padding: 0.8em 0.8em 0.4em;
	box-sizing: border-box;
	line-height: 1.4em;
	vertical-align: middle;
	border: 1px solid #d8d3c5;
	text-align: center;
}
.tblB thead tr th{
	background: #f2efe4;
	color: #a27526;
}
.tblB tr th{
	background: #f4f4f4;
	vertical-align: middle;
	border-right: 1px solid #d7d7d7;
}
.tblB tr th.label{
	background: #fff;
	vertical-align: middle;
	border-right: 1px solid #d7d7d7;
}
.tblB tr td span{
	color: #b2973f;
}

.tblB tbody th {
	font-weight: bold;
}
.tblB tr th.label {
	text-align: center;
	margin-bottom: 5px;
}
.tblB img {
	vertical-align: middle;
}
.mt30 {
	margin-top: 30px;
}


p.note {
	font-size: 12px;
	margin: 15px 20px;
	text-align: center;
}