@charset "utf-8";

/* Layout_store
---------------------------------------------*/


/* ストアインデックス・バナー部分
---------------------------------------------*/
#storeIndexThumb {
	width: 160px;
	padding-bottom: 20px;
	margin: 12px 0px 20px 0px;
	background: url(../02_hair_salon/images/menu/store_index_foot.gif) no-repeat left bottom;
}
#storeIndexThumb li {
	float: left;
}

/* --ClearFix-- */
#storeIndexThumb:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #storeIndexThumb {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


#bannerSection {
	width: 151px;
	font-size: 85%;
	clear: both;
}
#bannerSection .bannerComment {
	line-height: 1.2;
	padding: 4px 5px 4px 5px;
	margin-bottom: 13px;
	background: url(../02_hair_salon/images/banner/banner_dot.gif) repeat-y left top;
}




/* hair salon index
---------------------------------------------*/

/* concept */
#content_index {
	width: 525px;
	text-align: left;
	margin: 0px 0px 0px 228px;
	padding-top: 36px;
	text-align: justify;
	text-justify: distribute;
}
/* --ClearFix-- */
#content_index:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #content_index {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


#content_index .conceptImg{
	float: right;
	width: 130px;
	padding: 0px;
	margin: 0px;
}
#content_index h3 {
	font-size: 100%;
	font-weight: bold;
	color: #217891;
	padding: 0px 20px 2px 4px;
}
#content_index p {
	width: 370px;
	padding: 0px 0px 6px 4px;
}



/* storeIndex -----------------------------*/
#content_store {
	width: 525px;
	text-align: left;
	margin: 0px 0px 0px 228px;
	padding-top: 10px;
	text-align: justify;
	text-justify: distribute;
}
#content_store p {
	width: 490px;
	padding: 0px 0px 6px 4px;
}


/* storeIndex photo部分-----------------------------*/
.store {
	width: 525px;
	font-size: 85%;
	margin: 0px 0px 0px 228px;
	background: url(../02_hair_salon/images/common/space_bottom_long.gif) left bottom no-repeat;
}
.store .store_index {
	width: 125px;
	float: left;
	margin-right: 7px;
}
.store .store_index h3 {
	padding: 4px 7px 3px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background-color: #f9f9f9;
}
.store_index p {
	padding: 0px 7px 0px;
	height: 60px;	
	text-align: center;
	background: url(../02_hair_salon/images/common/text_back.gif) top left repeat-y;
	line-height: 1.3;
}
.store .store_index2 {
	width: 125px;
	float: left;
}
.store_index2 h3 {
	padding: 4px 7px 3px;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	background-color: #f9f9f9;
}
.store_index2 p {
	padding: 0px 7px 0px;
	height: 60px;
	text-align: center;
	background: url(../02_hair_salon/images/common/text_back.gif) top left repeat-y;
	line-height: 1.3;
}

/* --ClearFix-- */
.store:after {
	content:".";
	display:block;
	height:0;
	clear:left;
	visibility:hidden;
}
* html .store {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* storeIndex photo部分-----------------------------*/

.CampaignComment{
    font-size:85%;
	margin-top:10px;
	margin-left:10px;
	color:#FF0033;


}

/* contentIntro -----------------------------*/
.contentIntro {
	width: 525px;
	position: relative;
	margin: 0px 0px 0px 228px;
	padding-top: 0px;
	padding-bottom: 20px;
	background: url(../02_hair_salon/images/common/content_line.gif) no-repeat left bottom;
}
/* --ClearFix-- */
.contentIntro:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .contentIntro {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.contentIntro h2 {
	padding-top: 25px;
}
.contentIntro .image {
	float:left;
	width:130px;
	margin-left: 2px;
	display: inline;
}
.contentIntro .campaignImage {
	position: absolute;
	width:150px;
	left: -18px;
	top: 66px;
}

.contentIntro .textArea {
	float:right;
	width:370px;
}
.textArea h3 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 3px;
}
.textArea .text {
	text-align: left;
	height: 90px;
	padding-right: 5px;
	text-align: justify;
	text-justify: inter-ideograph;
}
.textArea .textButton {
	text-align:right;
	padding-right: 10px;
	padding-bottom: 5px;
}
.textArea .brokenLink {
	text-align:right;
	padding-right: 10px;
	text-decoration: line-through;	
}

.red{
    color:#FF0000;
}


/* introduction
-------------------------------------------------------------------*/
#content {
	width: 525px;
	text-align: left;
	margin: 0px 0px 0px 228px;
	padding-top: 36px;
	text-align: justify;
	text-justify: distribute;
}
#content h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 20px 2px 3px;
}
#content .storeComment {
	padding: 0px 25px 23px 3px;
}

/*-------------------
  	campaign
--------------------*/
#campaign {
	width: 525px;
	position: relative;
	padding-bottom: 28px;
	margin: 0px 0px 0px 228px;
	background: url(../02_hair_salon/images/common/campaign_line.gif) no-repeat left bottom;
}
/* --ClearFix-- */
#campaign:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #campaign {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#campaign h3 {
	font-size: 100%;
	font-weight: bold;
	height: 22px!important;
	height /**/: 28px;
	padding-left: 7px;
	padding-top: 6px;
	background: #f2f2f2;
}
#campaignIamge {
	width: 138px;
	float: left;
}

#campaignText {
	width: 387px;
	height: 150px;
	float: right;
	text-align: justify;
	text-justify: distribute;
	background: url(../02_hair_salon/images/common/campaign_back.gif);
}
.explanation {
	width: 350px;
	font-size: 85%;
	line-height: 1.3;
	margin-left: 14px;
}
.badge {
	width: 70px;
	position: absolute;
	right: 0px;
	top: 20px;
}
.badgeCelebrar {
	width: 70px;
	position: absolute;
	right: 0px;
	top: 13px;
}



.otherCampaign {
	clear: both;
	width: 525px;
	text-align: right;
	line-height: 1.3;
}



/*-------------------
  introduction Info
--------------------*/
#info {
	margin: 0px 0px 0px 228px;
	width: 525px;
	padding: 20px 0px 30px 0px;
	background: url(../02_hair_salon/images/common/content_line.gif) no-repeat left bottom;
}
/* --ClearFix-- */
#info:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #info {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
#info h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 20px 4px 0px;
}

#info #infoText {
	width: 270px;
	padding-left: 3px;
	float: left;
	line-height: 1.2;
}

#info dl {
	margin: 0px;
	padding: 0px;
} 
#info dt {
	float: left;
	clear: left;
	width: 43px;
	padding: 3px 0px 3px 0px;
	text-transform: uppercase;
}
#info dd {
	padding: 3px 0px 3px 0px;
	width: 200px;
	margin-left: 60px;
}
#info dd a{
	text-decoration:underline;
}

#info #infoMap {
	width: 250px;
	float: right;
}


/* Price
-------------------------------------------------------------------*/
#priceContent {
	width: 525px;
	text-align: left;
	margin: 0px 0px 0px 228px;
	padding-top: 36px;
	padding-bottom: 15px;
	background: url(../02_hair_salon/images/common/content_line.gif) no-repeat left bottom;
}
#priceContent h3 {
	color: #327c91;
	font-weight: bold;
	font-size: 120%;
	margin-left: 3px;
	margin-bottom: 5px;
}
#priceContent h3 span {
	font-size: 85%;
}

#priceContent dl {
	font-size: 100%;
	margin-bottom: 20px;
	padding-bottom: 40px;
	line-height: 1.7;
	color: #777777;
	background: url(../02_hair_salon/images/common/content_line.gif) no-repeat left bottom;	
}
#priceContent .footMenu {
	background: none;
	padding-bottom: 0px;
}
#priceContent dt {
	float: left;
	clear: left;
	padding-left: 14px;
	font-weight: bold;
	background: url(../02_hair_salon/images/common/price_square.gif) no-repeat 4px 9px;
}
#priceContent dd {
	text-align: right;
	padding-right: 5px;
	font-weight: bold;
}
#priceContent .backColor {
	background: #f9f9f9;
}
#priceContent dl em {
	font-style: normal;
	font-weight: normal;
	font-size: 85%;
	padding-left: 5px;
}






#priceContent .two {
	padding-top: 2px;
	padding-bottom: 4px;
	line-height: 1.4;
}
#priceContent .backColorTwo {
	background: #f9f9f9;
	padding-top: 2px;
	padding-bottom: 4px;
	line-height: 1.4;
}




/* stylist
-------------------------------------------------------------------*/
#staffContent {
	width: 525px;
	text-align: left;
	margin: 0px 0px 0px 228px;
	padding-top: 36px;
	text-align: justify;
	text-justify: distribute;
}
.staff {
	width: 510px !important;
	width /**/ : 525px;
	padding: 0px 15px 41px 0px;
	background: url(../02_hair_salon/images/common/staff_line.gif) no-repeat left bottom;
	clear: both;
}

/* --ClearFix-- */
.staff:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html .staff {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.staffImage        { float: left; width: 91px; }

.staffComment      {
	float: right;
	width: 400px;
}
.staffComment h3   { font-size: 100%; font-weight: bold; padding-bottom: 2px; }
.staffComment span { color: #999999; font-weight: bold; }
.staffComment p    { font-size: 85%; padding-left: 1px; line-height: 1.4; }



.staffComment .text { height: 70px; }
.staffComment .blogButton { height: 26px; }
.staffComment .blogButton a { text-decoration: underline; color:#888888; }
.staffComment .blogButton a:hover { text-decoration: underline; color:#00789B; }


.staffComment .blogButtonIto a { text-decoration: underline; color:#888888; }
.staffComment .blogButtonIto a:link { text-decoration: underline; color:#888888; }
.staffComment .blogButtonIto a:visited { text-decoration: underline; color:#888888; }
.staffComment .blogButtonIto a:hover { text-decoration: underline; color:#00789B; }
.staffComment .blogButtonIto a:active { text-decoration: none; color:#00789B; }



.staffComment .blogButtonIto02 a { text-decoration: underline; color:#888888; }
.staffComment .blogButtonIto02 a:link { text-decoration: underline; color:#888888; }
.staffComment .blogButtonIto02 a:visited { text-decoration: underline; color:#888888; }
.staffComment .blogButtonIto02 a:hover { text-decoration: underline; color:#ee4444; }
.staffComment .blogButtonIto02 a:active { text-decoration: none; color:#ec6b6b; }



.staffComment .blogButtonkawasima a { text-decoration: underline; color:#888888; }
.staffComment .blogButtonkawasima a:link { text-decoration: underline; color:#888888; }
.staffComment .blogButtonkawasima a:visited { text-decoration: underline; color:#888888; }
.staffComment .blogButtonkawasima a:hover { text-decoration: underline; color:#00789B; }
.staffComment .blogButtonkawasima a:active { text-decoration: none; color:#00789B; }






#BlinkAreaBlue {
	font-weight: normal;
	color: #2e798e;
}
#BlinkAreaRed {
	font-weight: normal;
	color: #ee4444;
}

#BlinkAreaBlue2 {
	font-weight: normal;
	color: #2e798e;
	text-decoration:blink;
}
/* mobile
-------------------------------------------------------------------*/
#content_mobile {
	width: 525px;
	text-align: left;
	margin: 0px 0px 0px 228px;
	padding-top: 36px;
	padding-bottom: 210px;
	text-align: justify;
	text-justify: distribute;
	background: url(../02_hair_salon/images/common/content_line.gif) no-repeat left bottom;
}
/* --ClearFix-- */
#content_mobile:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
* html #content_mobile {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

#content_mobile h3 {
	font-size: 100%;
	font-weight: bold;
	padding: 0px 20px 15px 3px;
}
#content_mobile p {
}
#content_mobile #mobile_left {
	width:280px;
	float: left;
	margin-top: 2px;
	margin-left: 3px;
	display: inline;
}
#mobile_left .mobileAddress {
	font-size: 130%;
	font-weight: bold;
	padding-top: 25px;
	padding-bottom: 5px;
	background: url(../02_hair_salon/images/common/mobile_dot_line.gif) no-repeat left top;
}
#mobile_left .mobileAddressKunpu {
	font-size: 100%;
	font-weight: bold;
	font-weight: bold;
	padding-bottom: 5px;
}

#mobile_left .addressComment {
	padding-bottom: 25px;
	background: url(../02_hair_salon/images/common/mobile_dot_line.gif) no-repeat left bottom;
}


#mobile_left .qrCode {
	float: left;
	width: 62px;
	padding: 0px 15px 15px 0px;
}
#mobile_left .qrComment {
	float: left;
	width:195px;
	padding: 0px 0px 0px 0px;
	font-size: 85%;
}
#mobile_left .qrClear {
	padding-bottom: 25px;
	clear: left;
	font-size: 85%;
	background: url(../02_hair_salon/common_img/mobile_dot_line.gif) no-repeat left bottom;
}


#content_mobile #mobile_right {
	float: right;
	border: solid 1px #c9c9c9;
}
#mobile_right #mobile_display {
	padding: 11px 11px 15px 11px;
}
#mobile_display p {
	padding: 0px 0px 3px 3px;
	font-size: 85%;
}











/* topArrow
---------------------------------------------*/
#topArrow {
	margin: 0px 0px 0px 228px;
	width: 525px;
	text-align: right;
	padding-bottom: 150px;
}

#topArrowStaff {
	margin: -12px 0px 0px 228px;
	width: 525px;
	text-align: right;
	padding-bottom: 150px;
}

#topArrow_recruit {
	margin: 0px 0px 0px 228px;
	width: 525px;
	text-align: right;
	padding-bottom: 300px;

}
#topArrowTemporary {
	margin: 0px 0px 0px 228px;
	width: 525px;
	text-align: right;
	padding-bottom: 350px;
}