@charset "UTF-8";

/* =====================================================================
*
*	JPN/ CONTENTS
*
*
*		01. Common Style
*				1-1. Section
*				1-2. Pagetop
*
*		02. Brand Story
*
*		03. Feature
*
*		04. Media
*
*		05. Shop List
*
*		06. Company
*
*		07. Point System
*
*		08. 2nd Anniversary
*
*		09. New Cream
*
*		10. New Mask
*
* =================================================================== */


/* =====================================================================
*
*    1. Common Style
*
* =================================================================== */

/* ---------------------------------
*    1-1. Section
*/
.section {
		clear:both;
		margin:0 10px 50px;
}

.section:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.section　{
		zoom:1;
} /* IE */


		/* ---------------------------------
		*    大見出し /ムラサキのタイトル画像
		*/
		.section h3 {
				margin-bottom:25px;
		}

		/* ---------------------------------
		*    小見出し /下線付のタイトルテキスト
		*/
		.section_title{
				clear: both;
				border-bottom:1px dotted #ccbbee;
				padding:0 0 4px;
				margin:0 0 20px 10px;
		}
		
				.section_title h4 {
						border-left:3px solid #ccbbee;
						padding-left:7px;
						font-size:108%; /*14px*/
				}
		
		.section .section_txt {
				margin:0 0 0 20px;
		}
		
		/* ---------------------------------
		*    段落
		*/
		.section .section_txt p{
						margin:0 0 15px;
				}



/* ---------------------------------
*   インデントを付けてリスト作成
*/
.list_box{
		margin:10px 25px;
}

/* ---------------------------------
*   注釈
*/
.note{
		font-size: 10px;
}

/* ---------------------------------
*   一字下げる
*/
.indent_txt:first-letter{
		margin-left:1em;
}

/* ---------------------------------
*   注意事項等
*/
.attention_txt{
		color:#770044;
}

/* ---------------------------------
*   重要テキスト
*/
.important_txt{
		color:#442288;
		font-weight: bold;
}


/* ---------------------------------
*    1-2. Pagetop
*/
.pagetop{
		clear:both;
		width:850px;
		height:13px;
}

.pagetop:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.pagetop {
		zoom:1;
} /* IE */

		.pagetop p{
			width:830px;
			margin:0 10px;
			padding:0 0 5px;
		}
		.pagetop a{
				float:right;
				width:50px;
				height:8px;
				background: url(../images/common/pagetop_on.gif) no-repeat top left;
				display:block;
		}
				.pagetop a:hover		{ background-color: transparent; }
				.pagetop a:hover img	{ visibility:hidden; }



/* =====================================================================
*
*    2. Brand Story
*
* =================================================================== */
#brand_story{
		background: url(../images/contents/brand/txt_bg.jpg) no-repeat right bottom;
		padding:0 0 20px;
}

		#brand_story p{
				margin-left:10px;
		}

		#brand_story .double_space{
				margin-bottom:35px;
		}
		
		#brand_story .triple_space{
				margin-bottom:55px;
		}




/* =====================================================================
*
*    3. Feature
*
* =================================================================== */

/* ---------------------------------
*    EGFの説明
*/
.section #egf_box{
		clear: both;
		width:830px;
}

.section #egf_box:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.section #egf_box {
		zoom:1;
} /* IE */


.section #egf_box .section_txt {
		float:left;
		width:533px;
		margin:0;
		padding:0;
} 
.section #egf_box .section_txt #egf_txt {
		padding:0 0 0 20px;
}

.section #p_graph{
		float:right;
		width:277px;
}


/* ---------------------------------
*    ターンオーバーとは
*/
#word_meaning{
		clear:both;
		border:1px solid #afafdd;
		margin:0 20px;
		padding:10px;
}
		#word_meaning .word_meaning_title h4{
				border-bottom:1px dotted #afafdd;
				margin:0 0 10px;
				padding:0 0 3px;
				font-size:100%;
				color:#7171aa;
		}
		#word_meaning .word_meaning_txt{
				background:url(../images/contents/feature/p_layers.jpg) no-repeat right bottom;
		}
		#word_meaning .word_meaning_txt p{
				margin:10px 220px 0 0;
		}


/* ---------------------------------
*    和漢植物について
*/
.section .section_txt #wakan_list{
		margin:40px 0 50px;
}
				
.section .section_txt #wakan_list:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

.section .section_txt #wakan_list {
		zoom:1;
} /* IE */

				.section .section_txt #wakan_list ul{
						width:810px;
						list-style:none;
				}
				
				.section .section_txt #wakan_list li{
						float:left;
						width:405px;
						height:100px;
						list-style:none inside;
						margin:0 0 30px;
						display:block;
				}

						.section .section_txt #wakan_list li .wakan_pict{
								float:left;
								width:115px;
								height:100px;
						}
						
						.section .section_txt #wakan_list li .wakan_txt{
								float:left;
								width:273px;
								line-height: 1.2em;
								letter-spacing: 0.02em;
						}

								.section .section_txt #wakan_list li .wakan_txt p{
										padding:10px 0 0 10px;
										margin:0 10px 0 2px;
								}




/* =====================================================================
*
*    4. Media
*
* =================================================================== */

#media_title {
	width: 830px;
	margin-bottom: 25px;
}

#media_title:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

#media_title {
		zoom:1;
} /* IE */

#media_title h3 {
	float: left;
	width: 570px;
}

#media_title .banner_interview {
	float: right;
	width: 260px;
	display: block;
}



ul#magazine_list {
	clear: both;
	width: 790px;
	list-style: none inside;
}

		ul#magazine_list li {
			width: 790px;
			border-bottom: 1px dotted #ccc;
			margin-bottom: 15px;
			padding-bottom: 10px;
		}
		
		ul#magazine_list li:after {
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
		}
		
		ul#magazine_list li {
				zoom:1;
		} /* IE */
		
				ul#magazine_list li img.cover {
					float: left;
					width: 95px;
				}
				
				ul#magazine_list li .magazine_cont {
					float: right;
					width: 680px;
				}
		
				ul#magazine_list li p.title {
					color: #3c3c88;
					font-weight: bold;
					margin-bottom: 10px;
					padding: 0;
				}
				
				
				
				
/* =====================================================================
*
*    5. Shop List
*
* =================================================================== */

.shop_note {
	font-size: 11px;
	margin-left: 20px;
	margin-bottom: 10px;
	display: block;
}
	
/* ---------------------------------
*    地域ごとの都市リスト
*/	
#area_list {
	width: 790px;
	min-height: 205px;
	height: auto !important;
	height: 205px;
	background: #f6f5fb url(../images/contents/shoplist/bg_list.jpg) no-repeat right center;
	margin-bottom: 80px;
}

#area_list:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

#area_list {
		zoom:1;
} /* IE */


		#area_list dl {
			clear: both;
			width: 760px;
			border-bottom: 1px dashed #666;
			margin: 0 15px;
			padding-bottom: 5px;
			padding-top: 15px;
		}
		
		#area_list dl:after {
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
		}
		
		#area_list dl {
				zoom:1;
		} /* IE */
		
				#area_list dl dt {
					float: left;
					clear: left;
					width: 160px;
					background: url(../images/contents/shoplist/head_arealist.gif) no-repeat left center;
					color: #3c3c88;
					font-size: 108%;
					font-weight: bold;
				}
				
				#area_list dl dt span {
					padding-left: 10px;
				}
		
				#area_list dl dd {
					float: left;
					width: 65px;
				}
		
						#area_list dl dd a {
							color: #666;
							background: url(../images/contents/shoplist/arrow_citylist.gif) no-repeat left center;
							padding-left: 10px;
							text-decoration: none;
						}
						
						#area_list dl dd a:hover { text-decoration: underline; }
						
/* ---------------------------------
*    地域ごとの店舗リスト
*/							
.area_box {
	width: 790px;
	margin-bottom: 50px;
}
		
		.area_box .area_title {
			height: 31px;
			background: url(../images/contents/shoplist/head_areatitle.gif) no-repeat left center;
			color: #3c3c88;
			font-size: 108%;
			font-weight: bold;
			line-height: 31px;
			margin-bottom: 15px;
			padding-left: 15px;
		}

		.area_box dl {
			margin-bottom: 5px;
		}
		
		.area_box dl .shop_box {
			border-bottom: 1px dotted #ccc;
			margin-bottom: 5px;
			padding-bottom: 5px;
		}
		
		.area_box dl .shop_box .shop_detail {
			clear: both;
			background: url(../images/contents/shoplist/bg_shoplist.gif) repeat-y left top;
		}
		
		.area_box dl .shop_box .shop_detail:after {
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
		}
		
		.area_box dl .shop_box .shop_detail {
				zoom:1;
		} /* IE */
		

				.area_box dl .shop_box .shop_detail dt {
					float: left;
					clear: left;
					width: 260px;
				}
				
						.area_box dl .shop_box .shop_detail dt span {
							padding: 10px;
							display: block;
						}

				.area_box dl .shop_box .shop_detail dd {
					float: right;
					width: 515px;
					padding: 10px 0;
				}

				.area_box dl .shop_box .shop_detail dd a {
					background:url(../images/contents/shoplist/link_blank.gif) no-repeat right center;
					padding-right: 13px;
				}

/* ---------------------------------
*    PageTiop
*/	
.return_list {
	clear: both;
	width: 790px;
	height: 8px;
}
		
		.return_list a {
			width: 50px;
			height: 8px;
			float: right;
			display: block;
			overflow: hidden;
		}
		
		.return_list a:hover		{ background: transparent url(../images/common/pagetop_on.gif) no-repeat; }
		.return_list a:hover img	{ visibility: hidden; }	


/* =====================================================================
*
*    6. Company
*
* =================================================================== */
#company_profile{
		width:800px;
		font-size:93%; /*12px*/
}
		#company_profile th{
				width:150px;
				border-bottom:1px dotted #ccc;
				padding:15px 0 3px;
		}
		#company_profile td{
				border-bottom:1px dotted #ccc;
				padding:15px 0 3px;
		}
		

#access{
		width:800px;
		margin:20px 0 0;
}

		#access:after {
				content:".";
				display:block;
				height:0;
				clear:both;
				visibility:hidden;
		}
		
		#access {
				zoom:1;
		} /* IE */

#title_access{
		font-weight:bold;
}

#access_txt{
		float:left;
		width:275px;
}

#access_map{
		float:right;
		width:515px;
}


/* =====================================================================
*
*    7. Campaign
*
* =================================================================== */

ul.campaign_banner {
	background: #eee;
	margin: 0 10px;
	padding: 10px 5px 5px 10px;
}
ul.campaign_banner:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.campaign_banner { zoom:1; } /* IE */

ul.campaign_banner,
ul.campaign_banner li {
	list-style: none inside;
}
ul.campaign_banner li {
	float: left;
	width: 260px;
	margin-right: 5px;
	margin-bottom: 5px;
}



/* =====================================================================
*
*    7-1. Point System
*
* =================================================================== */

/* ---------------------------------
*    説明
*/
.explanation {
	margin: 0 10px 0;
}

		.explanation p {
			margin: 0 0 15px;
		}


#point_use {
	padding: 0 20px;
}
		
				#point_use dt {
					background: url(../images/contents/point/i_point.gif) no-repeat left center;
					font-weight: bold;
					padding-left: 25px;
					display: block;
				}
				
				#point_use dd {
					border-bottom: 1px dotted #ccc;
					padding-bottom: 10px;
					margin-bottom: 15px;
					letter-spacing: 0.01em;
				}
				
				#point_use dl dd.point_save {
					width: 790px;
					position: relative;
				}
				
						#point_use dl dd ul {
							margin-left: 1.4em;
						}
						
						.example {
							font-size: 12px;
						}
			
						/* ---------------------------------
						*    新規会員登録ボタン
						*/	
						#point_use dl dd .btn_entry {
							width: 260px;
							position: absolute;
							left: 530px;
							top: 0;
						}

/* ---------------------------------
*    注意事項
*/
#shop_link {
	padding:0 10px;
	letter-spacing: 0.01em;
}
#shop_link:after {
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
}

#shop_link　{
		zoom:1;
} /* IE */

		#shop_link dl {
			float: left;
			width: 465px;
		}

				#shop_link dl dt {
				}
		
				#shop_link dl dd {
					display: list-item;
					list-style: disc;
					margin-left: 1.4em;
				}



.btn_onlineshop {
	float: right;
	width: 325px;
	padding-top: 20px;
}




/* =====================================================================
*
*    7-2. 2nd Anniversary
*
* =================================================================== */

#anniversary_box {
	clear: both;
	background: url('../images/contents/campaign/2nd/bg_mdl.jpg') repeat-y;
	margin: 0 25px 50px;
}

#anniversary_cont {
	background: url('../images/contents/campaign/2nd/bg_top.jpg') no-repeat top;
}

#present_cont {
	background: url('../images/contents/campaign/2nd/bg_btm.jpg') no-repeat bottom;
	padding-bottom: 65px;
}

.head_box {
	width: 800px;
	height: 200px;
	background: url('../images/contents/campaign/2nd/head.jpg') no-repeat top center;
	/*margin-bottom: 20px;*/
	text-align: center;
}

.head_box p {
	width: 523px;
	color: #cc0000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
}

#present_box {
	width: 690px;
	background: url('../images/contents/campaign/2nd/present_bg.jpg') repeat-y center;
	margin: 0 55px 40px;
	padding: 0;
}
#present_box04 {
	width: 690px;
	background: url('../images/contents/campaign/2nd/present_bg.jpg') repeat-y center;
	margin: 0 55px 40px;
	padding: 0;
}
#present_box04 p {
	background: url('../images/contents/campaign/2nd/present04_pht.jpg') no-repeat bottom;
	padding: 10px 215px 45px 20px;
	letter-spacing: normal;
}

#present_box p {
	padding: 10px 0 0;
	margin: 0 20px 10px;
	letter-spacing: normal;
}

.point_words {
	font-size: 14px;
	font-weight: bold;
}

#bottom_box {
	background: url('../images/contents/campaign/2nd/bg_banner.png');
	margin: 0 60px;
	padding: 10px;
	_padding-bottom: 15px;
	* background: #ffcfca;
	* filter: alpha(opacity=80);
	position: relative;
}

#bottom_box:after { content:"."; display:block; height:0; clear:both; visibility:hidden;
}			
#bottom_box { zoom:1;
} /* IE */

#bottom_box p {
	float: left;
	width: 325px;
	font-size: 12px;
	_color: #333;
}

#bottom_box a {
	float: right;
	width: 326px;
	height: 84px;
	position: absolute;
	top: -15px;
	_top: 0;
	right: 10px;
	display: block;
}


/* =====================================================================
*
*    7-3. New Cream
*
* =================================================================== */

#new_cream_box {
	clear: both;
	background: #fcf7f0;
	border: 5px #dcc7bb solid;
	margin: 0 20px 40px;
	color: #998877;
}

.main_title{
	margin-bottom: 65px;
}

.sub_title {
	background: url('../images/contents/campaign/new_cream/line_subtitle.jpg') no-repeat bottom;
	padding-bottom: 15px;
	margin: 0 18px 35px;
}
.sub_title span {
	font-size: 14px;
	margin-right: 10px;
}

.typeO_box,
.typeN_box,
.typeD_box {
	clear: both;
	margin: 0 18px;
}
.typeO_box .title {
	background: url('../images/contents/campaign/new_cream/no01.gif') no-repeat left top;
	padding: 11px 0 11px 45px;
	display: block;
}
.typeN_box .title {
	background: url('../images/contents/campaign/new_cream/no02.gif') no-repeat left top;
	padding: 11px 0 11px 45px;
	display: block;
}
.typeD_box .title {
	background: url('../images/contents/campaign/new_cream/no03.gif') no-repeat left top;
	padding: 11px 0 11px 45px;
	display: block;
}


.detail_box {
	clear: both;
	width: 760px;
	margin: 0 18px 40px;
}
.detail_box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.detail_box {
	zoom:1;
} /* IE */

.product_name {
	color: #9f5f46;
	font-size: 14px;
	font-weight: bold;
}
.catch_txt {
	color: #9f5f46;
	font-size: 13px;
	display: block;
	margin-bottom: 15px;
}

.pht_box {
	float: left;
	width: 270px;
	text-align: center;
	padding-top: 10px;
}
.introduction_txt {
	float: right;
	width: 475px;
}
.introduction_txt p {
	background: url('../images/contents/campaign/new_cream/txt_line.gif');
	line-height: 25px;
	font-size: 12px;
	margin-bottom: 10px;
}

.btn_box {
	display: block;
	text-align: right;
}


/* =====================================================================
*
*    7-4. New Mask
*
* =================================================================== */


#mask_container {
	clear: both;
	background: #f5fdff;
	margin: 0 20px 40px;
	padding: 0 0 30px;
}

.mask_product_box {
	background: url('../images/contents/campaign/facial_lift_mask/bg_mask.jpg') no-repeat top left;
	margin-bottom: 15px;
	padding: 10px 10px 0 30px;
	position: relative;
}
.mask_product_box:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.mask_product_box {
		zoom:1;
} /* IE */

.product_box {
	float: left;
	width: 365px;
	margin-right: 20px;
	padding-top: 30px;
	text-align: center;
}

.product_box img.btn_buy {
	background: url('../images/contents/campaign/facial_lift_mask/bg_btn.jpg') no-repeat bottom;
	padding-bottom: 30px;
}

.btn_present {
	width: 100px;
	height: 90px;
	display: block;
	position: absolute;
	top: 0;
	right: 20px;
}

.how-to_box {
	background: #eee;
	margin: 0 30px 50px;
	padding: 10px;
}

.how-to_title {
	display: block;
	margin-bottom: 10px;
	padding-left: 5px;
}

.how-to_box .how-to_txt {
	background: #fff url('../images/contents/campaign/facial_lift_mask/bg_howto.jpg') no-repeat right top;
	padding: 10px;
}

.how-to_box .how-to_txt ol {
	list-style: decimal outside;
	font: normal 15px "ＭＳ 明朝", serif; 
	font-weight: bold;
	margin-left: 1.5em;
	padding: 10px 0;
}
.how-to_box .how-to_txt ol span {
	font: normal 13px "ＭＳ Ｐゴシック","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,verdana,arial,clean,sans-serif;
}

/*
.present_container {
	background: url('../images/contents/campaign/facial_lift_mask/bg_present_mdl.jpg') repeat-y;
	margin: 0 30px;
}

.present_title {
	display: block;
	background: url('../images/contents/campaign/facial_lift_mask/bg_present_top.jpg') no-repeat left top;
	padding: 55px 0 0 40px;
}
.present_title p {
	display: block;
	padding: 20px 0;
	font-size: 12px;
}
.present_name {
	color: #e77c66;
	font-weight: bold;
}

.target_list {
	background: url('../images/contents/campaign/facial_lift_mask/bg_present_btm.jpg') no-repeat left bottom;
	padding-bottom: 20px;
}
.target_list:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.target_list {
		zoom:1;
}

.target_list ul {
	background: #fff;
	border: 1px solid #f6b6a8;
	margin: 0 39px;
	padding: 10px 0 10px 10px;
	list-style: none inside;
}
.target_list ul:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.target_list ul {
		zoom:1;
}

.target_list ul li {
	float: left;
	width: 155px;
	margin-right: 10px;
}
*/


/* =====================================================================
*
*    7-5. BB Cream
*
* =================================================================== */

#bbcream {
	clear: both;
	margin: 0 20px 60px;
}
#bbcream .main_image {
	margin-bottom: 60px;
}

#bbcream p.subtitle {
	clear: both;
	margin-bottom: 15px;
}

#bbcream div.product_list {
	width: 810px;
	margin-bottom: 60px;
}
#bbcream div.product_list:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#bbcream div.product_list { zoom:1; } /* IE */
#bbcream div.product_list div.product_box {
	float: left;
	width: 180px;
	margin: 0 30px 0 0;
	padding: 0;
	text-align: center;
}
#bbcream div.product_list div.last {
	margin: 0;
}

#bbcream div.product_list span.bb_name {
	color: #833d88;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	display: block;
}

#bbcream div.product_list div.product_box dl {
	font-size: 11px;
	text-align: left;
	line-height: 1.2em;
	margin-bottom: 10px;
	zoom: 1;
}
#bbcream div.product_list div.product_box dl:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#bbcream div.product_list div.product_box dl dt {
  	clear: left;
  	float: left;
	width: 50px;
	font-weight: bold;
}
#bbcream .product_list .product_box dl dd {
  	float: left;
	width: 130px;
	font-size: 12px;
	margin-bottom: 5px;
}
#bbcream .product_list .product_box span.btn_shop {
	clear: both;
	background: #eee;
	padding: 5px;
	display:block;
}

#bbcream div.mini_size {
	width: 810px;
}
#bbcream div.mini_size:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#bbcream div.mini_size { zoom:1; } /* IE */
#bbcream div.mini_size div.txt {
	float: right;
	width: 520px;
}
#bbcream div.mini_size div.pht {
	float: left;
	width: 279px;
}
#bbcream div.mini_size div.txt p {
	margin-bottom: 30px;
}
#bbcream div.mini_size div.txt dl {
	clear: both;
	border-bottom: 1px dotted #ccc;
	position: relative;
	margin-bottom: 10px;
}
#bbcream div.mini_size div.txt dl dt {
	color: #833d88;
	font-weight: bold;
	display: block;
}
#bbcream div.mini_size div.txt dl dd.detail {
	font-size: 11px;
	*font-size: 10px;
	display: block;
}
#bbcream div.mini_size div.txt dl dd.btn {
	width: 170px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}

#present_campaign {
	clear: both;
	width: 810px;
	background: url('../images/contents/campaign/bbcream/box_mdl.gif') repeat-y top left;
	margin-bottom: 30px;
}
#present_campaign div.present_info {
	background: url('../images/contents/campaign/bbcream/box_btm.gif') no-repeat bottom;
	padding-bottom: 10px;
}
#present_campaign div.present_info:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#present_campaign div.present_info { zoom:1; } /* IE */
#present_campaign div.present_info div.present_txt {
	float: left;
	width: 555px;
}
#present_campaign div.present_info div.present_txt p {
	margin-left: 40px;
	margin-bottom: 10px;
}
#present_campaign div.present_info div.present_txt p.title {
	margin-left: 0;
}
#present_campaign div.present_info div.present_txt span {
	color: #e77c66;
	font-weight: bold;
}
#present_campaign div.present_info div.present_txt span.note {
	color: #666;
	font-weight: normal;
}
#present_campaign div.present_info div.present_pht {
	float: right;
	width: 255px;
	margin-top: -16px;
	text-align: center;
}





/* =====================================================================
*
*    7-5. Hair Care
*
* =================================================================== */

#haircare {
	clear: both;
	width: 810px;
	margin: 0 auto 60px;
}
#haircare span.title_image {
	display: block;
	margin-bottom: 10px;
}
#haircare .haircare_products_list {
	background: #7068ab;
	border: 1px solid #534c86;
	padding: 29px;
}

#haircare .haircare_products_list ul {
	list-style-type: none;
	zoom: 1;
}
#haircare .haircare_products_list ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#haircare .haircare_products_list ul li {
	float: left;
	width: 240px;
	background: #f1f0f7;
	margin-right: 15px;
	padding: 0 0 10px;
}
#haircare .haircare_products_list ul li.last_box {
	margin-right: 0;
}
#haircare .haircare_products_list ul li p {
	padding: 10px 10px 5px;
}
#haircare .haircare_products_list ul li span {
	color: #dd8800;
	font-weight: bold;
	padding: 0 10px 27px;
	display: block;
}
#haircare .haircare_products_list ul li.last_box span {
	padding: 0 10px 10px;
}

#haircare .haircare_products_list ul li a {
	width: 220px;
	height: 45px;
	margin: 0 10px;
	display: block;
}
#haircare .haircare_products_list ul li a:hover		{ background: transparent url('../images/contents/campaign/hair_care/btn_on.jpg') no-repeat; }
#haircare .haircare_products_list ul li a:hover img	{ visibility: hidden; }