@charset "utf-8";



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

+

+　スタイル

+

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#Alpha h3,
#Antioxidant h3,
#Beta h3,
#Cleansing h3,
#Clearskin h3,
#Intensive h3,
#Interactive h3,
#Pigment h3,
#Suncare h3,
#C-Quence h3,
#Lapolis h3,
#Trial h3 {
	width: 560px;
	_width: 568px;
	margin: 0px 0px 16px 0px !important;
}

#Alpha .subSection .data h3,
#Antioxidant .subSection .data h3,
#Beta .subSection .data h3,
#Cleansing .subSection .data h3,
#Clearskin .subSection .data h3,
#Intensive .subSection .data h3,
#Interactive .subSection .data h3,
#Pigment .subSection .data h3,
#Suncare .subSection .data h3,
#C-Quence .subSection .data h3,
#Lapolis .subSection .data h3,
#Trial .subSection .data h3 {
	width: 440px;
	margin: 0px 0px 16px 0px !important;
}

#Alpha h3 {
	color: #8BC358 !important;
	font-size: 12px;
	font-weight: bold;
	background: #E7F2E3;
	padding: 4px;
}

#Antioxidant h3 {
	color: #DF7173 !important;
	font-size: 12px;
	font-weight: bold;
	background: #F9E4E5;
	padding: 4px;
}
#Beta h3 {
	color: #F6AE5D !important;
	font-size: 12px;
	font-weight: bold;
	background: #FEF1E1;
	padding: 4px;
}
#Cleansing h3 {
	color: #40AEEA !important;
	font-size: 12px;
	font-weight: bold;
	background: #ECF7FD;
	padding: 4px;
}

#Clearskin h3 {
	color: #6880C4 !important;
	font-size: 12px;
	font-weight: bold;
	background: #E9ECF6;
	padding: 4px;
}
#Intensive h3 {
	color: #D15050 !important;
	font-size: 12px;
	font-weight: bold;
	background: #F4D3D3;
	padding: 4px;
}
#Interactive h3 {
	color: #2C4D91 !important;
	font-size: 12px;
	font-weight: bold;
	background: #E7EBF3;
	padding: 4px;
}
#Pigment h3 {
	color: #A3A3A3 !important;
	font-size: 12px;
	font-weight: bold;
	background: #F5F5F5;
	padding: 4px;
}
#Suncare h3 {
	color: #766145 !important;
	font-size: 12px;
	font-weight: bold;
	background: #E4DFDA;
	padding: 4px;
}
#C-Quence h3 {
	color: #5B2E89 !important;
	font-size: 12px;
	font-weight: bold;
	background: #E0D8EA;
	padding: 4px;
}
#Lapolis h3 {
	color: #E2B107 !important;
	font-size: 12px;
	font-weight: bold;
	background: #FCF7E6;
	padding: 4px;
}
#Trial h3 {
	color: #999999 !important;
	font-size: 12px;
	font-weight: bold;
	background: #EBEBEB;
	padding: 4px;
}
.subSection h4 {
	margin: 0px !important;
	width: 260px !important;
}
/*　製品一覧　タイトル　*/

.vttl01,
.vttl02,
.vttl03,
.vttl04,
.vttl05,
.vttl06,
.vttl07,
.vttl08,
.vttl09,
.vttl10,
.vttl11,
.vttl12,
.vttl13,
.vttl14,
.vttl15,
.vttl16,
.vttl17,
.vttl18,
.vttl20 {
	display: block;
	height: 34px;
	width: 600px;
	text-indent: -9999px;
}

.vttl01 {
	background: url(../product/img/view_ttl01.gif) no-repeat left top;
}

.vttl02 {
	background: url(../product/img/view_ttl02.gif) no-repeat left top;
}

.vttl03 {
	background: url(../product/img/view_ttl03.gif) no-repeat left top;
}

.vttl04 {
	background: url(../product/img/view_ttl04.gif) no-repeat left top;
}

.vttl05 {
	background: url(../product/img/view_ttl05.gif) no-repeat left top;
}

.vttl06 {
	background: url(../product/img/view_ttl06.gif) no-repeat left top;
}

.vttl07 {
	background: url(../product/img/view_ttl07.gif) no-repeat left top;
}

.vttl08 {
	background: url(../product/img/view_ttl08.gif) no-repeat left top;
}

.vttl09 {
	background: url(../product/img/view_ttl17.gif) no-repeat left top;
}

.vttl10 {
	background: url(../product/img/view_ttl09.gif) no-repeat left top;
}

.vttl11 {
	background: url(../product/img/view_ttl10.gif) no-repeat left top;
}

.vttl12 {
	background: url(../product/img/view_ttl11.gif) no-repeat left top;
}

.vttl13 {
	background: url(../product/img/view_ttl12.gif) no-repeat left top;
}

.vttl14 {
	background: url(../product/img/view_ttl14.gif) no-repeat left top;
}

.vttl15 {
	background: url(../product/img/view_ttl15.gif) no-repeat left top;
}

.vttl16 {
	background: url(../product/img/view_ttl19.gif) no-repeat left top;
}

.vttl17 {
	background: url(../product/img/view_ttl18.gif) no-repeat left top;
}

.vttl18 {
	background: url(../product/img/view_ttl16.gif) no-repeat left top;
}

.vttl20 {
	background: url(../product/img/view_ttl20.gif) no-repeat left top;
}





/*　製品一覧　*/

.section{
	width: 570px;
	margin: 8px 0 0 16px;
}

.section h3{
	margin-bottom: 20px;
	padding: 5px 8px;
	font-size: 115%;
	font-weight: bold;
}

.section h4{
	font-size: 115%;
	font-weight: bold;
}

.section h5{
	margin-top: 10px;
}

.section p{
	font-size: 90%;
	color: #41aef1;
}

.section p#lead{
	margin-bottom: 22px;
	padding-bottom: 10px;
	font-size: 100%;
	color: #3D2C27;
	background: url(../img/dotx.gif) repeat-x left bottom;

}

.section dl{
	margin-bottom: 8px;
	margin-right: 8px;
	font-size: 90%;
}

.section dt{
	color: #41aef1;
}

.section ul{
	min-height: 25px;
	margin-top: 5px;
	background: url(../img/dotline.gif) repeat;
}

.section li{
	font-size: 90%;
	line-height: 210%;
	padding-left: 10px;
	background: url(../img/marker.gif) no-repeat 0px 0.8em;
}

.section .L{
	float: left;
	width: 100px;
	margin-right: 15px;
	text-align: center;
}

.section .C{
	float: left;
	width: 275px;
}

.section .C h4 {
	background: none !important;
}

.section .R{
	float: right;
	width: 160px;
	margin-top: 30px;
}

.section .mgnoff{
	margin-top: 0px;
}

.section .mgnind{
	margin-top: 48px;
}

.section .mgn4row{
	margin-top: 54px;
}

.section .mgn4brow{
	margin-top: 58px;
}

.section .mgn5row{
	margin-top: 76px;
}

.section .mgn6row{
	margin-top: 98px;
}

.subSection{
	position: relative;
	margin-bottom: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #CCC;
}


.photo{
	position: absolute;
	width: 120px;
	top: 3px;
	left: 6px;
	text-align: center;
}

.data{
	width: 440px;
	margin-left: 130px;
}

*html .data{
	height: 132px;
	}

.data .dataLeft{
	float: left;
	width: 230px;
	margin-right: 10px;
	display: inline;
}

.data .dataRight{
	float: right;
	width: 178px;
	margin-right: 2px;
	display: inline;
}

.data h3{
	margin-bottom: 11px;
}

.data h3 span{
	margin-left: 10px;
	font-size: 70%;
	font-weight: normal;
}

.data h4{
	margin-bottom: 12px;
}

.data dl{
	margin-bottom: 5px;
	width: 160px;
}

.data dt,
.data dd{
	margin: 0;
	line-height: 145%;
}



/*　製品別カラー　*/

#Cleansing h3{
	background-color: #ECF7FD;
}

#Cleansing h3,
#Cleansing p,
#Cleansing dt{
	color: #40aeea;
}

#Interactive h3{
	background-color: #e7ebf3;
}

#Interactive h3,
#Interactive p,
#Interactive dt{
	color: #153a85;
}

#Clearskin h3{
	background-color: #e9ecf6;
}

#Clearskin h3,
#Clearskin p,
#Clearskin dt{
	color: #6880c4;
}

#Alpha h3{
	background-color: #e8f2e4;
}

#Alpha h3,
#Alpha p,
#Alpha dt{
	color: #8cc457;
}

#C-Quence h3{
	background-color: #e0d8ea;
}

#C-Quence h3,
#C-Quence p,
#C-Quence dt{
	color: #5b2e89;
}

#Beta h3{
	background-color: #fef5ea;
}

#Beta h3,
#Beta p,
#Beta dt{
	color: #f49a35;
}

#Antioxidant h3{
	background-color: #f7dbdc;
}

#Antioxidant h3,
#Antioxidant p,
#Antioxidant dt{
	color: #d74d50;
}

#Intensive h3{
	background-color: #f4d3d3;
}

#Intensive h3,
#Intensive p,
#Intensive dt{
	color: #c62424;
}

#Suncare h3{
	background-color: #e4dfda;
}

#Suncare h3,
#Suncare p,
#Suncare dt{
	color: #766145;
}

#Lapolis h3{
	background-color: #fcf7e6;
}

#Lapolis h3,
#Lapolis p,
#Lapolis dt{
	color: #e2b107;
}

#Pigment h3{
	background-color: #f0f1f1;
}

#Pigment h3,
#Pigment p,
#Pigment dt{
	color: #707a79;
}

#Trial h3{
	background-color: #ebebeb;
}

#Trial h3,
#Trial p,
#Trial dt{
	color: #999999;
}



/*　Clearfix　*/

.subSection:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.subSection{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
	overflow: hidden;  /* for DW*/
}



/*　アルファシリーズ　クリニック・サロンの声　*/
#Alpha #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Alpha #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #A9D384;
	padding: 4px 6px;
	font-weight: bold;
	display: block;
}

#Alpha #Voicebana dd {
	padding: 10px 6px;
}

#Alpha #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Alpha #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}
/*　デリケートシリーズ　クリニック・サロンの声　*/

#Antioxidant #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Antioxidant #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #EFB8B9;
	padding: 4px 6px;
	font-weight: bold;
}

#Antioxidant #Voicebana dd {
	padding: 10px 6px;
}

#Antioxidant #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Antioxidant #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}

/*　ベータシリーズ　クリニック・サロンの声　*/
#Beta #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Beta #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #F9CC9A;
	padding: 4px 6px;
	font-weight: bold;
}

#Beta #Voicebana dd {
	padding: 10px 6px;
}

#Beta #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Beta #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}
/*　クレンジングシリーズ　クリニック・サロンの声　*/
#Cleansing #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Cleansing #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #B3DFF7;
	padding: 4px 6px;
	font-weight: bold;
	display: block;
}

#Cleansing #Voicebana dd {
	padding: 10px 6px;
}

#Cleansing #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Cleansing #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}
/*　クリアスキンシリーズ　クリニック・サロンの声　*/
#Clearskin #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Clearskin #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #C3CCE7;
	padding: 4px 6px;
	font-weight: bold;
}

#Clearskin #Voicebana dd {
	padding: 10px 6px;
}

#Clearskin #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Clearskin #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}
/*　インテンシブシリーズ　クリニック・サロンの声　*/
#Intensive #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Intensive #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #E8A7A7;
	padding: 4px 6px;
	font-weight: bold;
}

#Intensive #Voicebana dd {
	padding: 10px 6px;
}

#Intensive #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Intensive #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}
/*　インタラクティブシリーズ　クリニック・サロンの声　*/
#Interactive #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Interactive #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #B9C4DA;
	padding: 4px 6px;
	font-weight: bold;
}

#Interactive #Voicebana dd {
	padding: 10px 6px;
}

#Interactive #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Interactive #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}
/*　ピグメントシリーズ　クリニック・サロンの声　*/
#Pigment #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Pigment #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #BFBFBF !important;
	padding: 4px 6px;
	font-weight: bold;
}

#Pigment #Voicebana dd {
	padding: 10px 6px;
}

#Pigment #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Pigment #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}
/*　サンケアシリーズ　クリニック・サロンの声　*/
#Suncare #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Suncare #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #D6CFC7;
	padding: 4px 6px;
	font-weight: bold;
}

#Suncare #Voicebana dd {
	padding: 10px 6px;
}

#Suncare #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Suncare #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}

/*　Ｃ－クエンスシリーズ　クリニック・サロンの声　*/
#C-Quence #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#C-Quence #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #E0D8EA;
	padding: 4px 6px;
	font-weight: bold;
}

#C-Quence #Voicebana dd {
	padding: 10px 6px;
}

#C-Quence #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#C-Quence #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}


/*　ラポリスシリーズ　クリニック・サロンの声　*/
#Lapolis #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Lapolis #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #F3DF98;
	padding: 4px 6px;
	font-weight: bold;
}

#Lapolis #Voicebana dd {
	padding: 10px 6px;
}

#Lapolis #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Lapolis #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}

/*　ファーストキットシリーズ　クリニック・サロンの声　*/
#Trial #Voicebana {
	height: 76px;
	margin-bottom: 16px;
	border: 1px solid #E4E4E1;
	position: relative;
}

#Trial #Voicebana dt {
	font-size: 16px;
	color: #ffffff;
	background: #EBEBEB;
	padding: 4px 6px;
	font-weight: bold;
}

#Trial #Voicebana dd {
	padding: 10px 6px;
}

#Trial #Voicebana p {
	display: block;
	float: right;
	width: 163px;
	height: 23px;
}

#Trial #Voicebana a {
	position: absolute;
	right: 15px;
	top: 42px;
	}
	
.dataLeft h4 {
	background: none !important;
}
#leftCon .subSection .dataLeft h4 {
	margin-left: 0px !important;
}
#leftCon .box .subSection h4 {
	margin-left: 0px !important;
}


/*税込　右寄せ調整*/
#C-Quence .box .section .subSection .data .dataRight #txtList .cqmg01 {
	text-align: right;
	width: 140px;
}
#Intensive .box .section .subSection .data .dataRight #txtList .abmg {
	text-align: right;
	width: 124px;
}
#C-Quence .subSection .R.mgnoff #txtList2 .cqmg02 {
	text-align: right;
	width: 130px;
}
#Intensive .subSection .R.mgn4brow #txtList .abmg03 {
	text-align: right;
	width: 124px;
}