@charset "utf-8";

/* ------------------------------------------------------------ products/skin-care */

.products {
}
.products .lnav h2 a {
	display: block;
	width: 230px;
	height: 16px;
	margin: 0 0 12px 0;
	padding: 0 0 13px 0;
	text-indent: -9999px;
	background: url(/products/img/lnav_h2.gif) 0 0 no-repeat;
	border-bottom: #DACBB0 solid 3px;
}

/* ------------------------------ index */

.index .boxH1 h1 {
	height: 91px;
	margin: 50px 0 0 40px;
	background: url(/products/skin-care/img/h1_index.gif) 0 0 no-repeat;
}
.index .boxH1 {
	background: url(/products/skin-care/img/bg_h1_index.jpg) 100% 0 no-repeat;
}
.index #sectionBlock01 h2 {
	background: url(/products/skin-care/img/h2_index_02.gif) 0 0 no-repeat;
}
.index #sectionBlock02 h2 {
	background: url(/products/skin-care/img/h2_index_03.gif) 0 0 no-repeat;
}

.index #sectionBlock_step h2.title {
	background: url(/products/skin-care/img/h2_index_step.png) 0 0 no-repeat;
		height: 20px;
	padding: 0 0 10px;
	margin: 0 0 20px;
	text-indent: -9999px;
	line-height: 1.2;
	border-bottom: #DACBB0 solid 3px;
}
.index #sectionBlock_step h3.lead{
	margin: 0 0 12px;
    font-size: 133.3%;
    font-weight: bold;
    line-height: 1.4;
}



/* ------------------------------ boxSeries */

.boxSeriesOuter {
	margin: 0 0 50px;
	padding: 0 0 1px;
	background: url(/common/img/line_dot_brown_h.gif) 0 100% repeat-x;
}
.boxSeries {
	margin: 0 0;
	padding: 1px 0 0;
	background: url(/common/img/line_dot_brown_h.gif) 0 0 repeat-x;
}
.boxSeries .inr {
	padding: 30px 0;
	background: #FFF;
}

.boxSeries .ttl {
	float: left;
	width: 220px;
	margin: 0 20px 20px 0;
}
.boxSeries h2 {
	float: left;
	width: 70px;
	height: 78px;
	text-indent: -9999px;
	margin: 0 20px 20px 0;
}
.seriesEx h2 {
	background: url(/products/skin-care/img/bg_series_ex.gif) 0 0 no-repeat;
}
.series21 h2 {
	background: url(/products/skin-care/img/bg_series_21.gif) 0 0 no-repeat;
}
.boxSeries h3 {
	color: #AC8B4C;
	font-weight: bold;
	margin: 0 0 5px;
}
.boxSeries p {
}
.boxSeries .img {
	float: right;
	width: 460px;
	height: 185px;
	text-indent: -9999px;
}
.seriesEx .img {
	background: url(/products/skin-care/img/img_series_ex.jpg?=v220519) 0 0 no-repeat;
}
.series21 .img {
	background: url(/products/skin-care/img/img_series_21.jpg?=v220519) 0 0 no-repeat;
}

.boxSeries .ulLinkBtn {
	clear: none;
	width: 220px;
	margin: 0 460px 0 0;
}
.boxSeries .ulLinkBtn li a {
	border: #DACBB0 solid 1px;
}
.boxSeries .ulLinkBtn li a:hover {
	border: #AC8B4D solid 1px;
}
.boxSeries .btn01 a {
    background: url("/products/skin-care/img/btn_series_ex.gif") -1px -1px no-repeat;
    display: block;
    height: 28px;
    width: 218px;
}
.boxSeries .btn02 a {
    background: url("/products/skin-care/img/btn_series_21.gif") -1px -1px no-repeat;
    display: block;
    height: 28px;
    width: 218px;
}
.boxH6cont{
	margin:0 0 30px 240px;
	padding: 15px 15px 5px 15px;
	background-color: #F3F3F3 ;
}

.movie{
	float: right;
	width: 340px;
	margin: 0 0 20px 20px;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.video-wrapper {
	width: 340px;
	max-width: 100%;
}

.boxUsage:after,
.movie:after {
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0;
	display: block;
	content: " ";
}
/* ------------------------------  .boxBrown */
.boxBrown{
	background-color: #F6F2E4;
	padding: 20px;
}


/* ------------------------------ about */

.about .boxH1 h1 {
	height: 30px;
	margin: 85px 0 0 40px;
	background: url(/products/skin-care/img/h1_about.gif) 0 0 no-repeat;
}
.about .boxH1 {
	background: url(/products/skin-care/img/bg_h1_about.jpg) 100% 0 no-repeat;
}
.about #sectionBlock01 h2 {
	background: url(/products/skin-care/img/h2_about_01.gif) 0 0 no-repeat;
}
.about #sectionBlock02 h2 {
	background: url(/products/skin-care/img/h2_about_02.gif) 0 0 no-repeat;
}
.about #sectionBlock03 h2 {
	background: url(/products/skin-care/img/h2_about_03.gif) 0 0 no-repeat;
}

/* ------------------------------ ex 
------------------------------------------ */

.ex .boxH1 h1 {
	height: 98px;
	margin: 45px 0 0 40px;
	background: url(/products/skin-care/img/h1_ex.gif) 0 0 no-repeat;
}
.ex .boxH1 {
	background: url(/products/skin-care/img/bg_h1_ex.jpg?=v220519) 100% 0 no-repeat;
}
.ex #sectionBlock01 h2 {
	background: url(/products/skin-care/img/h2_ex_01.gif) 0 0 no-repeat;
}
.ex #sectionBlock02 h2 {
	background: url(/products/skin-care/img/h2_ex_02.gif) 0 0 no-repeat;
}
.ex #sectionBlock03 h2 {
	background: url(/products/skin-care/img/h2_ex_04.gif) 0 0 no-repeat;
}
.ex #sectionBlock04 h2 {
	background: url(/products/skin-care/img/h2_ex_05.gif) 0 0 no-repeat;
}
.ex #sectionBlock05 h2 {
	background: url(/products/skin-care/img/h2_ex_06.gif) 0 0 no-repeat;
}
.ex #sectionBlock01 h3#tit01,
.ex #sectionBlock01 h3#tit02{
	text-indent: -9999px;
	margin: 0 0 20px 330px;
	height: 35px;
}
.ex #sectionBlock01 h3#tit03,
.ex #sectionBlock01 h3#tit04{
	text-indent: -9999px;
	margin: 0 0 10px 240px;
	height: 35px;
}
.ex #sectionBlock05 h3#tit05{
	text-indent: -9999px;
	margin: 0 0 10px 240px;
	height: 39px;
}
.ex #sectionBlock01 .price {
	font-size: 12px;
	margin: 0 0 20px 0;
}
.ex #sectionBlock01 .price.modifi {
	font-size: 12px;
	margin: 0 0 10px 0;
	line-height: 1.5
}

.ex #sectionBlock01 .icon{
	float: left;
	margin: 0 20px 20px 0;
}
.ex #sectionBlock01 h3#tit01 {
	background: url(/products/skin-care/img/h3_ex_01.gif) 0 0 no-repeat;
}
.ex #sectionBlock01 h3#tit02 {
	background: url(/products/skin-care/img/h3_ex_02.gif) 0 0 no-repeat;
}
.ex #sectionBlock01 h3#tit03 {
	background: url(/products/skin-care/img/h3_ex_03-b.gif) 0 0 no-repeat;
}
.ex #sectionBlock01 h3#tit04 {
	background: url(/products/skin-care/img/h3_ex_04.gif) 0 0 no-repeat;
}
.ex #sectionBlock05 h3#tit05 {
	background: url(/products/skin-care/img/h3_ex_05.gif) 0 0 no-repeat;
}
.boxUsage img{
	clear: both;
	float: left;
	margin:0 15px 15px 0;
}
.boxUsage h3{
	color: #AC8B4C;
	font-size: 18px;
	font-weight: bold;
	margin:0 0 0 0;
}
.boxUsage p{
	font-size: 12px;
	padding-top: 5px;
}
.ttl340 {
	float: left;
	width: 340px;
	margin: 0 0 0 0;
}
.boxUsage {
	background: url("/common/img/line_dot_brown_h.gif") 0 bottom repeat-x;
	margin-bottom: 20px;
}
.boxUsage .dotLine{
	background: url("/common/img/line_dot_brown_h.gif") 0 bottom repeat-x;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
/* ------------------------------ boxFaceCleaning */

.boxFaceCleaning {
	clear: both;
	margin: 0 0 50px;
	padding: 0 15px 0;
	border: #DACBB0 solid 5px;
}
.boxFaceCleaning .idx {
	background: url("/common/img/line_dot_brown_h.gif") 0 bottom repeat-x;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.ex #sectionBlock02 .boxFaceCleaning h2,
.r21 #sectionBlock02 .boxFaceCleaning h2 {
	height: 22px;
	margin: 20px 0 20px 10px;
	text-indent: -9999px;
	background: url(/products/skin-care/img/h2_ex_03.gif) 0 0 no-repeat;
}
.boxFaceCleaning p {
	margin: 0 20px 20px 10px;
	font-size: 12px;
	line-height: 2;
}
.boxFaceCleaning .fltL {
	margin-right: 40px;
}
/* ------------------------------ .boxFaceCleaning .boxContList */

.boxFaceCleaning .boxContList ul {
	clear: both;
}
.boxFaceCleaning .boxContList ul li {
	float: left;
	width: 320px;
	margin: 0 0 0 20px;
}
.boxFaceCleaning .boxContList ul li.cld1 {
	margin: 0 0 0 0;
}
.boxFaceCleaning .boxContList ul li h3 {
	font-weight: bold;
	float: right;
	width: 190px;
	font-size: 100%;
	margin: 0 0 3px 0;
}
.boxFaceCleaning .boxContList ul li p {
	float: right;
	width: 190px;
	margin: 0 0 20px 0;
	line-height: 1.7;
	font-size: 100%!important;
}

.idx02 h3 {
	font-size: 18px;
	font-weight: bold;
	text-indent: 0;
	background: url("/common/img/line_dot_brown_h.gif") 0 bottom repeat-x;
	margin:10px 0 20px 0;
	padding-bottom: 15px;
}
.boxFaceCleaning .col3EQ{
	width: 670px;
}
.boxFaceCleaning .col3EQ .col3w1{
	margin: 0 0 0 20px;
	width: 210px;
}
.col3EQ h3{
	font-size: 12px;
	font-weight: bold;
}
.col3EQ p{
	margin: 0 0 0 0;
}



/* ------------------------------ 21 
------------------------------------------ */

.r21 .boxH1 h1 {
	height: 120px;
	margin: 45px 0 0 40px;
	background: url(/products/skin-care/img/h1_21.gif) 0 0 no-repeat;
}
.r21 .boxH1 {
	background: url(/products/skin-care/img/bg_h1_21.jpg?=v220519) 100% 0 no-repeat;
}
.r21 #sectionBlock01 h2 {
	background: url(/products/skin-care/img/h2_ex_01.gif) 0 0 no-repeat;
}
.r21 #sectionBlock02 h2 {
	background: url(/products/skin-care/img/h2_21_01.gif) 0 0 no-repeat;
}
.r21 #sectionBlock03 h2 {
	background: url(/products/skin-care/img/h2_21_02.gif) 0 0 no-repeat;
}
.r21 #sectionBlock04 h2 {
	background: url(/products/skin-care/img/h2_ex_05.gif) 0 0 no-repeat;
}
.r21 #sectionBlock05 h2 {
	background: url(/products/skin-care/img/h2_21_03.gif) 0 0 no-repeat;
}
.r21 #sectionBlock01 h3#tit01,
.r21 #sectionBlock01 h3#tit02{
	text-indent: -9999px;
	margin: 0 0 20px 330px;
	height: 35px;
}
.r21 #sectionBlock01 h3#tit03,
.r21 #sectionBlock01 h3#tit04{
	text-indent: -9999px;
	margin: 0 0 10px 240px;
	height: 35px;
}
.r21 #sectionBlock05 h3#tit05{
	text-indent: -9999px;
	margin: 0 0 10px 240px;
	height: 39px;
}
.r21 #sectionBlock01 .price {
	font-size: 12px;
	margin: 0 0 20px 0;
}
.r21 #sectionBlock01 .price.modifi {
	font-size: 12px;
	margin: 0 0 10px 0;
	line-height: 1.5
}
.r21 #sectionBlock01 .icon{
	float: left;
	margin: 0 20px 20px 0;
}
.r21 #sectionBlock01 h3#tit01 {
	background: url(/products/skin-care/img/h3_21_01.gif) 0 0 no-repeat;
}
.r21 #sectionBlock01 h3#tit02 {
	background: url(/products/skin-care/img/h3_21_02.gif) 0 0 no-repeat;
}
.r21 #sectionBlock01 h3#tit03 {
	background: url(/products/skin-care/img/h3_ex_03-b.gif) 0 0 no-repeat;
}
.r21 #sectionBlock01 h3#tit04 {
	background: url(/products/skin-care/img/h3_ex_04.gif) 0 0 no-repeat;
}
.r21 #sectionBlock05 h3#tit05 {
	background: url(/products/skin-care/img/h3_21_03.gif) 0 0 no-repeat;
}
.mslotion #sectionBlock01 h3#tit05{
background: url(/products/skin-care/img/h3_ms_01.gif) 0 0 no-repeat;
	text-indent: -9999px;
    margin: 0 0 10px 240px;
    height: 36px;
}

.mslotion .boxH1 h1 {
    height: 22px;
    margin: 20px 0 20px 20px;
    background: url(/products/inner-care/img/h1_inner-index.png) 0 0 no-repeat;
}
.mslotion .boxH1{
	background-image:none;
	height: auto;
}

.text-right{
	text-align: right;
}

.little-notice{
	font-size: 8px;
	vertical-align: top;
}