@charset "utf-8";


/*--------------------------
　全体レイアウト
---------------------------*/


#wrap{
	width:100%;
	margin:auto;
	background:#351d09;
}



/* ------ header
-----------------------------------------------*/


#header{
	padding-top:20px;
}

#headerTitle{
	width:952px;
	height:100px;
	margin:auto;
	text-align:right;
}

#headerTitle h1{
	margin-top:25px;
	float:right;
}

#headerTitle img{
	float:left;
}


/* ------ mainmanu
-----------------------------------------------*/


#mainMenu{
	width:100%;
	height:54px;
	margin:auto;
	background-image:url(img/mainMenu.gif);
	background-repeat:repeat-x;

}

#mainMenu ul{
	width:952px;
	height:50px;
	margin:auto;
	overflow:hidden;
}

#mainMenu ul li{
	float:left;
}


#mainMenu ul li a{
	display:block;
	width:136px;
	height:50px;
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	text-indent:-9898px;
	background-image:url(img/m_menu.jpg);
	background-repeat:no-repeat;
}
	
ul a.m_home {
	background-position:0px 0px;
	width:136px;
}
ul li a.m_home:hover {
	background-position:0 -50px;
}
 
ul a.m_salon {
	background-position:-136px 0px;
}
ul li a.m_salon:hover {
	background-position:-136px -50px;
}
 
ul li a.m_menu {
	background-position:-272px 0px;
}
ul li a.m_menu:hover {
	background-position:-272px -50px;
}
 
ul li a.m_naildesign {
	background-position:-408px 0px;
}
ul li a.m_naildesign:hover {
	background-position:-408px -50px;
}
 
ul li a.m_access {
	background-position:-544px 0px;
}
ul li a.m_access:hover {
	background-position:-544px -50px;
}

ul li a.m_campaign {
	background-position:-680px 0px;
}
ul li a.m_campaign:hover {
	background-position:-680px -50px;
}

ul li a.m_blog {
	background-position:-816px 0px;
}
ul li a.m_blog:hover {
	background-position:-816px -50px;
}



/* ------ leftContent
-----------------------------------------------*/

#leftContent {
	float:left;
	margin:20px auto auto 15px;
}

#leftContent p.banner{
	margin-bottom:10px;
}


/* ------ mainContent
-----------------------------------------------*/

.contact {
	width:635px;
	height:131px;
	background:url(img/b_reservation.jpg) no-repeat;
	margin-right:15px;


}

.contact p{
	padding-top:100px;
	font-weight:bold;
	}


/* ------ footer
-----------------------------------------------*/


#footer{
	margin:0px auto;
	padding-top:20px;
	background:#58663c;
}


#footerContent{
	width:952px;
	height:130px;
	margin:auto;
}

#footerTitle{
	float:right;
	text-align:right;
}

#footerTitle p#address{
	color:#ffffff;
}

#footerMenu{
	float:left;
}

ul.footerNavi{
	margin:0px;
	padding:0px;
}


ul.footerNavi li{
	float:left;
	padding:0px 10px 0px 10px;
	color:#351d09;
	font-weight:bold;
	border-right:#351d09 1px solid;
}

ul.footerNavi li a:link{
	color:#ffffff;
}

ul.footerNavi li a:hover{
	color:#351d09;
	text-decoration:underline;
}






