@charset "utf-8";

/* ========================================================
	index.css => indexページ用css
======================================================== */

#globalNavi {
	margin-bottom: 10px;
}

/* mainArea
============================================================================================================ */
#mainArea {
	width: 960px;
	padding: 0 7px;
	margin: 0 auto 5px;
}


/* コンテンツ
============================================================================================================ */
#indexContents {
	width: 950px;
	margin: 0 auto;
	padding: 0 12px 20px;
	zoom: 1;
}
#indexContents:after {
	content: ".";
	display: block;
	overflow: hidden;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#contentsArea {
	width: 700px;
	float: left;
}

/* 近くの理容室を探す
============================================================================================================ */
#searchNear {
	margin-bottom: 24px;
	padding: 2px;
	background-color: #f4afae;
	border: 1px solid #f5f5f5;
}
#searchNear .inner {
	padding: 6px 0 10px 10px;
	background-color: #ffeded;
	border: 1px solid #f5f5f5;
}
#searchNear .navi {
	margin-bottom: 4px;
	zoom: 1;
}
#searchNear .navi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#searchNear .navi dl {
	margin: 0;
	padding: 0;
}
#searchNear .navi dl.sapporo {
	float: left;
	width: 565px;
}
#searchNear .navi dl.ishikari {
	float: left;
}
#searchNear .navi dl dt {
	margin-bottom: 7px;
}
#searchNear .navi li {
	float: left;
	padding: 0 7px 6px 0;
}

.box {
	margin-right: 11px;
	padding-bottom: 6px;
	background: #ffffff url(../../images/box_bg.gif) repeat-x;
	border: 1px solid #e5e5e5;
}
.box .line {
	margin: 0 15px;
	padding: 8px 0;
	border-top: 1px dotted #cdcdcd;
	zoom: 1;
}
.box .line:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.box .first {
	border-top: 0;
}

.box h4 {
	padding: 8px 15px 5px;
	border-bottom: 1px solid #e5e5e5;
	font-size: 131%;
	font-weight: normal;
}
.box p.ph {
	float: left;
	padding: 6px;
	background: url(../../images/ph_bg.gif);
}
/*.box a:link, .box a:visited {
	text-decoration: none;
}
.box a:hover, .box a:active {
	text-decoration: underline;
}*/
.box dl dt {
	font-size: 108%;
	font-weight: bold;
	line-height: 1.3;
}
.box dl dd {
	margin-top: 5px;
	font-weight: bold;
}
.box dl dd.text {
	font-weight: normal;
	font-size: 85%;
}
.box dt a {
	color: #000000;
}
.box dd a {
	color: #4F3300;
}

#searchNear .box h4 {
	color: #5E5E5E;
}
#searchNear .box h4 em {
	color: #000000;
}
#searchNear .line div {
	float: left;
	width: 310px;
}
#searchNear .line div.right {
	float: right;
}
#searchNear dl {
	margin-left: 145px;
	padding-top: 5px;
}





/* 気になるサービスから探す
============================================================================================================ */
#searchService {
	margin-bottom: 24px;
	padding: 2px;
	background-color: #a8d1f4;
	border: 1px solid #f5f5f5;
}
#searchService .inner {
	padding: 20px 0 10px 10px;
	background-color: #dff0ff;
	border: 1px solid #f5f5f5;
	zoom: 1;
}
#searchService .navi {
	padding: 0 0 15px 10px;
	font-size: 124%;
	line-height: 1.4;
	zoom: 1;
}
#searchService .navi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#searchService .navi li {
	float: left;
	width: 190px;
	padding: 0 16px 0 18px;
	background: url(../../images/service_link_arrow.gif) no-repeat 0 0.2em;
}
#searchService .box h4 {
	color: #000000;
}
#searchService dl {
	width: 240px;
	float: left;
	padding-top: 5px;
	padding-left: 7px;
}
#searchService .service {
	width: 230px;
	float: right;
	padding-top: 22px;
	font-size: 92%;
	color: #4F3300;
}
#searchService .service a {
	color: #4F3300;
}


/* BLOG こちら理容室
============================================================================================================ */
#blogArea {
	position: relative;
}
#blogArea p {
	position: absolute;
	right: 0;
	top: 7px;
	color: #805300;
	font-size: 84%;
}
#blogArea h3 {
	margin-bottom: 0.8em;
}
#blogArea dt {
	float: left;
	color: #CE1F17;
	font-weight: bold;
}
#blogArea dd {
	margin-bottom: 0.8em;
	padding: 0 0 0.8em 7em;
	border-bottom: 1px dotted #cdcdcd;
	color: #000000;
}
#blogArea dd a {
	color: #000000;
}


/* おすすめ理容室
============================================================================================================ */
#searchRecommend {
	margin: 1px 0 6px;
	padding: 2px;
	background-color: #7acaaf;
}
#searchRecommend .inner {
	padding: 3px;
	background-color: #ffffff;
	border: 1px solid #f5f5f5;
	zoom: 1;
}
#searchRecommend .scroll {
	overflow: auto;
	height: 320px;
}
#searchRecommend .line {
	margin: 0 7px;
	padding: 10px 0;
	border-top: 1px dotted #cdcdcd;
	zoom: 1;
}
#searchRecommend .line:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
#searchRecommend .first {
	border-top: 0;
}
#searchRecommend p.ph {
	float: left;
	padding: 3px;
	background: url(../../images/ph_bg2.gif);
}
#searchRecommend dl {
	margin-left: 84px;
	line-height: 1.4;
}
#searchRecommend dl dt {
	font-size: 93%;
	font-weight: bold;
	line-height: 1.3;
}
#searchRecommend dl dd {
	font-weight: bold;
	font-size: 84%;
}
#searchRecommend dl dd.text {
	margin-top: 5px;
	font-weight: normal;
}
#searchRecommend dt a {
	color: #000000;
}
#searchRecommend dd a {
	color: #4F3300;
}


/* rightArea
============================================================================================================ */
#rightArea {
	float: right;
	width: 230px;
}
#rightArea ul.bnr {
	margin-bottom: 5px;
	text-align: center;
}
#rightArea ul.bnr li {
	margin-bottom: 2px;
}
#rightArea ul.bnr2 {
	margin-bottom: 5px;
	padding-top: 12px;
	background: url(../../images/side_shadow.gif) no-repeat top;
}
#rightArea ul.bnr2 li {
	margin-bottom: 4px;
}

#rightArea ul.bnr3 {
	padding-top: 12px;
	background: url(../../images/side_shadow.gif) no-repeat top;
}
#rightArea ul.bnr3 li {
	margin-bottom: 5px;
}
#rightArea dl.adobe dt {
	margin-bottom: 5px;
	padding-top: 12px;
	background: url(../../images/side_shadow.gif) no-repeat top;
	text-align: center;
}
#rightArea dl.adobe dd {
	font-size: smaller;
	line-height: 1.3;
	color: #808080;
	padding: 0 36px;
}