@charset "utf-8";

/*** ANGFA  CSS Document ***************************************

	ver.2009/06/23

	products.css

----------------------------------------------------------------***/

/**  products.css Menu ***************************************

	1.index.html
		1-1.商品紹介
		1-2.ポイント説明
	2.shampoo.html,treatment.html
		2-1.商品紹介
		2-2.商品説明
		2-3.お客様の声
		2-4.内容成分
		2-5.クリニックご紹介
		
	3.element.html
	
*******************************************************************/

/*-----------------------------------------------------------------

	1.index.html

-------------------------------------------------------------------*/


body#productsTop{
	color: #333;
}

body#productsTop div#mainContetns h2{
	line-height: 0;
}

body#productsTop div#mainContetns h2{
	clear: both;
	margin-bottom: 9px;
}

body#productsTop div#mainContetns h2.key{
	margin-bottom: 39px;
}

body#productsTop div#mainContetns h2.key2{
	margin-bottom: 15px;
}


/*-------------------------------------------------------- 1.商品紹介*/

div#mainContetns div.productsArea{
	width: 100%;
	margin-bottom: 28px;
	background-image: url(../products/img/bg_products_index01.gif);
	background-repeat: repeat-y;
}

div#mainContetns div.productsArea div.column2A{
	width: 315px;
}

div#mainContetns div.productsArea div.photoArea{
	float: left;
	width: 100px;
}

div#mainContetns div.productsArea div.textArea{
	margin-left: 108px;
	width: 199px;
}

/* For IE6\*/

* html div#mainContetns div.productsArea div.textArea{
	margin-left: 100px;
}

/**/

div#mainContetns div.productsArea div.textArea h3{
	color: #e33460;
	font-size: 140%;
}

div#mainContetns div.productsArea div.textArea dl{
	padding-bottom: 12px;
}

div#mainContetns div.productsArea div.textArea dl dt{
	color: #e33460;
	font-size: 100%;
}

div#mainContetns div.productsArea div.textArea dl dd{
	font-size: 100%;
}

div#mainContetns div.productsArea div.textArea ul.links{
	margin-bottom: 9px;
	padding-left: 17px;
	background-image: url(../img/mark_links01.gif);
}


div#mainContetns div.productsArea div.photoArea p{
	line-height: 0;
}

div#mainContetns p.lead{
	clear: both;
	margin-bottom: 26px;
}

/*------------------------------------------------------- 2.ポイント説明*/

body#productsTop div#mainContetns div.column2AE,
body#productsTop div#mainContetns div.column2BE{
	float: left;
	padding-bottom: 30px;
}

body#productsTop div#mainContetns div.column2AE{
	width:310px;
	margin-right: 17px;
}

body#productsTop div#mainContetns div.column2BE{
	width: 303px;
}

body#productsTop div#mainContetns div.locator div.column2A,
body#productsTop div#mainContetns div.locator div.column2B{
	margin-bottom: 30px;
}

body#productsTop div#mainContetns div.locator div.column2A{
	width: 490px;
	margin-right: 18px;
}

body#productsTop div#mainContetns div.locator div.column2B{
	width: 120px;
}

body#productsTop div#mainContetns div.locator div.last{
	margin-bottom: 0px;
}

/*-----------------------------------------------------------------

	2.shampoo.html,treatment.html

-------------------------------------------------------------------*/

/*-------------------------------------------------------- 1.商品紹介*/


div#mainContetns div.shoppingArea{
	width: 100%;
	margin-bottom: 29px;
}


div#mainContetns div.shoppingArea div.photoArea{
	float: left;
	width: 300px;
}

div#mainContetns div.shoppingArea div.textArea{
	margin-left: 307px;
	width: 323px;
}

/*For IE6 \*/

* html div#mainContetns div.shoppingArea div.textArea{
	margin-left: 302px;
}
 

/**/

div#mainContetns div.shoppingArea div.textArea h3{
	color: #e33460;
	font-size: 160%;
}

div#mainContetns div.shoppingArea div.textArea dl{
	padding-bottom: 10px;
}

div#mainContetns div.shoppingArea div.textArea dl dt{
	color: #e33460;
}


div#mainContetns div.shoppingArea div.textArea p.btn{
	margin-bottom: 12px;
}

div#mainContetns div.shoppingArea div.textArea h4{
	line-height: 0;
	margin-bottom: 13px;
}

div#mainContetns div.shoppingArea ul.links{
margin-bottom:17px;
}

/*-------------------------------------------------------- 2.商品説明*/

div#mainContetns div.itemArea div.photoArea02,
div#mainContetns div.itemArea div.photoArea03,
div#mainContetns div.itemArea div.txtArea01{
	float: left;
}

div#mainContetns div.itemArea div.photoArea01,
div#mainContetns div.itemArea div.photoArea02{
	width: 250px;
	padding-bottom: 30px;
}

div#mainContetns div.itemArea div.txtArea01,
div#mainContetns div.itemArea div.txtArea02{
	width: 360px;
	padding-bottom: 10px;
}

div#mainContetns div.itemArea div.photoArea01{
	margin-left: 380px;
}

div#mainContetns div.itemArea div.txtArea02{
	margin-left: 270px;
}

div#mainContetns div.itemArea div.photoArea03{
	width: 238px;
	padding-bottom: 30px;
}

div#mainContetns div.itemArea div.txtArea03{
	width: 372px;
	margin-left: 255px;
}


/*For IE6 \*/

* html div#mainContetns div.itemArea div.photoArea01{
	margin-left: 365px;
}

* html div#mainContetns div.itemArea div.txtArea02{
	margin-left: 255px;
}


* html div#mainContetns div.itemArea div.txtArea03{
	margin-left: 238px;
}

/**/

div#mainContetns div.itemArea div.txtArea01 p,
div#mainContetns div.itemArea div.txtArea02 p,
div#mainContetns div.itemArea div.txtArea03 p{
	margin-bottom: 20px;
}


/*-------------------------------------------------------- 3.お客様の声*/

div#mainContetns div.voiceArea{
	width: 100%;
	padding: 15px 0px;
	margin-bottom: 30px;
	background-image: url(../products/img/bg_products01.gif);
	text-align: center;
}

div#mainContetns div.voiceArea div.inner{
	width: 600px;
	margin: 0px auto;
	text-align: left;
}

div#mainContetns div.voiceArea div.inner h3{
	line-height: 0;
	margin-bottom: 15px;
	border-bottom: 1px solid #ec4671;
}

div#mainContetns div.voiceArea div.inner p{
	margin-bottom: 14px;
	padding: 0px 0px 14px 32px;
	background-image: url(../products/img/icon_smile.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	border-bottom: 1px dashed #ec4671;
	color: #666666;
}

div#mainContetns div.voiceArea div.inner p.last{
	border-bottom: 0px;
	padding: 0px 0px 0px 32px;
	margin-bottom: 0px;
	background-image:none;
}


div#mainContetns div.voiceArea div.inner iframe{
	width: 100%;
	height: 162px;
}


/*-------------------------------------------------------- 4.内容成分*/

div#mainContetns div.itemArea02 h4.images{
	margin-bottom: 14px;
	line-height: 0;
}

div#mainContetns div.itemArea02 p{
	margin-bottom: 6px;
}

div#mainContetns div.itemArea02 p.lead{
	margin-bottom: 14px;
}

div#mainContetns div.itemArea02 ul.links{
	width: 105px;
	margin-left: 525px;
	margin-bottom: 25px;
}

/*-------------------------------------------------------- 5.クリニックご紹介*/

div#mainContetns div.itemArea02 div.photoArea{
	float: left;
	width: 240px;
}

div#mainContetns div.itemArea02 div.txtArea{
	width: 373px;
	margin-left: 255px;
}

/* For IE6 \*/

* html div#mainContetns div.itemArea02 div.txtArea{
	margin-left: 245px;
}

/**/

div#mainContetns div.itemArea02 div.txtArea p{
	margin-bottom: 7px;
}

div#mainContetns div.itemArea02 div.txtArea ul.links{
	width: 240px;
	margin-left: 0px;
	margin-bottom: 6px;
}

div#mainContetns div.itemArea02 div.txtArea ul.links li{
	padding-left: 17px;
	background-image: url(../common/img/mark_links01.gif);
}

div#mainContetns div.itemArea02 div.txtArea ul.links li a:link{
	text-decoration: none;
}

div#mainContetns div.itemArea02 div.txtArea ul.links li a:visited{
	text-decoration: none;
}

div#mainContetns div.itemArea02 div.txtArea ul.links li a:hover{
	text-decoration: underline;
}

div#mainContetns div.itemArea02 div.txtArea p.address{
	margin-bottom: 0px;
}

div#mainContetns div.itemArea02 div.txtArea span{
	color: #ec4671;
}


/*-----------------------------------------------------------------

	3.element.html

-------------------------------------------------------------------*/

div#mainContetns div.elementArea{
	clear: both;
	width: 100%;
	padding: 0px 0px 2px 0px;
	margin-bottom: 30px;
	background-image: url(../products/img/bg_elements01.gif);
	background-repeat: repeat-y;
}

div#mainContetns div.bgNone{
	background-image: none;
}

div#mainContetns div.elementArea div.column2A{
	width: 315px;
}

div#mainContetns div.elementArea div.photoArea01,
div#mainContetns div.elementArea div.photoArea02{
	float: left;
	width: 101px;
}

div#mainContetns div.elementArea div.photoArea02{
	margin-left: 10px;
}

div#mainContetns div.elementArea div.txtArea01{
	width: 194px;
	margin-left: 111px;
}


div#mainContetns div.elementArea div.txtArea02{
	width: 184px;
	margin-left: 121px;
}

/* For IE6 \*/

* html div#mainContetns div.elementArea div.txtArea01{
	margin-left: 106px;
}

* html div#mainContetns div.elementArea div.txtArea02{
	margin-left: 126px;
}



/**/
	

div#mainContetns div.elementArea h4{
	font-size: 140%;
	margin-bottom: 5px;
}


/*---------------------------------------------------------------------------- clearfix**/

div#mainContetns div.productsArea:after,
div#mainContetns div.voiceArea:after,
div#mainContetns div.shoppingArea:after,
div#mainContetns div.elementArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#mainContetns div.productsArea,
div#mainContetns div.voiceArea,
div#mainContetns div.shoppingArea,
div#mainContetns div.elementArea{ display:inline-block; }

/*\*/
* html div#mainContetns div.productsArea,
* html div#mainContetns div.voiceArea,
* html div#mainContetns div.shoppingArea,
* html div#mainContetns div.elementArea{ height:1%; }

div#mainContetns div.productsArea,
div#mainContetns div.voiceArea,
div#mainContetns div.shoppingArea,
div#mainContetns div.elementArea{ display:block; }
/**/