@charset "Shift_JIS";
/* CSS for モナリザ　パーツトリートメント*/

#ml_logo{
	width:333px;
	height:39px;
	background-image:url(../../img/ml/title_ml01.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	padding-bottom:5px;
}

#mltreat_title{
	width:645px;
	height:26px;
	background-image:url(../../img/ml_treat/title_ml_cr.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

.b_t_deco{
	width:645px;
	height:inherit;
	background-image:url(../../img/com/title_bg.gif);
	background-repeat:repeat-x;
	background-position:0px 75px;
	padding-bottom:20px;
}

p{
	font-size: 12px;
	line-height: 150%;
	color: #333333;
}

dl{
	padding-top:40px;
	padding-bottom:10px;
	border-bottom:1px #999999 dotted;
}

dt{
	clear:left;
	float:left;
	font-size: 12px;
	color: #333333;
	width:8em;
	line-height: 150%;	
}

dd{
	font-size: 12px;
	margin-left:8em;
	color: #333333;
	line-height: 150%;	
}

/* ↓モナリザ　パーツトリートメント　キービジュアル↓ */
#key_mltreatvisual{
	width:643px;
	height:298px;
	background-image:url(../../img/ml_treat/key_ml_cr.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:1px #dedede solid;
}

/* ↓モナリザ　ナビゲーション↓ */
#ml_navi{
	padding-top:15px;
	width:645px;
	height:82px;
}

#ml_navi li{
	float:left;	
}

#ml_navi li a{
	display:block;
	text-indent:-9999px;
	height:82px;
}

/*↓モナリザ---各ナビ*/
#ml_01{
	background-image:url(../../img/ml/btn_ml_cr.jpg);
	background-repeat:no-repeat;
	width:130px;
}

#ml_01:hover{
	background-image:url(../../img/ml/btn_ml_cr_ov.jpg);
	background-repeat:no-repeat;
}

#ml_02{
	background-image:url(../../img/ml/btn_ml_treat_ov.jpg);
	background-repeat:no-repeat;
	width:130px;
}

#ml_03{
	background-image:url(../../img/ml/btn_ml_hair.jpg);
	background-repeat:no-repeat;
	width:122px;
}

#ml_03:hover{
	background-image:url(../../img/ml/btn_ml_hair_ov.jpg);
	background-repeat:no-repeat;
}


/* ↓モナリザ共通クラス↓ */
.r_info{
	float:right;
	height:inherit;
	width:340px;
	padding-left:10px;
}

.ml_subtitle{
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	color: #444477;
	line-height: 150%;
	font-size: 12px;
	border-bottom:1px #999999 dotted;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.ml_iyaku{
	width:75px;
	height:26px;
	float:left;
	padding-left:10px;
	background-image:url(../../img/ml_treat/ml_treat_iyaku.jpg);
	background-repeat:no-repeat;
	background-position:10px 2px;
	text-indent:-9999px;
}


/* ↓モナリザ　パーツトリートメント↓ */
#mltreat{
	clear:left;
	padding-top:20px;
	width:645px;
	height:inherit;
}

#t_mltreat{
	width:265px;
	height:26px;
	background-image:url(../../img/ml_treat/t_ml_cr.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
}

.product_detail{
	_padding-top:10px;
	padding-top:10px;

	clear:both;
}

#mltreat p img{
	clear:both;
	float:left;
}

/* ↓モナリザ　パーツトリートメント商品説明イエローゾーン↓ */
#mltreat_ex{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

#mltreat_ex ul{
	padding:15px 15px;
	width:615px;
	background-color:#fff7d9;
}

#mltreat_p01{
	height:inherit;
	padding:5px 10px 10px 70px;
	background-image:url(../../img/ml/cr_crtre_p01.jpg);
	background-repeat:no-repeat;
	background-position:0px 5px;
}

#mltreat_p01 h4 img{
	padding:0px 0px 5px 0px;
}

#mltreat_p02{
	height:inherit;
	padding:10px 10px 10px 70px;
	background-image:url(../../img/ml/cr_crtre_p02.jpg);
	background-repeat:no-repeat;
	background-position:0px 10px;
}

#mltreat_p02 h4 img{
	padding:0px 0px 5px 0px;
}

#mltreat_p03{
	height:inherit;
	padding:10px 10px 0px 70px;
	background-image:url(../../img/ml/cr_crtre_p03.jpg);
	background-repeat:no-repeat;
	background-position:0px 10px;
}

#mltreat_p03 h4 img{
	padding:0px 0px 5px 0px;
}

/* ↓パーツトリートメント画像説明箇所↓ */
#mltreat_ex_gazo{
	float:left;
	width:615px;
	padding:0px 15px 15px;
	background-color:#fff7d9;	
}

#mltreat_ex_gazo ul{
	width:608px;
	height:200px;
	background-image:url(../../img/ml_treat/img_treat_ex_bg.jpg);
	background-repeat:no-repeat;
	border:2px #ffcc66 solid;
}

#mltreat_ex_gazo li h4{
	padding:10px;
}

.img_partex{
	float:left;
	padding-left:10px;
}

/* ↓使用方法↓ */
.use{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

.use h3{
	width:625px;
	border-bottom:1px #999999 dotted;
	font-weight:700;
	padding:0px 10px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;
	margin-bottom:10px;	
}
.use p{
	padding:0px 2px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;	
}

.use h5{
	padding:10px 0px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;
	clear:left;	
}


/* ↓パーツトリートメント　説明箇所↓ */
#mlcr_use{
	padding-top:10px;
}

#mlcr_use li{
	float:left;
	height:inherit;
	width:130px;
}

#mlcr_use li p{
	padding:5px 5px 5px 5px;
	width:120px;
}

.yohaku{
	margin-right:30px;
}

/* ↓成分表示↓ */
.seibun{
	clear:both;
	width:645px;
	height:inherit;
	padding-top:20px;
}

.seibun h3{
	font-weight:700;
	padding:10px 10px 0px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;
	background-color:#f3f3f3;	
}
.seibun p{
	padding:2px 10px 5px 10px;
	font-size:12px;
	color: #333333;
	line-height:150%;
	background-color:#f3f3f3;	
}

/* ↓購入ボタン↓ */
.btn_tobuy{
	margin:20px 0px 20px;
	width:237px;
	height:40px;
	clear:both;
	float:right;
}

.btn_tobuy a{
	width:237px;
	height:40px;
	float:right;
	text-indent:-9999px;
	background-image:url(../../img/wl/btn_shopping.jpg);
	background-repeat:no-repeat;
	display:block;
}

.btn_tobuy a:hover{
	background-image:url(../../img/wl/btn_shopping.jpg);
	background-repeat:no-repeat;
}