@charset "UTF-8";

/* -----------------------------------------------
FileName: style.css
----------------------------------------------- */


/* トップページ #top */

#top h3 {
	margin:0 0 10px 0;
}

#top #mainFla {
	width:670px;
	margin:0 0 20px 0;
}

#top #mainFla img {
	text-align:center;
}


/* 新着スタイル */
#top #hairStyleArea {
	clear:both;
	width:670px;
	padding:0 0 20px 0;
}

#top #hairStyleArea .styleList {
	width:148px;
	border:1px solid #c8c8c8;
	float:left;
	padding:5px;
	margin:0 10px 0 0;
}

#top #hairStyleArea .styleList p {
	margin:0 0 5px 0;
	line-height:125%;
}

#top #hairStyleArea .ma0 {
	margin:0;
}


/* サロンリスト */

#top .salonList {
	width:330px;
	line-height:125%;
	float:left;
	margin:0 0 30px 0;
}

#top .salonList p {
	margin:0 0 5px 0;
	font-size:0.9em;
}

#top .salonList h4 {
	font-size:1.1em;
	margin:0 0 5px;
}

#top .salonList h4 a {
	color:#c86028;
}

#top .salonList .salonListL {
	float:left;
	width:120px;
}

#top .salonList .salonListL img {
	border:1px solid #c8c8c8;
}

#top .salonList .salonListR {
	float:right;
	width:200px;
}


/* 更新サロン */

#top #editSalonArea {
	clear:both;
	width:670px;
}

/* キャンペーン　ボタン */
#top #cmpBtnArea {
	clear:both;
	width:654px;
	height:84px;
	padding:8px;
	background:#dedddc;
	border:1px solid #b9b6b4;
	margin:0 0 20px 0;
}

#top #cmpBtnArea li {
	float:left;
	margin:0 4px 10px 4px;
}

#top #cmpBtnArea li img {
	display:block;
}

/* スペシャルコンテンツ */
#top #specialArea {
	clear:both;
	width:670px;
}

#top .specialList {
	width:330px;
	line-height:125%;
	float:left;
	margin:0 0 20px 0;
}

#top .specialList p {
	margin:0 0 5px 0;
	font-size:0.9em;
}

#top .specialList h4 {
	font-size:1.1em;
	margin:0 0 5px;
}

#top .specialList h4 a {
	color:#c82850;
}

#top .specialList .specialListL {
	float:left;
	width:140px;
}

#top .specialList .specialListR {
	float:right;
	width:180px;
}


/* 新着サロン */

#top #newSalonArea {
	clear:both;
	width:670px;
}