@charset "utf-8";

/* --- フェイシャルパック mask.html --- */

.course_link {
	height: auto !important;
}

.course_link ul {
	height: auto !important;
}

.course_link ul li {
    float: left;
	margin: 0 15px 15px 0;
}

.course_link ul li.li01 {
    width: 188px;
}

.course_link ul li.li02 {
    width: 147px;
}

.course_link ul li.li03 {
    margin: 0 0 15px 0;
    width: 148px;
}

.course_link h4.course_tit {
    background: url("../../service/images/mask_list_tit.jpg") no-repeat scroll left center transparent;
}

.dummy_img {
	margin: 0 0 40px 0;
}



/* --- スペシャルコース special.html --- */

.special_keep {
    margin: 0 0 50px 15px;
}

.special_keep a {
	background: url("../../service/images/couse_contact_off.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 214px;
    text-indent: -9999px;
    width: 699px;
}
    
.special_keep a:hover {
    background: url("../../service/images/couse_contact_on.png") no-repeat scroll 0 0 transparent;
}


/************ begin mask.html  ***************/

.clear{
	clear: both;	
}

.product_box{
    float: left;
    width: 705px;
	margin: 0 0 60px 10px;
}

.facial{
	float: left;
	margin: 0 0 40px;
}
	
.left_box{
	float: left;
	margin: 0 0 50px 10px;
}

/* 2016.08.08　追加 */
.left_box2{
	float: left;
	margin: 0 0 50px 134px;
}	
/* */
	
.cream_grid01{
	float: left;
	 position: relative;
	padding: 105px 0 0; 
}	

.cream_grid02{
	float: left;
	 position: relative;
	padding: 85px 0 0; 
}	

.about_cream{
    background-color: #E7E2BC;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	behavior: url(ie-css3.htc);
    float: left;
    padding: 20px 15px 15px 25px;
    width: 212px;
	text-align: left;
}

.cream_grid09 .about_cream{
    background-color: #E7E2BC;
    border-radius: 6px 6px 6px 6px;
    float: left;
    padding: 20px 15px 15px 25px;
    width: 537px;
	text-align: left;
}

.cream-price{
    float: right;
    margin: 0 0 6px;	
}

.bow{
    float: right;
    margin: 0 0 10px;			
	clear: both;
}

.cream-use{
    float: right;
    margin: 0 0 18px;	
	clear: both;		
}

.cream-descr{
    float: left;
    line-height: 18px;
    width: 212px;
	margin: 0;	
}

.cream_grid09 .cream-descr{
    float: left;
    line-height: 18px;
    width: 535px;
	margin: 0;	
}

.cream01-img{
    background: url("../../service/images/cream01-trans.png") no-repeat scroll 0 0 transparent;
    height: 115px;
    padding: 100px 0 0 20px;
    width: 214px;
}

.cream02-img{
    background: url("../../service/images/cream02-trans.png") no-repeat scroll 0 0 transparent;
    height: 115px;
    padding: 100px 0 0 20px;	
    width: 196px;
}

.cream03-img{
    background: url("../../service/images/cream03-trans.png") no-repeat scroll 0 0 transparent;
    height: 120px;
    width: 200px;
    padding: 120px 0 0 20px;	
}

.cream04-img{
    background: url("../../service/images/cream04-trans.png") no-repeat scroll 0 0 transparent;
    height: 120px;
    width: 203px;
    padding: 105px 0 0 15px;	
}

.cream05-img{
    background: url("../../service/images/cream05-trans.png") no-repeat scroll 0 0 transparent;
    height: 109px;
    padding: 110px 0 0 20px;
    width: 164px;}

.cream06-img{
    background: url("../../service/images/cream06-trans.png") no-repeat scroll 0 0 transparent;
    height: 109px;
    padding: 110px 0 0 20px;
    width: 164px;}
	
.cream07-img{
    background: url("../../service/images/cream07-trans.png") no-repeat scroll 0 0 transparent;
    height: 119px;
    padding: 93px 0 0 20px;
    width: 192px;}
	
.cream08-img{
    background: url("../../service/images/cream08-trans.png") no-repeat scroll 0 0 transparent;
    height: 119px;
    padding: 93px 0 0 20px;
    width: 187px;}	
	
.cream09-img{
    background: url("../../service/images/cream09-trans.png") no-repeat scroll 0 0 transparent;
    height: 96px;
    padding: 115px 0 0 20px;
    width: 169px;}	
	
.cream10-img{
    background: url("../../service/images/cream10-trans.png") no-repeat scroll 0 0 transparent;
    height: 110px;
    padding: 90px 0 0 20px;
    width: 204px;}				
	
.cream11-img{
    background: url("../../service/images/cream11-trans.png") no-repeat scroll 0 0 transparent;
    height: 110px;
    padding: 90px 0 0 20px;
    width: 207px;}		

.same{
    left: -30px;
    position: absolute;
    top: 0;	
}

.right-margin{
	margin: 0 68px 0 0;
}

.right_box{
	float: right;	
	margin: 0 0 50px;
}

.page-top{
    float: right;
    text-align: right;
    width: 100%;}

.cream_grid04, .cream_grid09 {
    float: left;
    padding: 100px 0 0;
    position: relative;
}

a.btn-yamano{
	float: right;	
	margin: -7px 0 0 15px;
	display: block;
	text-indent: -9999px;
	background: url(../../service/images/yamano_off-trans.png) no-repeat left top;
	width: 312px;
	height: 125px;
}

a:hover.btn-yamano{
	background: url(../../service/images/yamano_on-trans.png) no-repeat left top;
}

.product-info{
	float: right;
}

/*********** begin special.html *****************/

.white-line{
	background:url(../../service/images/bg-repeat.gif) repeat-x 0 0;
    float: left;
    height: 55px;
    margin: 0 0 0 3px;
    padding: 7px 0 10px 55px;
    width: 768px;}

.white-line img{
    float: left;
    margin: 0 30px 0 0;	
}

.white-line p{
    float: left;
    margin: 12px 0 0;
    width: 350px;	
}

.recommend_list{
    float: left;
    margin: 0 0 60px;
    width: 100%;	
}

.recommend_list li{
    float: left;
    margin: 0 15px 0 0;
}

.recommend_list li a {
	text-indent: -9999px;
	display: block;
	height: 14px;
}

.recommend_list li.li01 {
	width: 131px;
}

.recommend_list li.li01 a {
	width: 126px;
	background: url(../../service/images/link01_off-trans.png) no-repeat left top;
}

.recommend_list li.li02 {
	width: 184px;
}

.recommend_list li.li02 a {
	width: 179px;
	background: url(../../service/images/link02_off-trans.png) no-repeat left top;
}

.recommend_list li.li03 {
	width: 175px;
}

.recommend_list li.li03 a {
	width: 170px;
	background: url(../../service/images/link03_off-trans.png) no-repeat left top;
}

.recommend_list li.li04 {
	width: 189px;
}

.recommend_list li.li04 a {
	width: 184px;
	background: url(../../service/images/link04_off-trans.png) no-repeat left top;
}

.recommend_list li.last{
    margin: 0;
}

.special-content{
    float: left;
    padding: 30px 0 0;
	 margin: 0 0 80px;
    width: 100%;
 }
 
.course_box{
    float: left;
    margin: 0 0 60px;	
}

.title_course{
    float: left;
    margin: 0 0 25px 10px;	
}

.info_course{
    float: left;
    padding: 0 0 0 35px;
    width: 385px;
}

.course_name{
	float: left;
	background:url(../../service/images/pipi_brown.gif) no-repeat 0 5px;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 20px;
	margin: 0 0 20px;
	width: 360px;
}

.course_descr{
    float: left;
    line-height: 18px;
    width: 400px;
	margin: 0 0 35px;
	font-size: 11.5px;
} 

.btn-treatment{
    float: left;
    margin: 0 0 20px;	
}

.c_list{
    float: left;
    padding: 0 0 0 5px;
    width: 300px;	
}

.c_list li{
	float:left;
	background:url(../../service/images/pipe_list.gif) no-repeat left 5px;
    margin: 0 0 5px;
    padding: 0 0 0 15px;
    width: 285px;	
}

.course_img{
    float: right;
    padding: 0 20px 0 0;
    width: 280px;	
	margin: -15px 0 0;
}

.course_contact{
    float: left;
    width: 280px;	
}

.bg_boxtop{
	background:url(../../service/images/head_recommend-trans.png) no-repeat 0 top;
    float: left;
    height: 67px;
    margin: -9px 0 0 -33px;
    width: 312px;
}

.bg_boxbottom{
	background:url(../../service/images/bgbottom_recommend.gif) no-repeat 0 bottom; 
    float: left;
    padding: 0 0 7px;
    width: 279px;	
}

.bg_boxcenter{
	background:url(../../service/images/bg_recommend.gif) repeat-y 0 0;
    float: left;
    padding: 15px 20px 10px;
    width: 239px;
}

.contact_list{
    float: left;
    margin: 0 0 15px;
    padding: 0 0 0 3px;
    width: 235px;
}

.contact_list li{
	background:url(../../service/images/pipe_recommend-trans.png) no-repeat 0 3px;
    float: left;
    margin: 0 0 5px;
    padding: 0 0 0 12px;
    width: 200px;	
}

.contact_list li.last{
	margin:0;	
}

.contact-text{
     float: left;
    margin: 0 0 15px;
    padding: 0 0 0 10px;
    width: 230px;
}

.free-margin{
    float: left;
    margin: 0 0 30px;
    width: 100%;	
}

.last_course, .last_rightbox{
	margin:0;	
}