@charset "utf-8";

/* new clearfix */  
.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

img{
	border: 0;
	vertical-align: bottom;
}


.tabNavi {
	overflow:hidden;
	width:680px;
	background:url(tab_bar.gif) repeat-x left bottom;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

.tabNavi ul {
	margin:0 0 0 0px;
}

.ie6 .tabNavi ul {
	margin-left:0;
}

.ie7 .tabNavi ul {
	margin-left:0;
}

.tabNavi ul li {
	margin-right:3px;
	float: left;
	background-color: #fff;
}

.tabNavi ul li a:hover img {
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.tabNavi ul li.ppc {
	margin-right:2px;
	float: left;
}

#tab-1 .ver1 {

}

#tab-1 .ver2 {

}

#tab-1 .Box {
	width:210px;
	float:left;
}

#tab-1 .Box2 {
	width:306px;
	float:left;
}

#tab-1 p {
	margin:0 0 5px 0;
}

#tab-1 .mR40 {
	margin-right:40px !important;
}

#tab-1 .no1 {
	padding-left:45px;
	background:url(pic_no1.gif) no-repeat;
}

#tab-1 .no2 {
	padding-left:45px;
	background:url(pic_no2.gif) no-repeat;
}

#tab-1 .no3 {
	padding-left:45px;
	background:url(pic_no3.gif) no-repeat;
}

#tab-1 .no4 {
	padding-left:45px;
	background:url(pic_no4.gif) no-repeat;
}

#tab-1 .no5 {
	padding-left:45px;
	background:url(pic_no5.gif) no-repeat;
}

#tab-2 table.seibunC {
	clear:both;
	border-collapse:collapse;
	border-top:1px solid #44AEFF;
	border-left:1px solid #44AEFF;
}

#tab-2 table.seibunC th,
#tab-2 table.seibunC td {
	padding:5px 5px 5px 5px;
	border-collapse:collapse;
	border-right:1px solid #44AEFF;
	border-bottom:1px solid #44AEFF;
}

#tab-2 table.seibunC th {
	text-align:left;
	white-space:nowrap;
	background-color:#E3F3FF;
	vertical-align:top;
}

#tab-3 {
	overflow:hidden;
	width:720px;
	background:url(bg_lotion_3step.gif) no-repeat;
}

#tab-3 #Box1 {
	margin-right:42px;
	width:220px;
	float:left;
}

#tab-3 #Box2 {
	margin-right:42px;
	width:194px;
	float:left;
}

#tab-3 #Box3 {
	width:195px;
	float:left;
}

#tab-3 p {
	margin:10px 0 5px 0;
}

/* 2012.03.13 */
#whitening #tab-3 {
	background:none;
}

#whitening #tab-3 p.white_txt {
	float:left;
	width:420px;
	margin:10px 0 10px 0;
}

#whitening #tab-3 p.white_txt strong {
	color:#3399FF;
}

#whitening #tab-3 p.white_pic {
	float:right;
	margin:0 0 5px 0;
}
/* 2012.03.13 end */



/* before 2012.09.13
#tab-4 .Box {
	margin-bottom:10px;
	background-color:#DCF7FD;
}

#tab-4 p {
	margin:0 0 0 0;
}

#tab-4 p.kuchikomi {
	padding:0 15px 15px 15px;
}

#tab-4 .kuchikomiBtn p {
	float:right;
}
*/



/* 2012.09.13 */
#tab-4 .Box {
	margin: 10px 0;
	padding: 32px 0 0 0;
	background: url("kuchikomi_head.jpg") no-repeat left top #D7F1F7;
}

#tab-4 p {
	margin:0 0 0 0;
}

#tab-4 .kuchikomi {
	padding:0 15px 15px 15px;
}

#tab-4 .kuchikomi .caption {
	margin: 0 0 10px 0;
	padding: 0 0 9px 44px;
	background: url("icon_01.jpg") no-repeat 2px 21px;
	border-bottom: dashed 1px #fff;
	overflow: hidden;
	_zoom: 1;
}

#tab-4 .kuchikomi .caption h3 {
	margin: 7px 0;
	font-size: 16px;
}

#tab-4 .kuchikomi .caption h3 a:hover {
	color: #333;
	text-decoration: none !important;
}

#tab-4 .kuchikomi .caption dl {
	font-size: 12px;
	overflow: hidden;
	_zoom: 1;
}

#tab-4 .kuchikomi .caption dl dt {
	color: #3866CC;
	float: left;
	display: inline;
}

#tab-4 .kuchikomi .caption dl dd {
	float: left;
	display: inline;
}

#tab-4 .kuchikomi .caption dl.attr dd {
	margin-right: 1em;
}

#tab-4 .kuchikomi p.txt {
	width: 531px;
	font-size: 13px;
	line-height: 1.75;
}

#tab-4 .kuchikomi p.read_more {
	font-size: 13px;
	text-align: right;
}

#tab-4 .kuchikomi p.read_more a {
	color: #3E6CD2;
}

#tab-4 .kuchikomi p.read_more a:hover {
	text-decoration: none !important;
}

#tab-4 .kuchikomiBtn {
	overflow: hidden;
	_zoom: 1;
}

#tab-4 .kuchikomiBtn {
	overflow: hidden;
	_zoom: 1;
}

#tab-4 .kuchikomiBtn p {
	margin-left: 7px;
	float: right;
	display: inline;
}



/* 2012.09.13 end */


/* 2013.01.21 */
#tab-5 {
	background:none;
}

#tab-5 p.ppc_txt {
	float:left;
	width:470px;
	margin:10px 0 10px 0;
}

#tab-5 p.ppc_txt strong {
	color:#3399FF;
}

#tab-5 p.ppc_pic {
	float:right;
	margin:0 0 5px 0;
}
/* 2013.01.21 end */



/* 2013.02.07 */
#tab-1 .mB30 {
	margin-bottom:30px !important;
}

#tab-1 .youtube_movie {
	clear: both;
	width: 498px;
	margin: 30px auto;
	border: solid 1px #68C9E1;
}

#tab-1 .youtube_movie h3 {
	margin: 0;
	padding: 0;
	background-image: none;
}

#tab-1 .youtube_movie .movie_box {
	padding: 19px;
	background-color: #F0FAFC;
}
/* 2013.02.07 end */



/* 2013.04.11 */
.special_care {
	clear: both;
	width: 590px;
	height: 106px;
	margin: 0 auto 10px;
	padding: 5px 0 0 0;
	background: url("ppm_bg.gif") no-repeat left 5px;
	overflow: hidden;
	line-height: 1.25em;
}

.special_care p.img {
	width: 75px;
	padding: 20px 10px 0 12px;
	float: left;
	display: inline;
}

.special_care dl {
	width: 360px;
	padding: 26px 0 0 0;
	float: left;
	display: inline;
}

.special_care dl dt {
	font-size: 0;
	line-height: 0;
}

.special_care dl dd {
	margin: 10px 0 0 0;
}

.special_care dl dd span {
	font-size: 11px;
}

.special_care p {
	width: 100px;
	padding: 54px 10px 0 0;
	float: right;
	display: inline;
}
/* 2013.04.11 end */

/* 2015.10.26 */

#deepClearLotion #tab-1 .mR40 {
	margin-right: 90px !important;
}

#deepClearLotion #tab-1 .Box2.mR40 {
    margin: 2px 40px !important;
}
/* 2015.10.26 end*/