@charset "UTF-8";

body{
    background: url(../img/patternGrunge.jpg) repeat top left;
    color: #444;
/*    font-family:eb-garamond, hiraminpro-w6, serif;*/
    font-family: Times New Roman, serif;
    text-align: center;
    padding-top: 72px;
}

img.logo, img.map{
    margin: 0px auto 24px;
}

h1{
    margin: 24px auto 12px;
    text-align: center;
    color: #2BB7B3;
    letter-spacing: 3px;
    margin-bottom: 48px;
}                  

h2{
    margin: 72px auto 24px;
	padding-bottom: 24px;
    text-align: center;
	background: url(../img/line.png) no-repeat bottom center;
}

h2.address{
    letter-spacing: 6px;
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
}

img.map{
    margin-top: 16px;
}

p{
    margin: 0 auto;
    letter-spacing: 6px;
}

p.open{
    margin-bottom: 72px;
    font-weight: bold;
    font-size: 21px;
}
p.info{
    font-weight: normal;
    margin-bottom: 72px;
}

a, a:active{
    color: #444;
    letter-spacing: 3px;
    text-decoration: none;
}

ul.menu{
	list-style-type: none;
	width: 600px;
	height: 288px;
	margin: 0 auto;
}

ul.menu li{
	float: left;
	width: 100%;
	height: 48px;
	margin: 0;
	padding: 0;
	font-size: 28px;
	font-weight: bold;
	color: #666;
	letter-spacing: 2px;
}

ul.menu div.name{
	float: left;
	height: 48px;
	text-align: left;
}

li.cut div.name{ width: 72px; }
li.cut div.dash{ margin-left: 72px; }
li.color div.name{ width: 96px; }
li.color div.dash{ margin-left: 96px; }
li.perm div.name{ width: 84px; }
li.perm div.dash{ margin-left: 84px; }
li.straight div.name{ width: 208px; }
li.straight div.dash{ margin-left: 208px; }
li.treatment div.name{ width: 156px; }
li.treatment div.dash{ margin-left: 156px; }
li.head div.name{ width: 144px; }
li.head div.dash{ margin-left: 144px; }

div.4em{
	width: 72px;
}
div.5em{
	width: 120px;
}
div.6em{
	width: 168px;
}
div.8em{
	width: 224px;
}
div.9em{
	width: 252px;
}
div.10em{
	width: 280px;
}
div.14em{
	width: 352px;
}

ul.menu div.dash{
/*	display: inline-block;*/
/*	float: left;*/
	width: auto;
	height: 48px;
	background: url(../img/dash.png) repeat-x bottom left;
	margin-right: 120px;
	opacity: 0.2;
}
ul.menu li.straight div.dash{
	margin-right: 132px;
}

ul.menu div.price{
	float: right;
	height: 48px;
}
ul.menu div.price:after{
	content: "~";
}
ul.menu div.price.just:after{
	content: none;
}

div.fb-page{
	margin: 40px auto;
	clear: both;
}

div#footer{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 16px;
}

div#footer p{
    display: inline-block;
    position: relative;
	margin: 12px;
    font-style: normal;
    padding-left: 32px;
    line-height: 24px;
    letter-spacing: 4px;
	font-size: 18px;
}

div#footer p img{
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
}

div.clear{
	clear: both;
}