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

XHTML CSS Selectors ALEXANDRE

$Revision: 1.0 $
--------------------------------------------------------------------------------- */


/*---------------------------------------------------------------------------------
基本背景設定
--------------------------------------------------------------------------------- */

/*ヘッダー背景*/
body {
	background-image: url(../img/service/john/header_bg.jpg);

}
/*ヘッダー*/
div#headerArea {
	background-image: url(../img/service/john/header.jpg);
}

/*コンテンツ*/

div#contentsWrapper div#contentsColumn h3#concept {
	background-image: url(../img/service/john/title_concept.jpg);
}
div#contentsWrapper div#contentsColumn h3#links {
	background-image: url(../img/service/john/title_link.jpg);
}

/*サイド*/
div#contentsWrapper div#sideColumn h3 {
	background-image: url(../img/service/john/side_title.jpg);
}
div#contentsWrapper div#sideColumn div#sideBlock {
	background-image: url(../img/service/john/side_bg.jpg);
}
div#contentsWrapper div#sideColumn div#sideBlock ul li {
	background-image: url(../img/service/john/btn_side_navi.jpg);
}

div#contentsWrapper div#sideColumn div#sideFooter {
	background-image: url(../img/service/john/side_footer.jpg);
}

/*フッター*/
div#footerArea {
	background-image: url(../img/service/john/footer_bg.jpg);
}
div#footerArea div#footerBlock {
	background-image: url(../img/service/john/footer.jpg);
}


/*---------------------------------------------------------------------------------
コンテンツ
--------------------------------------------------------------------------------- */
div#contentsWrapper div#contentsColumn p#listText {
	font-size: 130%;
}


/*取扱店舗*/
div#contentsWrapper div#contentsColumn div#salonBlock {
	padding-top: 26px;
	padding-right: 0px;
	padding-bottom: 16px;
	padding-left: 28px;
}
div#contentsWrapper div#contentsColumn div#salonBlock h3 {
	height: 40px;
	width: 500px;
	text-indent: -9999px;
	background-image: url(../img/beauty/common/sub_title_salon.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
div#contentsWrapper div#contentsColumn div#salonBlock p {
	float: left;
	width: 190px;
	padding-right: 16px;
	padding-bottom: 25px;
}
div#contentsWrapper div#contentsColumn div#salonBlock p.last {
	float: left;
	width: 190px;
	padding-right: 0px;
	padding-bottom: 25px;
}