@charset "utf-8";
/*---------------------------------------------*/
/*  #main-box h3
/*---------------------------------------------*/
#main-box h3 {
	margin: 1px 0 0 29px;
	width: 176px;
	height: 67px;
	background: url(../../common/img/title_arrow.gif) no-repeat 170px 25px;
}


/*---------------------------------------------*/
/*  #main-box div#pNav
/*---------------------------------------------*/
#main-box div#pNav { padding-bottom: 32px; }
#main-box div#pNav h4 { padding: 14px 21px 10px 15px; }
#main-box div#pNav h4.shampoocondi {
	padding: 14px 22px 0 13px;
	background-position: top left;
}
#main-box div#pNav h5 { margin: 15px 0 5px 15px; }
#main-box div#pNav ul.shampoocondi {
	width: 134px;
	height: 76px;
	background: url(../img/pNav_shampoocondi_bar.gif) no-repeat bottom left;
}
#main-box div#pNav ul.perfect {
	width: 134px;
	height: 67px;
	background: url(../img/pNav_perfect_bar.gif) no-repeat bottom left;
}
#main-box div#pNav ul li.shampoo {
	margin-top: 1px;
	margin-bottom: 2px;
}
#main-box div#pNav ul li.condi { margin-bottom: 1px; }
#main-box div#pNav ul li.pack { margin-bottom: 2px; }
#main-box div#pNav ul li.mini { margin-bottom: 2px; }
#main-box div#pNav ul li.pesthe { margin-bottom: 1px; }
#main-box div#pNav ul li.pmask { margin-bottom: 0px; }


/*---------------------------------------------*/
/*  #product-detail
/*---------------------------------------------*/

/*  #product-detail div#product-photo p.new
/*---------------------------------------------*/
#main-box div#product-photo p.new {
	position: absolute;
	left: 14px;
	top: -1px;
}

#main-box div#product-detail p.lead { padding-top: 10px; }
#main-box div.pesthe p.lead { padding-top: 0 !important; }
#main-box div.pmask p.lead { padding-top: 0 !important; }

#main-box div#product-detail h4 { margin: 15px 0 8px 0; }
#main-box div#product-detail p.detail {
	margin: 0 0 10px 1.8em;
	font-size: 10px;
}

#main-box div#product-detail p#haircare-fragrance { margin: -53px 0 18px/*33-15*/ 14px; }
#main-box div#product-detail p#haircare-damagecare { margin: 5px 0 0 1em; }

#main-box div#product-detail div.element-fragrance,
#main-box div#product-detail div.element-others,
#main-box div#product-detail div.element-notice {
	padding: 15px 0;
	background: url(../../common/img/product_bar.gif) no-repeat top left;
}
#main-box div.pesthe div.element-notice { background: none !important; }

/* スイートローズの香り */
#main-box div#product-detail div p.icon1 { margin: -8em 0 0 237px; }
#main-box div#product-detail div p.icon2 { margin: 5px 0 0 224px; }

/* 香りのエッセンス */
#main-box div#product-detail div p.icon3 { margin: 10px 0 0 20px; }
#main-box div#product-detail div p.icon4 { margin: -79px 0 2px 157px; }

#main-box div#product-detail div h5 {
	padding-left: 0.5em;
	font-size: 12px;
	font-weight: normal;
}
#main-box div#product-detail div h5 span {
	padding-right: 3px;
	vertical-align: 2px;
	font-size: 8px;
	color: #B2A188;
}
#main-box div#product-detail div h5 sup {
	font-size: 9px;
	vertical-align: text-top;
}
#main-box div#product-detail div h5 small { font-size: 10px; }

#main-box div#product-detail div p.text {
	position: relative;
	margin-top: 3px;
	padding-left: 1.8em;
	font-size: 10px;
}
#main-box div#product-detail div p.text sup {
	font-size: 7px;
	vertical-align: text-top;
}
#main-box div#product-detail div#product-text p.notice {
	margin: 3px 0 10px 72px;
	padding-left: 1em;
	font-size: 10px;
}

#main-box div#product-detail div.element-notice ul { margin: 5px 0 20px 0.5em; }
#main-box div#product-detail div.element-notice ul li {
	padding-left: 3em;
	text-indent: -3em;
	font-size: 8px;
}

/*---------------------------------------------*/
/*  #product-detail .pesthe
/*---------------------------------------------*/

/* .pesthe .pmask p.detail */
#main-box div.pesthe p.detail,
#main-box div.pmask p.detail {
	margin: 0 0 10px 0 !important;
}

/*  #product-detail div.peshe-power
/*---------------------------------------------*/
#main-box div#product-detail div.pesthe-power {
	position: relative;
	height: 143px;
}
#main-box div#product-detail div.pesthe-power p.icon {
	position: absolute;
	left: 0;
	top: 0;
}
#main-box div#product-detail div.pesthe-power p.copy {
	margin: 0 0 0 133px;
	padding: 13px 0 0 0;
}
#main-box div#product-detail div.pesthe-power p.pesthe-mecha { margin: 11px 0 0 134px; }

/*  #product-detail div.treatment1,2
/*---------------------------------------------*/
#main-box div#product-detail div.treatment { position: relative; }
#main-box div#product-detail div.treatment h5 { margin-bottom: 8px; padding: 0; }
#main-box div#product-detail div.treatment h6 { margin-bottom: 5px; }
#main-box div#product-detail div.treatment div ul { margin-bottom: 12px; }
#main-box div#product-detail div.treatment div ul li {
	text-indent: -1em;
	padding-left: 1em;
	font-size: 10px;
}
#main-box div#product-detail div.treatment div ul li sup { vertical-align: middle; }
#main-box div#product-detail div.treatment1 ul li span {
	padding-right: 3px;
	vertical-align: 2px;
	font-size: 6px;
	color: #C9B18B;
}
#main-box div#product-detail div.treatment2 {
	position: absolute;
	left: 198px;
	top: 0;
}
#main-box div#product-detail div.treatment2 ul li span {
	padding-right: 3px;
	vertical-align: 2px;
	font-size: 6px;
	color: #B7B7B7;
}
#main-box div#product-detail div.treatment2 div.treatment3 {
	border: 1px dotted #9f9f9f;
	padding: 10px 5px;
}
#main-box div#product-detail div.treatment2 div.treatment3 h5 { margin: 0; }

#main-box div.pesthe div.element-notice h5 { padding-left: 0 !important; }
#main-box div.pesthe div.element-notice ul { margin: 5px 0 20px 0 !important; }



/*---------------------------------------------*/
/*  #product-detail .pmask
/*---------------------------------------------*/

/*  #product-detail div.pmask-element
/*---------------------------------------------*/
#main-box div#product-detail div.pmask-element {
	position: relative;
	height: 135px;
}
#main-box div#product-detail div.pmask-element p.icon {
	position: absolute;
	left: 0;
	top: 0;
}
#main-box div#product-detail div.pmask-element p.copy {
	margin: 0 0 0 136px;
	padding: 4px 0 0 0;
}
#main-box div#product-detail div.pmask-element p.pmask-mecha { margin: 6px 0 0 137px; }


#main-box div#product-detail div.pmask-treatment h5 { margin-bottom: 5px; padding: 0; }
#main-box div#product-detail div.pmask-treatment ul { margin-bottom: 12px; }
#main-box div#product-detail div.pmask-treatment ul li {
	font-size: 10px;
}
#main-box div#product-detail div.pmask-treatment ul li span {
	padding-right: 3px;
	vertical-align: 2px;
	font-size: 6px;
	color: #C9B18B;
}
#main-box div#product-detail div.pmask-treatment ul li sup { vertical-align: middle; }

#main-box div.pmask div.element-notice h5 { padding-left: 0 !important; }
#main-box div.pmask div.element-notice ul { margin: 5px 0 20px 0 !important; }