@charset "utf-8";
/* All
--------------------------------------------------*/

html, body, div, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, ins, kbd, q, samp,
img, a, span,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
    border:0;
    outline:0;
}

body {
	background-color:#000000;
	color:#ffffff;
	font-size:100%;
	text-align:center;
}

ul, li {
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

img {
	font-size:0;
	border:0;
	vertical-align:top;
}

a:link {text-decoration:none;	color:#b68e5f;}
a:visited {text-decoration:none; color:#b68e5f;}
a:hover {text-decoration:underline; color:#d2c1ac;}
a:active {text-decoration:underline; color:#d2c1ac;}

.bold {font-weight:bold;}

.normal {font-weight:normal;}

/* clearfix */
.clearfix:after {
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}

.clearfix {
  min-height:1px;
}

* html .clearfix {
  height:1px;
  /*\*//*/
  height:auto;
  overflow:hidden;
  /**/
}
/* clearfix */



/* #containerAll
--------------------------------------------------*/
#containerAll {
	text-align:center;
}


/* #container
--------------------------------------------------*/
#container {
	width:950px;
	margin:0 auto;
	text-align:left;
}


/* #header
--------------------------------------------------*/
#header {
	width:950px;
	height:346px;
	margin-top:30px;
}

#header .header01 {
	float:left;
	width:216px;
}

#header .header02 {
	float:left;
	width:518px;
	text-align:center;
}

#header .header03 {
	float:left;
	width:216px;
}

#header .header01 ul {
	margin-top:18px;
}

#header .header01 li,
#header .header01 li a {
	text-indent:-9999px;
	display:block;
	width:216px;
}

#header .header01 li.hdMenu01 a {background:url(../img_share/hd_bt_01.gif) no-repeat}
#header .header01 li.hdMenu02 a {background:url(../img_share/hd_bt_02.gif) no-repeat}
#header .header01 li.hdMenu03 a {background:url(../img_share/hd_bt_03.gif) no-repeat}
#header .header01 li.hdMenu04 a {background:url(../img_share/hd_bt_04.gif) no-repeat}
#header .header01 li.hdMenu05 a {background:url(../img_share/hd_bt_05.gif) no-repeat}
#header .header01 li.hdMenu06 a {background:url(../img_share/hd_bt_06.gif) no-repeat}

#header .header01 li.hdMenu01 a,
#header .header01 li.hdMenu02 a,
#header .header01 li.hdMenu03 a,
#header .header01 li.hdMenu04 a,
#header .header01 li.hdMenu05 a {
	height:29px;
}

#header .header01 li.hdMenu06 a {
	height:28px;
}

#header .header01 li.hdMenu01 a:hover,
#header .header01 li.hdMenu02 a:hover,
#header .header01 li.hdMenu03 a:hover,
#header .header01 li.hdMenu04 a:hover,
#header .header01 li.hdMenu05 a:hover,
#header .header01 li.hdMenu06 a:hover {
	background-position:right top;
}

#header .header01 li.hdMenu01St {background:url(../img_share/hd_bt_01.gif) right top no-repeat}
#header .header01 li.hdMenu02St {background:url(../img_share/hd_bt_02.gif) right top no-repeat}
#header .header01 li.hdMenu03St {background:url(../img_share/hd_bt_03.gif) right top no-repeat}
#header .header01 li.hdMenu04St {background:url(../img_share/hd_bt_04.gif) right top no-repeat}
#header .header01 li.hdMenu05St {background:url(../img_share/hd_bt_05.gif) right top no-repeat}
#header .header01 li.hdMenu06St {background:url(../img_share/hd_bt_06.gif) right top no-repeat}

#header .header01 li.hdMenu01St,
#header .header01 li.hdMenu02St,
#header .header01 li.hdMenu03St,
#header .header01 li.hdMenu04St,
#header .header01 li.hdMenu05St {
	height:29px;
}

#header .header01 li.hdMenu06St {
	height:28px;
}




/* #footer
--------------------------------------------------------------*/
#footer {
	background:url(../img_share/line.gif) no-repeat;
	margin-bottom:30px;
}

#footer p {
	font-size:80%;
	padding-top:15px;
	text-align:center;
}



/* #line
--------------------------------------------------------------*/
p.line {
	margin:0 0 30px 0;
	border:0;
	padding:0;
	font-size:0;
}



/* #forPagetop
--------------------------------------------------------------*/
#forPagetop {
	margin-bottom:30px;
}

#forPagetop p {
	font-size:80%;
	text-align:right;
}



/* #contents
--------------------------------------------------*/
#contents {
	text-align:center;
	margin-top:30px;
}


/*-- Top --*/
#contentsTop {
	margin-bottom:30px;
}

#contentsTop img.topQrLogo{
	margin-bottom:30px;
}


/*-- Salon --*/
#contentsSalon {
	margin-bottom:30px;
}

#contentsSalon p {
	font-size:90%;
	line-height:150%;
}

.salonBlock01 {
	float:left;
	width:294px;
}

.salonBlock02 {
	float:left;
	width:362px;
}

.salonBlock03 {
	float:left;
	width:294px;
}

#contentsSalon img.salonMenutitle {
	margin:30px 0;
}

#contentsSalon img.salonStafftitle {
	margin:30px 0 20px 0;
}

#contentsSalon p.salonOpenNotice {
	font-size:80%;
	margin-top:10px;
}

#contentsSalon p.salonMenuNotice {
	margin-top:30px;
}

#contentsSalon img.salonStaffPhoto {
	margin-top:10px;
}


/*-- Recruit --*/
#contentsRecruit {
	margin-bottom:30px;
}

#recruitProfile {
	width:458px;
	margin:0 auto;
}

#recruitProfile .profileBlock01 {
	float:left;
	width:281px;
	text-align:left;
}

#recruitProfile .profileBlock02 {
	float:left;
	width:177px;
}

#recruitProfile .profileBlock02 p {
	font-size:80%;
	text-align:left;
	line-height:150%;
}

#contentsRecruit .recruitLead01 {
	float:left;
	width:704px;
}

#contentsRecruit .recruitLead01 p {
	font-size:90%;
	text-align:left;
	line-height:150%;
	margin-top:20px;
}

#contentsRecruit .recruitLead02 {
	float:left;
	width:246px;
	text-align:right;
}

#contentsRecruit .recruitMain01 {
	float:left;
	width:274px;
}

#contentsRecruit .recruitMain01 p {
	font-size:80%;
	text-align:left;
	line-height:150%;
	margin-top:20px;
}

#contentsRecruit .recruitMain02 {
	float:right;
	width:476px;
	text-align:right;
}
.recruit-image04{
	text-align: right;
	float: right;
}

#recruitBtn,.recruitMain01 p{
	width: 400px;
	margin-left: 100px;
}

#contentsRecruit #recruitBtn .recruitBtn01 {
	float:left;
	width:114px;
	text-align:right;
}

#contentsRecruit #recruitBtn .recruitBtn01 p {
	margin:0 !important;
}

#contentsRecruit #recruitBtn .recruitBtn02 {
	float:left;
	width:160px;
	text-align:right;
}

#contentsRecruit #recruitBtn .recruitBtn02 img {
	margin-top:20px;
}


/*-- Contact --*/
#contentsContact {
	margin-bottom:30px;
}

#contentsContact table {
	width:870px;
	margin:30px auto 0 auto;
}

#contentsContact p {
	font-size:90%;
	text-align:left;
	line-height:150%;
	margin-bottom:30px;
}

#contentsContact th,
#contentsContact td {
	text-align:left;
	font-size:90%;
	vertical-align:top;
}

#contentsContact th {
	white-space:nowrap;
	padding:0 30px 30px 0;
}

#contentsContact td {
	padding:0 0 30px 0;
}

#contentsContact span.contactNeed {
	font-weight:normal;
	color:#ff0000;
}

#contentsContact input.contactBt {
	width:100px;
	margin:0 20px 30px 20px;
	padding:5px 0;
}



/* clearfix
--------------------------------------------------------------*/
#header:after,
#contentsSalon:after,
#contentsRecruit:after,
#recruitProfile:after,
#recruitBtn:after {
	content:".";
	display:block;
	clear:both;
	font-size:0;
	line-height:1;
	height:0;
	visibility:hidden;
}

/* --- IE6&7 --- */
#header,
#contentsSalon,
#contentsRecruit,
#recruitProfile,
#recruitBtn {
	zoom:1;
}

body{
	max-width: 950px;
	margin: auto;
}
.sea{
	height: 360px;
	width: 217px;
	text-align: center;
}
#footer{
	display: flex;
justify-content: space-between;
}
#contentsRecruit{
	font-size: 18.4px !important;
}
#page-select{
	display: flex;
	flex-direction: column;
	width: 10rem;
	margin: auto;
	padding-top: 40px;
	font-family: 'Amiri', serif;
}
#page-select a{
	background: -moz-linear-gradient(to left,black ,#777 20%,#777 80%,black); 
	background: -webkit-linear-gradient(to left,black ,#777 20%,#777 80%,black); 
	background: linear-gradient(to left,black ,#777 20%,#777 80%,black); 
		color:#222;
		font-size: 20px;
		text-decoration: none;
		text-align: center;
		padding-top: 7px;
		padding-bottom: 7px;
}
#page-select a:hover{
	background: -moz-linear-gradient(to left,black ,#999 20%,#999 80%,black); 
	background: -webkit-linear-gradient(to left,black ,#999 20%,#999 80%,black); 
	background: linear-gradient(to left,black ,#999 20%,#999 80%,black); 
}