@charset "utf-8";
/* ---------------------------------------------------------------------------------
ファーレグループ　
Copyright(C) FARE GROUP . All Rights Reserved

XHTML CSS Selectors loreal top

$Revision: 1.0 $
--------------------------------------------------------------------------------- */
div#contentsWrapper div#contentsColumn {
	width: 670px;
	padding-left: 20px;
}
div#contentsWrapper div#contentsColumn div#pageHeaderBlock {
	height: 510px;
	width: 670px;
	background-image: url(../img/loreal/pege_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsWrapper div#contentsColumn div#pageHeaderBlock h2,
div#contentsWrapper div#contentsColumn div#pageHeaderBlock h3,
div#contentsWrapper div#contentsColumn div#pageHeaderBlock p {
	width: 670px;
	text-indent: -9999px;
}
div#contentsWrapper div#contentsColumn h4 {
	height: 62px;
	width: 670px;
	text-indent: -9999px;
	background-image: url(../img/loreal/title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


div#contentsWrapper div#contentsColumn div#pageHeader02Block {
	padding-left: 30px;
	padding-bottom: 30px;
}
div#contentsWrapper div#contentsColumn div#pageHeader02Block h3 {
	font-size: 16px;
	padding-bottom: 1ex;
}
div#contentsWrapper div#contentsColumn div#pageHeader02Block p {
	text-indent: 0px;
	padding-bottom: 1.5em;
	font-size: 120%;
}



div#contentsWrapper div#contentsColumn div#service01Block,
div#contentsWrapper div#contentsColumn div#service02Block,
div#contentsWrapper div#contentsColumn div#service03Block {
	height: 140px;
	width: 670px;
	background-repeat: no-repeat;
	background-position: left top;
}

div#contentsWrapper div#contentsColumn div#service01Block {
	background-image: url(../img/loreal/image_KERASKIN.jpg);
}
div#contentsWrapper div#contentsColumn div#service02Block {
	background-image: url(../img/loreal/image_KERASTASE.jpg);
}
div#contentsWrapper div#contentsColumn div#service03Block {
	background-image: url(../img/loreal/image_ALEXANDRE.jpg);
}

div#contentsWrapper div#contentsColumn div#service01Block h5,
div#contentsWrapper div#contentsColumn div#service02Block h5,
div#contentsWrapper div#contentsColumn div#service03Block h5 {
	float: left;
	height: 117px;
	width: 330px;
	padding-left: 30px;
}
div#contentsWrapper div#contentsColumn div#service01Block h5 a,
div#contentsWrapper div#contentsColumn div#service02Block h5 a,
div#contentsWrapper div#contentsColumn div#service03Block h5 a {
	display: block;
	height: 117px;
	width: 330px;
	text-indent: -9999px;
}

div#contentsWrapper div#contentsColumn div#service01Block p,
div#contentsWrapper div#contentsColumn div#service02Block p,
div#contentsWrapper div#contentsColumn div#service03Block p {
	float: right;
	width: 240px;
	padding-right: 40px;
	padding-top: 15px;
}