@charset "utf-8";

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

	ver.2009/06/23

	hearcare.css

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

/** hearcare.css Menu ***************************************

	1.index.html
		1-1.ページ内ナビ
		1-2.コンテンツ
		1-3.頭皮の保温
		1-4.ページトップへのリンク
		
	2.howto.html
		2-1.髪の成長に大切なこと
		2-2.コンテンツパターン1
		2-3.コンテンツパターン2
		2-4.正しいシャンプーの仕方
		
	3.news.html
	4.faq.html
		4-1.ドクター写真
		4-2.ページ内ナビ
		4-3.Q&A
	
*******************************************************************/


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

	1.index.html

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

/*-------------------------------------------------------- 1.ページ内ナビ*/

div#mainContetns div.pageNavi{
	margin-top: 0px;
	margin-bottom: 40px;
}

div#mainContetns div.pageNavi ul.links li{
	font-size: 140%;
	background-position: 0px 6px;
	line-height: 1.5;
}


/*------------------------------------------------------- 2.コンテンツ*/

#index div#mainContetns p{
	margin-bottom: 19px;
}

#index div#mainContetns p.last{
	margin-bottom: 17px;
}

#index div#mainContetns p.m0{
	margin-bottom: 0px;
}

#index div#mainContetns h4{
	font-size: 140%;
	margin-bottom: 17px;
}

div#mainContetns ul.items{
	margin-top: 6px;
	margin-bottom: 23px;
}

div#mainContetns ul.items li{
	padding-left: 16px;
	background-image: url(../common/img/mark_items01.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

div#mainContetns ol span{
	color: #ec4671;
	font-weight: bold;
}

#index div#mainContetns div.column2AEx{
	float: left;
	width: 350px;
	margin-right: 20px;
}

#index div#mainContetns div.column2BEx{
	float: left;
	width: 256px;
}


/*------------------------------------------------------- 3.頭皮の保温*/

#index div#mainContetns div.commodityArea h4{
	color: #ec4671;
	font-size: 140%;
	margin-bottom: 5px;
}

#index div#mainContetns div.commodityArea div.txtArea p{
	margin-bottom: 10px;
}

#index div#mainContetns div.commodityArea div.photoArea p.images{
	margin-bottom: 0px;
}

/* for IE6  IE7\*/

* html #index div#mainContetns div.commodityArea div.photoArea p.images{
	margin-bottom: 1px;
}


*:first-child+html #index div#mainContetns div.commodityArea div.photoArea p.images{
	margin-bottom: 1px;
}

/**/



div#mainContetns div.imgLinks{
	clear: both;
}

div#mainContetns div.imgLinks div.column4A,
div#mainContetns div.imgLinks div.column4B,
div#mainContetns div.imgLinks div.column4C,
div#mainContetns div.imgLinks div.column4D{
	width: 150px;
}

div#mainContetns div.imgLinks div.column4A,
div#mainContetns div.imgLinks div.column4B,
div#mainContetns div.imgLinks div.column4C{
	margin-right: 10px;
}

#index div#mainContetns div.imgLinks div.column4A p.images,
#index div#mainContetns div.imgLinks div.column4B p.images,
#index div#mainContetns div.imgLinks div.column4C p.images,
#index div#mainContetns div.imgLinks div.column4D p.images{
	margin-bottom: 5px;
}

div#mainContetns div.imgLinks div.column4A	ul.links{
	margin-left: 9px;
}

div#mainContetns div.imgLinks div.column4B	ul.links{
	margin-left: 4px;
}

div#mainContetns div.imgLinks div.column4C	ul.links{
	margin-left: 23px;
}

div#mainContetns div.imgLinks div.column4D	ul.links{
	margin-left: 35px;
}


/*------------------------------------------------------- 4.ページトップへのリンク*/

div#mainContetns div.goTop{
	clear: both;
	width: 100%;
	text-align: right;
}

div#mainContetns div.goTop p{
	padding-right: 5px;
	line-height: 0;
}



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

	2.howto.html

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

/*-------------------------------------------------------- 1.髪の成長に大切なこと*/

div#mainContetns div.hearcaerPoint{
	width: 590px;
	margin-bottom: 37px;
	padding: 20px 20px 17px 20px;
	background-color: #fdeef2;
}

div#mainContetns div.hearcaerPoint div.photoArea{
	float: left;
	width: 142px;
	padding-bottom: 18px;
}

div#mainContetns div.hearcaerPoint div.txtArea{
	width: 435px;
	margin-left: 154px;
	padding-bottom: 12px;
}

/* \*/
* html div#mainContetns div.hearcaerPoint div.txtArea{
	margin-left: 147px;
}

/**/

div#mainContetns div.hearcaerPoint div.txtArea h3,
div#mainContetns div.hearcaerPoint div.txtArea ol li{
	line-height: 0;
	margin-bottom: 6px;
}

div#mainContetns div.hearcaerPoint p.text{
	clear: both;
}



/*-------------------------------------------------------- 2.コンテンツパターン1*/

div#mainContetns div.howToCt01{
	clear: both;
	width: 100%;
}


div#mainContetns div.howToCt01 div.column2A{
	width: 406px;
}

div#mainContetns div.howToCt01 div.column2B{
	width: 209px;
}

div#mainContetns div.howToCt01 div.column2AEx{
	width: 379px;
}

div#mainContetns div.howToCt01 div.column2BEx{
	width: 230px;
}

div#mainContetns div.howToCt01 div.column2AEx,
div#mainContetns div.howToCt01 div.column2BEx{
	float: left;
	padding-bottom: 48px;
}

div#mainContetns div.howToCt01 div.column2A,
div#mainContetns div.howToCt01 div.column2AEx{
	margin-right: 10px;
}

div#mainContetns div.howToCt01 div.column2A,
div#mainContetns div.howToCt01 div.column2B{
	padding-bottom: 34px;
}

/*-------------------------------------------------------- 3.コンテンツパターン2*/

div#mainContetns div.howToCt02{
	clear: both;
	width: 590px;
	margin-bottom: 50px;
	padding: 20px 20px 17px 20px;
	background-color: #fdeef2;
}

div#mainContetns div.howToct02Last{
	margin-bottom: 0px;
}


div#mainContetns div.howToCt02 div.txtArea{
	float: left;
	width: 435px;
}

div#mainContetns div.howToCt02 div.txtArea h3{
	line-height: 0;
	margin-bottom: 13px;
}

div#mainContetns div.howToCt02 div.photoArea{
	width: 143px;
	margin-left: 446px;
}

/* For IE6 \*/
* html div#mainContetns div.howToCt02 div.photoArea{
	margin-left: 440px;
}

/**/


/*-------------------------------------------------------- 4.正しいシャンプーの仕方*/

div#mainContetns div.howTo{
	margin-bottom: 19px;
}

div#mainContetns div.howtoLast{
	margin-bottom: 40px;
}

div#mainContetns div.howTo div.photoArea{
	float: left;
	width: 140px;
}

div#mainContetns div.howTo div.txtArea{
	width: 479px;
	margin-left: 150px;
}

/* For IE6 \*/

* html div#mainContetns div.howTo div.txtArea{
	margin-left: 145px;
}

/**/


div#mainContetns div.howTo div.txtArea h4{
	font-size: 120%;
}

div#mainContetns div.howTo div.txtArea p{
	margin-bottom: 12px;
}

div#mainContetns div.howTo div.txtArea div.pointArea{
	width: 449px;
	margin-top: 3px;
	padding: 5px 15px;
	background-color: #fdeef2;
}


div#mainContetns div.howTo div.txtArea div.pointArea dl dt{
	display: block;
	float: left;
	width: 62px;
}
	
div#mainContetns div.howTo div.txtArea div.pointArea dl dd{
	width: 380px;
	margin-left: 62px;
}

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

	3.news.html

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

div#mainContetns div.newsArea div.column2A{
	width: 400px;
	margin-right:20px;
}

div#mainContetns div.newsArea div.column2A p.lead{
	margin-bottom: 34px;
}

div#mainContetns div.newsArea div.column2A h3.images{
	margin-bottom: 13px;
}

div#mainContetns div.newsArea div.column2A select{
	margin-bottom: 9px;
}

div#mainContetns div.newsArea div.column2B{
	width: 210px;
}


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

	4.faq.html

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

/*--------------------------------------------------------　1.ドクター写真*/

div#mainContetns div.doctorPhoto{
	width: 100%;
	margin-bottom: 30px;
}

div#mainContetns div.doctorPhoto ul li{
	float: left;
	line-height: 0;
}

div#mainContetns div.doctorPhoto p.links{
	clear: both;
	width: 124px;
	margin-left: 490px;
	padding-left: 16px;
	background-image: url(../common/img/mark_links01.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
}

div#mainContetns div.doctorPhoto p.links a:link,
div#mainContetns div.doctorPhoto p.links a:visited{
	color: #454545;
}

div#mainContetns div.doctorPhoto p.links a:hover{
	color: #00c5dc;
}
	

/*--------------------------------------------------------　2.ページ内ナビ*/

div#mainContetns div.faqNavi{
	clear: both;
	width: 100%;
	margin-bottom: 40px;
	padding: 26px 0px;
	background-color: #f9f9f9;
} 

div#mainContetns div.faqNavi ul.links{
	padding: 0px 26px;
}

div#mainContetns div.faqNavi ul.links li{
	padding-left: 16px;
	background-image: url(../common/img/mark_links03.gif);
	margin-bottom: 15px;
}

/*--------------------------------------------------------　3.Q&A*/


div#mainContetns dl.faq dt{
	clear: both;
	padding: 5px 0px 7px 35px;
	margin-bottom: 11px;
	background-image: url(../hearcare/img/icon_q.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
	border-bottom: 2px solid #fadde4;
}

div#mainContetns dl.faq dt strong{
	color: #ec4671;
	font-size: 130%;
}

div#mainContetns dl.faq dd{
	margin-bottom: 33px;
}

div#mainContetns dl.faq dd img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}


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

div#mainContetns div.imgLinks:after,
div#mainContetns div.hearcaerPoint:after,
div#mainContetns div.howToCt01:after,
div#mainContetns div.howToCt02:after,
div#mainContetns div.doctorPhoto:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

div#mainContetns div.imgLinks,
div#mainContetns div.commodityArea,
div#mainContetns div.hearcaerPoint,
div#mainContetns div.howToCt01,
div#mainContetns div.howToCt02,
div#mainContetns div.howTo div.txtArea div.pointArea,
div#mainContetns div.doctorPhoto{ display:inline-block; }

/*\*/
* html div#mainContetns div.imgLinks,
* html div#mainContetns div.commodityArea,
* html div#mainContetns div.hearcaerPoint,
* html div#mainContetns div.howToCt01,
* html div#mainContetns div.howToCt02,
* html div#mainContetns div.howTo div.txtArea div.pointArea,
* html div#mainContetns div.doctorPhoto{ height:1%; }

div#mainContetns div.imgLinks,
div#mainContetns div.commodityArea,
div#mainContetns div.hearcaerPoint,
div#mainContetns div.howToCt01,
div#mainContetns div.howToCt02,
div#mainContetns div.howTo div.txtArea div.pointArea,
div#mainContetns div.doctorPhoto{ display:block; }
/**/