@charset "utf-8";

@import "common.css";


/* ------------------------- wrapper */

body {
	/*height: 1500px;*/
	background: #000000 url(../img/common/bg.jpg) no-repeat top left;
}


/* ------------------------- content */

#content {
	position: relative;
}

#content h1 img {
	position: absolute;
	top: 12px;
	left: 11px;
}


/* ------------------------- menu */

#content .menu img.btn-concept { position: absolute; top: 68px; left: 11px;}
#content .menu img.btn-salon { position: absolute; top: 47px; left: 281px;}
#content .menu img.btn-stylist { position: absolute; top: 77px; left: 281px;}
#content .menu img.btn-price { position: absolute; top: 107px; left: 281px;}
#content .menu img.btn-map { position: absolute; top: 68px; left: 474px;}
#content .menu img.btn-recruit { position: absolute; top: 98px; left: 474px;}
#content .menu img.btn-blog { position: absolute; top: 70px; left: 603px;}
#content .menu img.btn-jmo { position: absolute; top: 29px; left: 732px;}


/* ------------------------- pagetop */

#content p.pagetop {
	background: url(../img/common/page-top.gif) no-repeat 810px 8px;
	padding: 0 0 0 10px;
	margin: 80px 200px 0 0;
	text-align: right;
}

#content p.pagetop a { text-decoration: none;}
#content p.pagetop a:hover { text-decoration: underline; }


/* 
		address
 -------------------------------------------------- */

#wrapper address {
	padding: 0 0 30px;
	margin: 50px 200px 0 0;
	text-align: right;
	font-size: 11px;
}





/*
		concept
 -------------------------------------------------- */

#content .concept {
	padding: 208px 0 0 75px;
}

#content .concept dl dt img {
	float: left;
	border: 1px solid #555555;
}

#content .concept dl {
	margin: 40px 0 0 20px;
}

#content .concept dl dt img {
	margin: 0 50px 0 0;
}

#content .concept dl dt.text {
	margin: 0 50px 0 200px;
	font-size: 18px;
}

#content .concept dl dd {
	margin: 30px 0 0 0;
}





/*
		salon
 -------------------------------------------------- */

#content img.sub-salon {
	margin: 208px 0 0 78px;
}

#content .salon {
	margin: 20px 0 20px 160px;
}

.galleryview {
	margin: 10px 0 0 50px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.galleryview .panel-overlay p{
	text-align: right;
	line-height : 35px;
}

.galleryview .strip_wrapper {
	margin: 20px 0 0 0;
}

.galleryview ul.filmstrip li img {
	border: 2px solid #555555;
}

img.nav-next,
img.nav-prev {
	margin: 20px 0 0 0;
}





/*
		stylist
 -------------------------------------------------- */

#content .stylist h2 {
	margin: 0 0 20px;
}

#content .stylist {
	padding: 208px 0 0 75px;
}

#content .stylist dl {
	margin: 0 0 100px 160px;
}

#content .stylist dl dt {
	margin: 3px 0 0 0;
}

#content .stylist dl dt.name {
	font-size: 18px;
}

#content .stylist dl dd {
	margin: 20px 0 0 0;
}





/*
		recruit
 -------------------------------------------------- */

#content .recruit {
	padding: 208px 0 0 75px;
}

#content .recruit p {
	margin: 30px 0 0 160px;
}

#content .recruit dl {
	margin: 30px 0 0 160px;
	line-height: 25px
}

#content .recruit dl dt {
	width: 90px;
	float: left;
	margin: 0 0 20px 0;
	font-weight: bold;
}

#content .recruit dl dd {
	margin: 0 0 20px 90px;
}





/*
		price
 -------------------------------------------------- */

#content .price {
	padding: 208px 0 0 75px;
}

#content .price ul {
	width: 600px;
	margin: 18px 0 0 120px;
}

#content .price ul li.text {
	margin: 30px 10px 10px 0;
	text-align: right;
	font-size: 10px;
}




/*
		map
 -------------------------------------------------- */

#content .map {
	padding: 208px 0 0 75px;
}

#content .map .note {
	width: 400px;
	margin: 0 0 0 180px;
}

#content .map .note p {
	margin: 20px 0 0 20px;
	line-height: 200%;
}

#content .map .note p.r {
	text-align: right;
}

#content .map .info {
	position: absolute;
	bottom: 120px;
	left: 170px;
	color: #333333;
}

#content .map .info h3 {
	margin: 0 0 5px 0;
}

#content .map .info dl {
	width: 350px;
	line-height: 20px;
}

#content .map .info dl dt {
	width: 90px;
	float: left;
}

#content .map .info dl dd {
	width: 250px;
	float: left;
}

#content .map .info dl dd span { padding: 3px 5px; margin: 0 0 0 12em; background-color: #000000; font-size: 11px;}
#content .map .info dl dd span a { text-decoration: none; color: #ffffff;}
#content .map .info dl dd span a:hover { color: #cccccc;}

#content .map .info dl dd a {
	color: #333333;
}

#content .map img.map-pic {
	margin: 20px 0 0 70px;
}