@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:900px;
   margin:0 auto;
}

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

#pr {
 width:900px;
 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:900px;
   margin:0 auto 100px;
   padding:0 0 60px 0px;
}

#main {
   float:left;
   width:440px;
}

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

#footer {
   width:900px;
   clear:both;
   background:#EBEADD;
   border-bottom:5px solid #3E3A39;
   margin:0 auto;
}


/* ========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:900px;
   margin:0 auto;
   padding:0;

}

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

#menu li a {
   display:block;
   width:225px;
   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;
}


#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;
}

#staff .left{
 width:150px;
 float:left;
}

#staff .right{
 float:left;
 margin-left:30px;
 width:400px;
}

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

#staff table {
   width:100%;
   border:3px solid #3E3A39;
}

#staff table th {
   width:130px;
   padding:5px;
   font-size:12px;
   text-align:center;
   border-bottom:#3E3A39 1px dotted;
   border-right:#3E3A39 1px solid;
   background:#3E3A39;
   color:#fff;
}

#staff table td {
   padding:5px;
   font-size:12px;
   text-align:left;
   border-bottom:#3E3A39 1px dotted;
}

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

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

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

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

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

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

#Lmenu {
   width:100%;
}

#Rmenu {
   width:100%;
}

h3 {
   margin-bottom:3px;
   font-size:20px;
}

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

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

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

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

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

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

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

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

.abr{
 width:480px;
 float:left;
 margin-left:20px;
 margin-top:60px;
}

.abl img{
 width:100%;
}

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

#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:100%;
}

.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:10px;
}

#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:98%;
 margin:0 auto;
 display:block;
}

.inlink table{
 width:100%;
}

.inlink table td{
 width:33%;
 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)";
}

.inlinks{
 display:none;
}