@charset "utf-8";
/* =====================================================================
*
*    INDEX
*
*    1. Main Visual
*    2. Sub Content
*    3. Entry Content
*
* =================================================================== */

/* =====================================================================
*    1. Main Visual
* =================================================================== */
#mainVisual {
	width: 100%;
	height: 326px;
	background: url(../../images/hair_salon/topMainBg.gif) repeat-x top left;
}

#mainVisual .wrapper {
	width: 1050px;
	height: 326px;
	background: url(../../images/hair_salon/topMainVisual.jpg) no-repeat top center;
}

#mainVisual p {
	width: auto;
	height: 15px;
}

#mainVisual .mainLink {
	display: block;
	width: 334px;
	height: 41px;
	margin: 260px 0px 0px 52px;
}

/* =====================================================================
*    2. Sub Content
* =================================================================== */
#subContents {
	width: 100%;
	background-color: #ffffff;
	padding-top: 30px;
}

#subContents .wrapper {
	width: 955px;
	background: url(../../images/topSubBgTop.gif) no-repeat top left;
}

#subContents .serviceBlock,
#subContents .flowBlock,
#subContents .appBlock,
#subContents .inquiryBlock,
#subContents .worksBlock,
#subContents .infoBlock {
	float: left;
	width: 238px;
	padding-bottom: 150px;
	background-image: url(../../images/topSubBgBtm.jpg);
	background-repeat: no-repeat;
}

#subContents .serviceBlock {
	background-position: 0px bottom;
}

#subContents .flowBlock {
	background-position: -238px bottom;
}

#subContents .appBlock {
	background-position: -476px bottom;
}

#subContents .infoBlock {
	background-position: -714px bottom;
}

#subContents .inquiryBlock {
	background-position: -952px bottom;
}

#subContents .worksBlock {
	background-position: -1190px bottom;
}

#subContents h2 {
	margin: 0px 0px 0px 10px;
	background: url(../../images/hair_salon/iconStar.gif) no-repeat 0px 0px;
}

#subContents h2 a {
	display: block;
	width: 190px;
	height: 25px;
	margin: 10px 0px 0px 27px;
	color: #444444;
	font-weight: bold;
	line-height: 1.2;
}

*:first-child+html body #subContents h2 a { padding-top: 3px; }
* html body #subContents h2 a { padding-top: 3px; }

#subContents h2 a:hover {
	text-decoration: none;
}

#subContents p {
	height: 110px;
	margin: 10px 16px 5px 12px;
}

#subContents .detailLink {
	margin: 0px 20px 0px 10px;
	background: url(../../images/hair_salon/iconDelta.gif) no-repeat 95px 5px;
	text-align: right;
}

#subContents .detailLink a {
	border-bottom: 1px dotted #000000;
	line-height: 1.4;
}

#subContents .detailLink a:hover {
	text-decoration: none;
}

/* =====================================================================
*    3. Entry Content
* =================================================================== */
#entryContents {
	width: 100%;
	background-color: #e2d8d9;
	border-top: solid 1px #d0c3c5;
	padding-top: 30px;
}

#entryContents .wrapper {
	padding-bottom: 30px;
}


#entryContents .entryBlock {
	float: left;
	width: 475px;
}

#entryContents h2 {
	width: 425px;
	background: url(../../images/hair_salon/iconCheckTop.gif) no-repeat 0px 0px;
	font-weight: bold;
}

#entryContents h2 a {
	display: block;
	width: 100%;
	height: 30px;
	padding-top: 3px;
	padding-left: 35px;
	color: #333333;
}

#entryContents h2 a:hover {
	text-decoration: none;
}

#entryContents ul {
	width: 385px;
	margin-left: 35px;
}

#entryContents ul li {
	border-top: solid 1px #ffffff;
}

#entryContents h3 {
	margin: 10px 0px 5px;
	line-height: 1.3;
}

#entryContents p {
	margin-bottom: 5px;
}