@charset "shift_jis";

/*
============================================================


============================================================
*/

/* ---------------------------------------------------------
笆� 繝吶�繧ｹ險ｭ螳夊ｧ｣髯､
--------------------------------------------------------- */
img {
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	border: none;
	list-style-type: none;
	vertical-align: top;
}

div#content table {
	width: auto;
	border-collapse: none;
	margin: 0;
	padding: 0;
	border: none;
	background: noen;
}

/* td 騾壼ｸｸ */
div#content table td {
	padding: 0;
	border: none;
	vertical-align: top;
	color: none;
}

/* ---------------------------------------------------------
笆� 谿ｵ關ｽ險ｭ螳夊ｧ｣髯､
--------------------------------------------------------- */
div#content p {
	margin: 0;
	line-height: 19px;
}

/* ---------------------------------------------------------
笆� 蝓ｺ譛ｬ繝ｬ繧､繧｢繧ｦ繝�
--------------------------------------------------------- */
div#beauty_content {
	width: 700px;
	float: left;
}

/* ---------------------------------------------------------
笆� 縲€繧ｳ繝ｳ繝�Φ繝�
--------------------------------------------------------- */
/* 逵区攸
--------------------------- */
div.mv {
	background: url(../img/mv_1.jpg) no-repeat;
	width: 700px;
	line-height: 20px;
}

div.mv table.lead {
	width: 700px;
}

div.mv table.lead .tx {
	background: url(../img/lead_bg.jpg) top;
	height: 105px;
}

div.mv table.lead .tx p {
	padding: 0 20px 10px 15px;
	line-height: 18px;
}


/* 繧ｿ繧､繝医Ν
--------------------------- */
div.tit {
	width: 700px;
	background: url(../img/tit_02.jpg) no-repeat right 128px;
	float: left;
}

div.tit p {
	width: 650px;
	position: relative;
	left: 30px;
	padding-bottom: 3px;
	line-height: 12px;
}

/* 繝｢繝�Ν
--------------------------- */
div.model {
	background: url(../img/model_bg.gif) repeat-y;
	float: left;
	width: 700px;
	margin-bottom: 20px;
}

div.model div.left {
	float: left;
	width: 290px;
}

div.model div.left img.ph {
	float: left;
	margin: 10px 15px 10px 10px;
}

div.model div.left p {
	padding: 10px;
	line-height: 23px;
}

div.model div.center {
	float: left;
	width: 125px;
}

div.model div.right {
	float: right;
	width: 285px;
}

div.model div.right img.ph {
	float: right;
	margin: 10px;
}

div.model div.right p {
	padding: 10px 10px 10px 10px;
	line-height: 18px;
}

div.model div.li {
	background: url(../img/model_li.gif) no-repeat bottom;
	float: left;
	width: 700px;
	padding-bottom: 3px;
}

div.model div.waza {
	background: url(../img/model_bg_tit.gif) no-repeat;
	float: left;
	width: 700px;
}

div.model div.waza div.left2 {
	float: left;
	width: 350px;
}

div.model div.waza div.left2 div.tit{
	width: 220px;
	padding: 20px 0 0 130px;
	margin-bottom: 30px;
}

div.model div.waza div.left2 img.ph{
	float: right;
	margin: 10px 10px 10px 20px;
}

div.model div.waza div.left2 p {
	padding: 10px 0 10px 20px;
	line-height: 22px;
}

div.model div.waza div.right2 {
	float: right;
	width: 350px;
}

div.model div.waza div.right2 div.tit{
	width: 270px;
	padding: 20px 60px 0 20px;
	margin-bottom: 30px;
}

div.model div.waza div.right2 img.ph{
	float: left;
	margin: 10px 20px 10px 40px;
}

div.model div.waza div.right2 p {
	padding: 10px 20px 10px 0;
	line-height: 22px;
}

/* 繧｢繝峨ヰ繧､繧ｹ
--------------------------- */
div.adv table.bg_b {
	width: 700px;
}

div.adv table td.lead {
	background: url(../img/adv_bg.jpg) no-repeat;
}

div.adv table td.lead p {
	padding: 0 30px;
}

div.adv table td div.pro {
	width: 163px;
	margin: 10px 0 0 5px;
	background: #fdf6f6;
}

div.adv table td div.pro p {
	font-size: 10px;
	line-height: 16px;
	padding: 0 15px 10px;
	color: #000000;
}

div.adv table td div.point {
	width: 620px;
}

div.adv table td.list1,
div.adv table td.list2,
div.adv table td.list3  {
	background: url(../img/adv_point_fr_m.gif) repeat-y;
}

div.adv table td.list1 p {
	padding: 10px 30px 10px 35px;
	color: #d35f38;
}

div.adv table td.list2 p {
	padding: 10px 30px;
	color: #ef6f78;
}

div.adv table td.list3 p {
	padding: 10px 30px;
	color: #77b9a8;
}

div.adv {
	background: url(../img/adv_fr_b.jpg) no-repeat bottom;
	padding-bottom: 35px;
	margin-bottom: 20px;
}

/* c-lotion
--------------------------- */
#product-wrapper {
	width:700px;
	clear:both;
}

#product-wrapper h2,
#product-wrapper h3{
	padding:0 !important;
	border:none !important;
	background:none !important;
}

#product-wrapper #mainimage {
	clear:both;
	font-size:0;
	line-height:0;
	margin-bottom:30px;
}

#product-wrapper div.bt a {
	background: url(../img/health_bt_01.jpg) no-repeat;
	float: left;
	width: 420px;
	height: 50px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}


#product-wrapper div.bt a:hover {
	background: url(../img/health_bt_01_on.jpg) no-repeat;
}

.coution{
	clear:both;
	text-align:right;
	font-size:10px !important;
	padding-top:5px;
}

#main-text{
	margin-bottom:40px;
}

#main-text h2{
	font-size:0;
	line-height:0;
	margin-bottom:20px;
}

#whitening-area01{
	margin-bottom:40px;
}

#whitening-area01 .image{
	float:right;
	margin-left:20px;
}

#whitening-area01 h3{
	font-size:0;
	line-height:0;
	zoom:1;
	overflow:hidden;
	margin-bottom:20px;
}

#whitening-area01 .box01{
		clear:both;
		border-bottom:1px solid #dfdfdf;
		padding-bottom:20px;
		margin-bottom:40px;
}

#whitening-area01 .box02{
	clear:both;
	border-bottom:1px solid #dfdfdf;
	margin-bottom:40px;
	padding-bottom:20px;
}

#whitening-area01 .box02 .left-box{
	width: 340px;
	float: left;
	padding-right:30px;
	background: url(../img/whitening-box02-bg.gif) repeat-y;
}

#whitening-area01 .box02 .right-box{
	float: right;
	width: 330px;
}

#whitening-use {
	margin-bottom:40px;
}

#whitening-use h2{
	padding-left:180px !important;
	padding-top:30px !important;
	padding-bottom:1px !important;
	background:url(../img/whitening-use-ttl.gif) no-repeat !important;
	font-weight:normal !important;
	line-height:1.8em;
}

.cosme_item{position: relative;display: block;margin-bottom: 20px;margin-top: 20px;}

.cosme_item .bt{
position: absolute;
bottom:10px;
right:0px;
}

.step{
margin: 10px auto;
}

.treatment_bg01{
background: url(../img/topics_02_bg.jpg) no-repeat left top;
height:120px;
padding: 30px;
}

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

#topics{
margin-top:20px;
}

.topics{
margin: 20px auto;
clear: both;
}

.topics .topics_img{
float: left;
margin-right: 10px;
}

div#content .topics p{
font-size: 14px;
line-height: 25px;
}

.topics .info{
font-size: 12px;
text-align: right;
}

.treatment_bg02{
background: url(../img/topics_04_bg.jpg) no-repeat left top;
height:105px;
padding: 10px;

}

.treatment_bg02 h3{
font-weight: bold;
}

.treatment_bg03{
background: url(../img/news_bg.jpg) no-repeat left top;
height:121px;
padding: 30px;
margin: 20px auto;

}

.news_img{
float: right;
margin-left: 10px;
}

.news_link{
padding-right: 250px;
text-align: right;
}

/* 繝懊ち繝ｳ
--------------------------- */
div.bt_cosme a {
	background: url(../img/bt_detail.jpg) no-repeat red;
	float: left;
	width: 700px;
	height: 50px;
	display: block;
	text-decoration: none;
	text-indent: -9999px;
}

div.bt_cosme a:hover {
	background: url(../img/bt_detail_on.jpg) no-repeat;
}

/*-----------------
clearfix
-------------------*/
.clearfix:after {
	content: ",";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */