@charset "UTF-8";

/* ========TEMPLATE LAYOUT======== */
body{
	background:url(../images/bk.jpg);
}
#wrapper{
	position: relative;
}

#top{
	margin-bottom:20px;
}
#top-in{
	margin-top:5px;
}
#menu {
   width:100%;
}

#pageTop {
   clear:both;
}

#footer {
   clear:both;
   margin:0 auto;
}
.pcsize{
}
.smhsize{
		display:none;
}
/* ========HEADER CUSTOMIZE======== */
h1 {
   display:inline;
   float:left;
   padding:5px 10px;
   font-size:1em;
   color:#fff;
   margin:0 0 5px 0;
   background:#231815;
}
#h1-box p{
   padding:5px 10px;
   margin:0 0 5px 10px;
   font-weight:bold;
}

/* ========NAVI======== */
#navi{
}
#navi #menu{
	width:100%;
}
#navi #menubox{
	width:1000px;
	margin:0 auto;
}
#navi #menu li{
	position: relative;
	float: left;
	margin: 0;
	list-style: none;
	font-weight: bold;
	font-size:1.3em;
}

#navi #menu li{ white-space: nowrap; }

/*���j���[�̃f�U�C��*/
#navi #menu li a{
	display: block;
	text-align:center;
	padding: 0.4em 0;
	width:160px;
	color:#fff;
	text-decoration: none;
	background:url(../images/menu.png)  no-repeat bottom right;
}

#navi #menu li a:link,
#navi #menu li a:visited{ background-color: transparent; } 
#navi #menu li a:hover,
#navi #menu li a:active{ 
	background:url(../images/menu_r.png)  no-repeat bottom right;
 } 
.tog{
	display:none;
}




/* ========MAIN CONTENTS CUSTOMIZE======== */
#main {
	margin:20px 0;
}
.contents{
	margin:30px auto 30px;
	padding:0 12px;
}
.contents a:hover {
   text-decoration:underline;
}

#main h2 {
	margin:0;
	text-align:center;
    color:#552200;
	clear:both;
}
#main-content h3{
	margin:10px 0;
	padding:0;
	text-align:left;
    color:#552200;
	font-size:1.4em;
	font-weight: bold;
}

#main h4 {
	margin:30px 0 10px;
	padding:0;
    color:#552200;
	font-size:1.2em;
	font-weight: bold;
	line-height:1.5em;
}


#main p {
	text-align: justify;
	text-justify: inter-ideograph;
}
.text-icon {
  padding: 1px;
  vertical-align: middle; /* ��s���镶����Ə㉺�������� */
}

#main table {
   width:100%;
   border-collapse: collapse;
}

#main table th {
   padding:5px;
   text-align:left;
   border:none;
   width:50%;
}

#main table td {
   padding:5px;
   text-align:left;
   border:none;
}
#main table.table-style01{
	width:95%;
	margin:30px auto 0;
}
#main table.table-style01 th,
#main table.table-style01 td{
   width:50%;
	text-align: left;
	vertical-align: top;
	padding:20px 10px;
	font-size: 1.4em!important;
	font-weight:normal;
}

#main table.table-style02{
	width:95%;∂d
	margin:30px auto 0;
}
#main table.table-style02 th,
#main table.table-style02 td{
   width:50%;
	text-align: left;
	vertical-align: top;
	padding:20px 10px;
	font-size:1.3em;
	font-weight:normal;
}
#main table.table-style02 td p{
	font-weight:normal;
}



/*========�i�g��========*/
.box-wrap {
	margin:10px 0 10px;
}
.box-wrap .box-l{
	float: left;
	width: 47.5%;
	margin: 0 0 0.5em;
}

.box-wrap .box-r{
	float: right;
	width: 47.5%;
	margin: 0 0 0.5em;
}

/* ========INFO CUSTOMIZE======== */
#info {
   width:100%;
   background:url(../images/info_bk_b.jpg) repeat;
   padding:20px 0;
}
.infobox-in{
	width:1080px;
	margin:0 auto;
	background:rgba(255,255,255,0.7) ;
}
.infobox-wrap {
	width:1020px;
	margin:0 auto;
	padding:20px 0;
}
.infobox-wrap .box-l{
	float: left;
	width: 47.5%;
	margin: 0 0 0.5em;
}

.infobox-wrap .box-r{
	float: right;
	width: 47.5%;
	margin: 0 0 0.5em;
}
.infobox-wrap .infotxt,.infobox-wrap .blogtxt{
   float:right;
   width:320px;
}
.infobox-wrap dl {
   margin:0 0 20px 0;
   padding:0;
}
.infobox-wrap dt {
   margin:0;
   padding:0;
   /* display:inline-block; */
   line-height:2em;
   font-size:1em;
   min-width:7.5em;
}
.infobox-wrap dd {
   margin:0 0 10px 0;
   padding:0;
	/* display:inline-block; */
   line-height:1.5em;
   font-size:1em;
   min-width:16em;
}
/* ========SALON CUSTOMIZE======== */
#salon-box-wrap{
	padding:50px 0;
	width:100%;
	background:url(../images/about_bk.jpg) center;
    -moz-background-size:100% auto;
	background-size:100% auto;
}
#salon-box{
	background-color: rgba(255,255,255,0.6);
	margin:100px auto;
	width:959px;
	position:relative;
}
#salon-box h2{
	position:absolute;
	top:-50px;
	width:100%;
}
#salon-box h2 img{
	margin:0 auto;
}
.salon-box-in{
	padding:80px 0 30px 0;
	margin:0 auto;
	width:820px;
}
#salon-box p{
	line-height:4em!important;
	font-size:1.05em;
}
/* ========Tennai CUSTOMIZE======== */
#tennai{
	margin:100px 0 130px;
}

.tennai-in{
	width:1120px;
	margin:0 auto;
	position:relative;
}
.tennai-staff01{
	position:absolute;
	top:-50px;
	left:0;
}
.tennai-staff02{
	position:absolute;
	top:-50px;
	right:0;
}
.tennai-photo01{
	width:700px;
	float:right;
	padding:30px 0;
}
.tennai-photo02{
	width:750px;
	float:left;
	padding:30px 0;
	text-align:right;
}
.tennai-photo01 img,.tennai-photo02 img{
	margin:10px 0 0 30px;
}
/* ========STAFF CUSTOMIZE======== */
#staff{
	width:100%;
	margin:0 auto;
	position:relative;
	background:url(../images/bk_staff.jpg) no-repeat top center;
	min-height:864px;
}
#staff h2{
	position:absolute;
	top:-80px;
	width:100%;
}
#staff h2 img{
	margin:0 auto;
}

.staff-wrap{
	width:1120px;
	margin:0 auto;
}
.staff-box{
	margin-top:110px;
	width:33.3%;
	float:left;
	background:url(../images/box_staff.png) no-repeat top center;
}
.staff-box-in{
	position:relative;
	text-align:center!important;
	width:236px;
	margin:0 auto;
}
.staff-box-in img{
	margin-top:40px;
}
.staff-box-in h3{
	margin:0!important;
	padding:10px 25px!important;
	font-weight:normal!important;
}
.staff-title{
	background:#552200;
	font-size:0.8em;
	color:#fff;
	text-align:center!important;
	width:12em;
	margin:0 25px!important;
	padding:5px!important;
}
.staff-text{
	text-align:left!important;
	margin:50px 0 0!important;
	padding:5px!important;
}
.staff-stamp-owner{
	position:absolute;
	top:141px;
	right:-30px;
	z-index:500;
}
.staff-stamp-mariyo{
	position:absolute;
	top:190px;
	right:-45px;
	z-index:500;
}
.staff-stamp-yamashita{
	position:absolute;
	top:140px;
	right:-35px;
	z-index:500;
}


/*
 ========CUTMENU CUSTOMIZE======== */
#cutmenu{
	width:990px;
	margin:180px auto 50px;	
	position:relative;
	background-color: rgba(255,255,255,0.2);
	box-shadow: 3px 3px 10px 2px rgba(0,0,0,0.2);
}
#cutmenu h2{
	position:absolute;
	top:-100px;
	width:100%;
}
.cutmenu-in{
	width:968px;
	padding:50px 0;
	font-size:0.9em;
}
.cutmenu-in p{
	line-height:2.5em!important;
}
.cutmenulist{
	padding:80px;
}
.cutmenulist_txt{
	font-size:1.3em;
	margin:20px auto;
	width:90%;
}
.kakaku{
	margin:30px 0 100px;
	font-weight:normal;
	font-size: 1.2em!important;
	text-align:right!important;
}
#treatment{
	position:relative;
}

.treatment-img{
	position:absolute;
	top:50px;
	right:-50px;
}
.treatment-mae{margin-bottom:150px;!important}

/* ========ACCESSMAP CUSTOMIZE======== */
#accessmap{
	width:1120px;
	margin:0 auto;
}
#accessmap p{
	font-size:1.126em
}
#map{
	height:250px;
	overflow:hidden;
}
#map iframe{
	width:80%;
	height:200%
}

.box-map {
	width:48%;
	float: left;
	text-align:right;
}

/* ========PAGETOP CUSTOMIZE========= */
#pageTop {
	position: fixed;
	right: 8%;
	bottom: 20px;
	z-index: 9999;
}

#pageTop img a:hover{
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6; 
	opacity: 0.6;

}




/* ========FOOTER CUSTOMIZE======== */
.copyright {
   clear:both;
   padding:10px 0;
   font-style:normal;
   font-size:11px;
   text-align:center;
   background:#402100;
   color:#fff;
}


/* �ǉ� */
.hr_2 {border-top: 2px dotted #C3AF9A;}
.txt_01 {font-size:0.8em;}


