@charset "UTF-8";

@font-face {
font-family: calligraph421 bt;
src: url(doc.php?id=001) format("truetype");
}

/* ========BASIC======== */
html {
   overflow-y:scroll;
}

body {
   margin:0;
   padding:0;
   line-height:1.6;
   letter-spacing:1px;
   font-size:12px;
   color:#3E3A39;
   border-top:5px solid #3E3A39;
}

br {
   letter-spacing:normal;
}

a {
   color:#5A482B;
   text-decoration:none;
}

a:hover {
   color:#3E3A39;
}

img {
   border:0;
   vertical-align:bottom;
}

h1,h2,h3,h4,h5,h6 {
   margin:0;
}


/* ========TEMPLATE LAYOUT======== */
#headWrap {
   position:relative;
   width:100%;
   margin:0 auto;
   padding:10px 0;
}

#header {
   position:relative;
   width:1140px;
   margin:0 auto;
}

#gnavi {
   position:absolute;
   bottom:0;
   right:0;
}

#pr {
 width:1140px;
 margin:0 auto;
 text-align:center;
 font-size:12px;
 border-bottom:1px solid #3E3A39;
 color:#3E3A39;
}

#menu {
   width:100%;
   float:left;
   padding-bottom:20px;
}

#contents {
   clear:both;
   width:1140px;
   margin:0 auto 100px;
   padding:0 0 60px 0px;
 min-height:480px;
}

#main {
   float:left;
   width:100%;
}

#sub {
   float:right;
   width:550px;
}

#footer {
   clear:both;
   background:#EBEADD;
   border-bottom:5px solid #3E3A39;
}


/* ========HEADER CUSTOMIZE======== */
#header h1 {
   margin:0;
   padding:25px 0 15px 0;
   font-size:32px;
   color:#fff;
   line-height:50px;
   text-align:center;
}

#header h1 a {
   color:#9B0000;
}

#header h1 a:hover {
   color:#D30000;
}

#header #gnavi ul {
   list-style:none;
}

#header #gnavi li {
   float:left;
   font-size:11px;
   margin-left:15px;
}

#header #gnavi li a {
   display:block;
}

#header #gnavi .tel {
   color:#C94C00;
   font-size:24px;
   font-weight:bold;
   letter-spacing:-1px;
   line-height:1.0;
}


/* ========MENU CUSTOMIZE======== */
#menu ul {
   width:1140px;
   margin:0 auto;
   padding:0;
   font-family:'Calligraph421 BT';
}

#menu li {
   float:left;
   color:#3E3A39;
   text-align:center;
   list-style-type:none;
   border-bottom:1px solid #3E3A39;
   font-family:'Calligraph421 BT';
}

#menu li a {
   display:block;
   width:190px;
   color:#5A482B;
   line-height:40px;
   color:#3E3A39;
   font-weight:bold;
   font-size:14px;
   font-family:'Calligraph421 BT';
}

#menu li a:hover {
   color:#C94C00;
   z-index:100;
}


/* ========MAIN CONTENTS CUSTOMIZE======== */
#main p {
   padding-left:5px;
}

#main a {
   color:#9B0000;
}

#main a:hover {
   color:#C94C00;
   text-decoration:underline;
}

#main h2 {
   margin-bottom:2px;
   padding:0 0 0 5px;
   color:#3E3A39;
   font-size:22px;
   font-weight:bold;
   line-height:30px;
   font-family: Cambria Math;
}


#main h4 {
   margin-bottom:2px;
   padding:2px;
   font-size:14px;
   color:#3E3A39;
   border-bottom:#3E3A39 1px solid;
}

#main h5 {
   margin-bottom:2px;
   font-size:14px;
   color:#ff0045;
   font-weight:bold;
}

#main h6 {
   margin-bottom:2px;
   font-size:12px;
}

#main p {
   margin:0 0 1em 0;
   font-size:12px;
}

#main ul,ol,dl {
   font-size:12px;
}



/* ========FOOTMENU CUSTOMIZE======== */
#footMenu ul {
   margin:0;
   padding:10px 0 0 0;
   text-align:right;
}

#footMenu li {
   display:inline;
   margin:0 0 0 10px;
   list-style:none;
}

#footMenu li a {
   padding-left:10px;
}


/* ========FOOTER CUSTOMIZE======== */
.copyright {
   padding:15px 0;
   font-size:11px;
   font-style:normal;
   color:#333;
   text-align:center;

}

#navi {
   position:absolute;
   top:10px;
   right:0;
}

#navi ul {
   list-style:none;
}

#navi li {
   float:left;
   padding:0 5px;
   font-size:11px;
}

#salon {
 width:900px;
 margin:0 auto 10px;
 text-align:center;
 font-size:px;
 border-bottom:1px solid #3E3A39;
 color:#3E3A39;
}

#salon h2{
 width:900px;
 margin:0 auto;
 text-align:center;
 font-size:20px;
 border-bottom:1px solid #3E3A39;
 color:#3E3A39;
}

#price table {
   width:100%;
}

#price table th {
   padding:5px;
   font-size:12px;
   text-align:left;
   border-bottom:#e0e0e0 1px dotted;
}

#price table td {
   padding:5px;
   font-size:12px;
   text-align:right;
   border-bottom:#e0e0e0 1px dotted;
}

#slideshow {
   position: relative;
   width:  1144px; /* ボックスの横幅 */
   height: 460px; /* ボックスの高さ */
}

#slideshow p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color:#F5F5DC;
   height: 460px; /* ボックスの高さ */
}

#slideshow p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow p.last-active {
   z-index: 9;
}

#slideshow p img {
   width:  1144px; /* 画像の横幅 */
   height: 460px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

#Lmenu {
   float:left;
   width:550px;
   margin-bottom:100px;
}

#Rmenu {
   float:right;
   width:550px;
   margin-bottom:100px;
}

h3 {
   margin-bottom:3px;
   font-size:24px;
   font-family: Cambria Math;
}

#Lmenu table{
   width:100%;
   bordr:0;
}

#Lmenu table th{
   text-align:left;
   border-bottom:1px dotted #808080;
   padding:2px 0;
}

#Lmenu table td{
   width:200px;
   text-align:right;
   border-bottom:1px dotted #808080;
   padding:2px 0;
}

#Rmenu table{
   width:100%;
   bordr:0;
}

#Rmenu table th{
   text-align:left;
   border-bottom:1px dotted #808080;
   padding:2px 0;
}

#Rmenu table td{
   width:200px;
   text-align:right;
   border-bottom:1px dotted #808080;
   padding:2px 0;
}

h4 {
   margin-bottom:3px;
   font-size:14px;
   border-bottom:2px solid #808080;
}

#ab{
 width:100%;
}

.abl{
 width:450px;
 float:left;
}

.abr{
 width:670px;
 float:right;
 margin-left:20px;
}

.abl img{
 width:100%;
}

.abr2{
 width:450px;
 float:right;
}

.abl2{
 width:670px;
 float:left;
 margin-right:20px;
}

.abr2 img{
 width:100%;
}

.sp{
 clear:both;
 padding:10px 0;
}

#ac{
 width:570px;
   float:left;
}


#ac table {
   width:100%;
}

#ac table th {
   padding:5px;
   font-size:12px;
   text-align:left;
}

#ac table td {
   padding:5px;
   font-size:12px;
   text-align:left;
}

#ac table td img{
 width:280px;
 text-align:center;
}

.toplink{
 width:80%;
 margin: 0 auto;
}

.toplink table{
 width:180px;
 box-sizing:border-box;
}

.toplink table th{
 width:60px;
 box-sizing:border-box;
}

.toplink table th img{
 width:100%;
 box-sizing:border-box;
 padding:15px;
}

#topwaku{
 width:900px;
 margin:0 auto;
}

.topl{
 width:440px;
 float:left;
 box-sizing:border-box;
}

.topr{
 width:440px;
 float:right;
 box-sizing:border-box;
}

.inlink{
 width:1000px;
 margin:0 auto;
 display:block;
}

.inlink table{
 width:100%;
}

.inlink table td{
 width:30%;
 box-sizing:border-box;
 padding:0 10px;
 text-align:center;
}

.inlink table td img{
 width:100%;
 box-sizing:border-box;
}

.inlink a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.clear {
 clear:both;
 height:30px;
}

.inlinks{
 display:none;
}

#ab{
 width:100%;
}

.staffl{
 width:450px;
 float:left;
}

.staffr{
 width:670px;
 float:left;
 margin-left:20px;
 font-size:14px;
}

.staffl img{
 width:100%;
}

.str{
 font-weight:bold;
 font-size:16px;
}