@charset "utf-8";

.mt0{margin:0 !important;}
.mt5{margin:5px 0 0 0 !important;}
.mt20{margin:20px 0 0 0 !important;}
.mb20{margin:0 0 20px 0 !important;}

.fl{float:left;}
.fr{float:right;}

.tl{
	text-align: left !important;;
}

.newbase h2{
width:570px;
height:37px;
margin:0 0 25px 0;
padding:17px 0 0 30px;
background:url(./common/img/h2_img_01.jpg) left top no-repeat;
color:#53b199;
font-size:18px;
font-weight:bold;
}

.left_body {
  width: 642px;
  height: auto;
/*  background-image: url(img/cnt_body.gif);*/}
.jirei{
width:600px;
height:37px;
margin:0 0 25px 10px;
padding:17px 0 0 30px;
background:url(./common/img/h2_img_01.jpg) left top no-repeat;
color:#53b199;
font-size:18px;
font-weight:bold;
}

.h2under{
margin:0 0 0 0 !important;
font-size:14px !important;
line-height:16pt !important;
background:none !important;
width:600px !important;
padding:0 !important;
font-weight:normal !important;
color:#484848 !important;
}

.h2under span{
font-weight:bold;
color:#53b199;
}

.newbase h3{
color:#53b199;
width:580px;
height:30px;
margin:25px 0 0 0 !important;
padding:5px 0 0 20px;
font-size:16px;
font-weight:bold;
background:url(./common/img/h3_img_01.jpg) left top no-repeat;
}

h4{
font-weight:bold;
color:#53b199;
font-size:14px;
border-bottom:1px solid #CCCCCC;
margin:0 0 20px 0;
padding:0 0 3px 0;
}

* html h4{
margin:0 !important;
}

/*----下リンク設定---*/

.underlink{
width:643px;
margin:0;
height:187px !important;
background:url(./common/img/under_link_bg_img_01.jpg) left top no-repeat;
margin:0 0 10px 0;
}

.underlink ul{
float:left;
margin:16px 0 0 0;
padding:0 0 0 14px;
}

.underlink li{
list-style-type:none;
margin:0 0 11px 0;
}

.underlinkright{
float:right;
padding:39px 27px 0 0;
}

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



/*----right navi設定---*/

.rightnavinew{
margin:0 0 20px 0;
padding:0;
}

.rightnavinew ul li{
list-style-type:none !important;
margin:0;
padding:0;
}


/*--new--*/

#headarea{
/*background:url(./img/gallery.png) left top no-repeat;*/
width:642px;
height:126px;
}

#headarea.submenu {
background: url(./img/acne/head.jpg) left top no-repeat;
width: 642px;
height: 280px;
}

#headarea ul{
margin:0;
padding:65px 0 0 25px;
list-style-type:none;
}

#headarea li{
margin:0;
padding:0;
list-style-type:none;
}

.newbase{
width:602px;
padding:20px 20px 10px 20px;
}

.baseblock01{
width:600px;
}

.baseblock01left{
width:350px;
float:left;
margin:20px 20px 0 0;
}

.readbase{
font-size:12px;
font-weight:normal;
line-height:16pt;
}

.baseblock01right{
width:230px;
float:right;
margin:20px 0 0 0;
}

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

.baseblock02left{
width:430px;
float:left;
margin:20px 20px 0 0;
}
.baseblock02right{
width:150px;
float:right;
text-align:right;
margin:20px 0 0 0;
}
.baseblock03left{
width:430px;
float:left;
margin:0px 20px 0 0;
}
.baseblock03right{
width:150px;
float:right;
text-align:right;
margin:0px 0 0 0;
}
.baseblock04left{
width:420px;
float:left;
margin:0px 20px 0 0;
}
.baseblock04right{
width:160px;
float:right;
text-align:right;
margin:0px 0 0 0;
}
/* End hide from IE-mac */

.txtlink{
text-align:right;
margin:20px 0 10px 0;
}

.txtlink em{
border:1px solid #ac0000;
padding:5px 8px 5px 8px;
background:#ff4242;
color:#FFFFFF ;
font-style:normal;
}

.txtlink em a:link	{
	text-decoration: none;
	color: #FFFFFF;
}

.txtlink em a:visited	{
	text-decoration: none;
	color: #FFFFFF;
}

.txtlink em a:hover	{
	text-decoration: underline;
	color: #FFFFFF;
}

.imgbox01 {
clear: both ;
margin: 0 ;
text-align: center ;
}
.imgbox02 {
clear: both ;
margin: 15px 0 ;
text-align: center ;
}
.imgbox03 {
clear: both ;
padding: 15px 0 8px 0 ;
}

.dr_box {
width: 600px !important ;
margin: 0 !important ;
padding: 0 !important ;
}
.dr_box .dr_box_lnew {
width: 400px !important ;
margin: 0 !important ;
padding: 15px !important ;
}
.dr_box .dr_box_lnew.other {
width: 570px !important ;
margin: 0 !important ;
padding: 15px !important ;
}
.dr_box .dr_box_r {
float: right ;
width: 170px !important ;
margin: 0 !important ;
padding: 0 !important ;
text-align: right !important ;
}

.sublist01{
width:600px;
margin:0 auto;
}

.sublist01 li{
float:left;
margin:3px 0 0 3px;
list-style-type:none;
}

.sublist02{
width:600px;
margin:20px auto;
}

.sublist02 li{
float:left;
margin:3px 0 0 3px;
list-style-type:none;
}

.sublist03{
width:600px;
margin:20px 0 0 0;
background:#b2ecdd;
}

.sublist03 li{
float:left;
margin:5px 0 5px 6px;
list-style-type:none;
border:1px solid #a8a8a8;
padding:5px 6px 5px 6px;
background:#FFFFFF;
font-style:normal;
}


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

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

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

.readbase01{
margin:20px 0 10px 0;
font-size:12px;
font-weight:normal;
line-height:16pt;
padding:0 15px 0 15px;
}

.readbase02{
margin:20px 0 10px 0;
font-size:12px;
font-weight:normal;
line-height:16pt;
padding:0;
}

.readbase03{
margin:0;
font-size:12px;
font-weight:normal;
line-height:16pt;
padding:0 15px 0 15px;
}

.readbase04{
margin:0;
font-size:12px;
font-weight:normal;
line-height:16pt;
padding:0;
}

.txtlink01{
text-align:right;
margin:20px 20px 0 0;
}

.txtlink01 em{
border:1px solid #a8a8a8;
padding:5px 8px 5px 8px;
font-style:normal;
}

.txtlink01nomargin{
text-align:right;
margin:0 0 0 0;
}
.txtlink01nomargin em{
border:1px solid #a8a8a8;
padding:5px 8px 5px 8px;
font-style:normal;
}




.boxline.downsize {
	width: 596px ;
	margin: 15px 0 ;
	padding: 0 ;
	border: 2px solid #52B199;
}

.boxline.downsize .treat_box_2 {
	position:relative;
	width:570px;
	height:auto;
	margin:0 auto;
	padding:0;
	line-height:1.6em;
	clear: both;
}
.boxline.downsize .treat_box_2new{
	width:570px;
	height:auto;
	margin:0 auto;
	position:relative;
	padding:10px;
	line-height:1.6em;
	clear: both;

}

.boxline.downsize .treat_acnebox{
	width:570px;
	margin:0 auto;
	padding:7px;
}


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

/*20160518追記*/
h3.acnescar_h3{ background:url(acnescar/images/h3_img.png) left top no-repeat;
width:601px; height:18px; padding:16px 18px 20px 30px; font-size:18px; color:#53b199;
margin:15px 0px;}
h4.acnescar_h4{ background:url(acnescar/images/h4_img.png) left top no-repeat;
width:60apx; height:15px; padding:15px 18px 15px 30px; font-size:15px; color:#53b199; margin:15px 0; border:none;}
.info_lather{ margin-left:34px; margin-right:34px; margin-bottom:30px;}
.info_lather p{ font-size:14px; text-align: justify; line-height: 1.8em;}
.info_lather p span.green_tex{ color:#52B199;}
.info_lather p.img{ text-align:center;}
.info_lather img{ margin-left:auto; margin-right:auto; margin-top:10px;}
.fl_left{ float:left; width:336px; height:auto;}
.fl_right{ float:right; width:200px; margin-left:10px; margin-bottom:10px;}
.fl_left2{ float:left; width:395px; height:auto;}
.fl_right2{ float:right; width:141px; margin-left:10px; margin-bottom:10px;}

.td_wrap{border-bottom: 1px solid #4da591;}
.td_wrap_1 { border-bottom: 1px solid #4da591; font-size: 16px; color: #797979; text-align: left;}
.td_wrap_1.size16 { font-size:16px; line-height:1.2em;}
.td_wrap_2 { font-size: 16px; color: #797979; text-align: left;}
.td_wrap_2.size16 { font-size:16px; line-height:20px;}
.newg_wrap table{ margin-top:10px;}
.info_lather:after{	display:block; clear:both; content:"";}
/*20160804追加*/
.info_lather2{margin-left: 10px; margin-right: 25px; margin-bottom: 30px; padding: 25px 15px 30px; border: 1px solid #c9c9c9;  border-radius: 5px;}
.info_lather2 p{ text-align:center;}
.info_lather2 img{ margin-left:auto; margin-right:auto; margin-top:10px;}
