@charset "utf-8";

/*------------------------------------------------------------------------------
HAIR STUDIO Olive - CSS Modules Import
URL: http://
Date: 2009-10-19
Copyright (C) Olive All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Container

---------------------------------------- */

div#Wrapper{
background: url(../../img/common/contents_bg2.jpg) 50% 0 repeat-y;
}

div#Content {
	width: 984px;
	margin: 0 auto;
	background:none;
	text-align: left;
}

div#Footer {
	background: url(../../img/common/footer2.jpg) 50% 0 no-repeat;
}

*html div#Footer {
	background: url(../../img/common/footer2.jpg) 50% 0 no-repeat;
}

/* ----------------------------------------

Main

---------------------------------------- */

/*--2階層目トップイメージの高さ調整----------*/
div#Header {
height: 104px;
}

/* ---- MV ----*/
h2.SalonMinamimorimachi {
	width: 940px;
	height:110px;
	margin: 0 auto 20px auto;
	background:url(../img/salon/h2_image_minamimorimachi.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

h2.SalonDomemae {
	width: 940px;
	height:110px;
	margin: 0 auto 20px auto;
	background:url(../img/salon/h2_image_domemae.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

h2.SalonShinsaibashi {
	width: 940px;
	height:110px;
	margin: 0 auto 20px auto;
	background:url(../img/salon/h2_image_shinsaibashi.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

h2.SalonKomagawa {
	width: 940px;
	height:110px;
	margin: 0 auto 20px auto;
	background:url(../img/salon/h2_image_komagawa.jpg) no-repeat 0 0;
	text-indent:-9999px;
}


*html h2.SalonMinamimorimachi {
margin: 3px auto 20px auto;
}

div#Salon {
width:660px;
}

div#Salon div.SalonWrap {
background:url(../img/salon/salon_frame_bg.png) repeat-y 0 0;
}

div#Salon div.SalonContents {
background:url(../img/salon/salon_frame_bottom.png) no-repeat left bottom;
padding-bottom:5px;
margin-bottom:10px;
}

div#Salon div.SalonContents div.SalonConTop {
background:url(../img/salon/salon_frame_top.png) no-repeat 0 0;
}


div#Salon div.SalonConTop div.SalonPhotos {
width:300px;
float:left;
margin:30px 0 0 0;
}

div#Salon div.SalonConTop div.SalonPhotos h3.Photos {
background:url(../img/salon/title_salon_shops.png) no-repeat 0 0;
text-indent:-9999px;
width:300px;
height:30px;
margin:0 0 10px 0;
}

div#Salon div.SalonConTop div.SalonPhotos img {
float:left;
margin-bottom:8px;
}

div#Salon div.SalonConTop div.SalonPhotos img.LeftPhoto {
margin-right:8px;
}

div#Salon div.SalonConTop div.SalonPhotos div.Enlargement {
clear:both;
background:url(../img/salon/icon_enlargement.png) no-repeat 0 2px;
padding-left:18px;
height:17px;
}


div#Salon div.Section {
width:640px;
margin:0 0 0 10px;
}


div#Salon div.SalonMap {
width:307px;
float:right;
margin:30px 0 0 0;
}

div#Salon div.SalonMap div.GoogleMap {
border:1px solid #B3B3B3;
margin-bottom:3px;
}

div#Salon div.SalonMap div.GoogleMap a:link {
color:#0000FD;
}

div#Salon div.InfoSalon {
width:315px;
float:left;
margin:15px 0;
}

div#Salon div.InfoSalon h3.InfoShinsaibashi {
background:url(../img/salon/title_info_shinsaibashi.png) no-repeat 0 0;
width:315px;
height:28px;
text-indent:-9999px;
}

div#Salon div.InfoSalon h3.InfoMinamimorimachi {
background:url(../img/salon/title_info_minamimorimachi.png) no-repeat 0 0;
width:315px;
height:28px;
text-indent:-9999px;
}

div#Salon div.InfoSalon h3.InfoDomemae {
background:url(../img/salon/title_info_domemae.png) no-repeat 0 0;
width:315px;
height:28px;
text-indent:-9999px;
}

div#Salon div.InfoSalon h3.InfoKomagawa {
background:url(../img/salon/title_info_komagawa.png) no-repeat 0 0;
width:315px;
height:28px;
text-indent:-9999px;
}

div#Salon div.InfoSalon div.Texts, 
div#Salon div.StasionSalon div.Texts {
background-color:#e7eedb;
height:auto;
padding-bottom:10px;
min-height:103px;
}

div#Salon div.InfoSalon div.Texts p.Info, 
div#Salon div.StasionSalon div.Texts p.Info {
margin:0 20px 10px 20px;
position:relative;
top:10px;
}

div#Salon div.StasionSalon {
width:315px;
float:right;
margin:15px 0;
}

div#Salon div.StasionSalon h3.Stasion {
background:url(../img/salon/title_from_stasion.png) no-repeat 0 0;
width:315px;
height:28px;
text-indent:-9999px;
}


/* MENU -------------------*/

div#Salon div.SalonMenu {
background:url(../img/salon/salon_menu_bottom.png) no-repeat left bottom;
padding-bottom:5px;
margin-bottom:10px;
width:660px;
}

div#Salon div.SalonWrap2 {
background:url(../img/salon/salon_menu_bg.png) repeat-y 0 0;
}

div#Salon div.SalonWrap2 h3.SalonMenu {
background:url(../img/salon/title_salon_menu.png) no-repeat 0 0;
width:660px;
height:40px;
text-indent:-9999px;
}


div#Salon div.SalonWrap2 div.MenuLeft {
width:303px;
margin:0 0 0 10px;
float:left;
}

* html div#Salon div.SalonWrap2 div.MenuLeft {
margin:0 0 0 5px;
}

div#Salon div.SalonWrap2 div.MenuRight {
width:303px;
margin:0 10px 0 0;
float:right;
}

* html div#Salon div.SalonWrap2 div.MenuRight {
margin:0 5px 0 0;
}


div#Salon div.SalonWrap2 h4.Menuh4 {
background:url(../img/salon/menu_sub_title.png) no-repeat 0 0;
width:303px;
height:24px;
font-size:116%;
font-weight:bold;
margin:15px 0 0 0;
padding-left:12px;
}

div#Salon div.SalonWrap2 h4.Menuh4 span.Normal {
font-weight:normal;
font-size:84.3%;
}

div#Salon table.SalonMenuTbl {
border-collapse:collapse;
margin:12px 0 0 2px;
width:300px;
}

div#Salon table.SalonMenuTbl th, 
div#Salon table.SalonMenuTbl td {
padding:5px 0;
}

div#Salon table.TblTopMargin {
margin:0 0 0 2px;
}

div#Salon table.SalonMenuTbl td p.orange {
margin-left:10px;
color:#e46f34;
font-size:84.3%;
line-height:145%;
}

div#Salon table.SalonMenuTbl td p.orange2 {
color:#e46f34;
font-size:84.3%;
}

div#Salon table.SalonMenuTbl td p.orange2 strong{
font-weight:bold;
}


/* STAFF -------------------*/

div#Salon div.SalonWrap2 h3.SalonStaff {
background:url(../img/salon/title_salon_staff.png) no-repeat 0 0;
width:660px;
height:40px;
text-indent:-9999px;
}

div#Salon div.StaffDetail {
width:303px;
}

div#Salon .LeftSide {
float:left;
margin:0 0 15px 10px;
}

* html div#Salon .LeftSide {
margin:0 0 15px 5px;
}

div#Salon .RightSide {
float:right;
margin:0 10px 15px 0;
}

* html div#Salon .RightSide {
margin:0 5px 15px 0;
}

div#Salon div.StaffDetail p.StaffPhoto {
width:119px;
float:left;
}

div#Salon div.StaffDetail p.StaffPhoto img.StaffBtns {
margin:12px 0 0 0;
}

div#Salon div.StaffDetail p.StaffPhoto img.StaffBtns2 {
margin:10px 0 10px 0;
}

div#Salon div.StaffDetail div.StaffText {
width:173px;
float:right;
padding-bottom:7px;
}

div#Salon div.StaffDetail div.StaffName {
background:url(../img/salon/staff_name_bg.png);
border-left:4px solid #5d2700;
padding:5px 0;
width:168px;
color:#FFF;
}

* html div#Salon div.StaffDetail div.StaffName {
width:172px;
}

div#Salon div.StaffDetail div.StaffName p.SName {
margin:0 0 0 15px;
font-size:84.3%;
}

div#Salon div.StaffDetail div.StaffName p.SName strong {
font-size:120%;
font-weight:bold;
}

div#Salon div.StaffDetail div.StaffMsg {
background:url(../img/salon/staff_message_bg.png) repeat-y 0 0;
margin:8px 0 0 0;
}

div#Salon div.StaffDetail div.StaffMsgBottom {
background:url(../img/salon/staff_message_bottom.png) no-repeat left bottom;
padding:0 0 2px 0;
}

div#Salon div.StaffDetail p.StaffMsgTop {
background:url(../img/salon/staff_message_frame.png) no-repeat 0 0;
padding:5px 3px 0 15px;
font-size:91.7%;
min-height:55px;
_height:55px;
}

div#Salon div.StaffDetail table.StaffFavorite {
border-collapse:collapse;
margin:7px 0 0 0;
width:175px;
background:url(../img/salon/dotline.gif) repeat-x left top;
padding-top:7px;
float:right;
}

div#Salon div.StaffDetail table.StaffFavorite th, 
div#Salon div.StaffDetail table.StaffFavorite td {
padding:4px 0 0 3px;
font-size:84.3%;
line-height:135%;
}


/* トップへ戻るボタン -------------------*/

div#Salon div.PageTopSub {
background:url(../img/salon/allow_top.png) no-repeat 0 4px;
padding-left:10px;
font-size:84.3%;
margin:0 0 0 570px;
width:90px;
}

*+html div#Salon div.PageTopSub {
background:url(../img/salon/allow_top.png) no-repeat 0 7px;
}

* html div#Salon div.PageTopSub {
background:url(../img/salon/allow_top.png) no-repeat 0 7px;
}


/* -- 2階層目右メニュー高さ調整 ------------ */

div#Sub ul.FirstChild {
	margin-top: -10px;
}


/* ----------------------------------------

ClearFix (必要なければ消す)

---------------------------------------- */

/* -- Modern Browsers -- */

div#Salon div.Section:after, 
div#Salon div.Section2:after, 
div#Salon div.SalonWrap2:after,
div#Salon div.StaffDetail:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}



/*  -- Legacy IE -- */
* html div#Salon div.Section, 
* html div#Salon div.Section2, 
* html div#Salon div.SalonWrap2, 
* html div#Salon div.StaffDetail {
	height: 1%;
}

.clear{
clear:both;
font-size:1px;
line-height: 0;
}