/* 外部フォント */
@font-face {
   font-family: Gabriola;
   src: url('http://yachai-chura.com/font/Gabriola_0.eot');
   src: url('http://yachai-chura.com/font/Gabriola_0.eot?#iefix') format('embedded-opentype'),
   src: url('http://yachai-chura.com/font/Gabriola_0.ttf') format("truetype");
}
@font-face {
   font-family: moolbor;
   src: url('http://yachai-chura.com/font/moolbor_0.ttf') format("truetype");
}
@font-face {
   font-family: 'Utsukushi';
   src: url('http://yachai-chura.com/font/UtsukushiFONT.eot');
   src: url('http://yachai-chura.com/font/UtsukushiFONT.eot?#iefix') format('embedded-opentype');
   src: url('http://yachai-chura.com/font/UtsukushiFONT.otf') format("opentype");
   src: url('http://yachai-chura.com/font/UtsukushiFONT.woff') format('woff');
}
/* 全体設定 */
body{
font-family:'Utsukushi','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
.Gabriola{
font-family:Gabriola;
}
.moolbor{
font-family:moolbor;
}
.Utsukushi{
font-family:Utsukushi;
}
.font11{
font-size:13px;
}
.Imgcenter{
margin:0 auto;
}
.border{
padding-bottom:0.3em;
border-bottom:1px solid #ccc;
}
/* アンカー位置調整 */
.Link{
    margin-top: -48px; /* リンク位置上昇分 */
    padding-top: 48px; /* 上昇分を戻す分 */
}
/* ナビ */
nav,
.naver-handle,
nav ul{
background:#333;
}

nav ul{
padding:0;
margin:0;
}

nav li{
text-align:center;
padding:0 0 5px;
}

nav li:hover{
background:#777;
}

nav li a,
nav li a:hover{
color:#fff;
text-decoration:none;
}
.naver-handle{
color:#fff;
}
/* トップ */
.image {
  background: url('http://yachai-chura.com/img/DSC_0250.jpg') no-repeat fixed ;
}
/* 初めてのお客様へ */
.image2 {
  background: url('http://yachai-chura.com/img/DSC_0256.jpg') no-repeat fixed ;
}
/* お知らせ・クーポン */
.image3 {
  background: url('http://yachai-chura.com/img/DSC_1079.jpg') no-repeat fixed ;
}
/* メニュー料金 */
.image4 {
  background: url('http://yachai-chura.com/img/DSC_0015.jpg') no-repeat fixed ;
}
/* セラピスト紹介 */
.image5 {
  background: url('http://yachai-chura.com/img/DSC_1044.jpg') no-repeat fixed ;
}
/* 背景スクロール */
.image-base{
 background-repeat:no-repeat;
 background-position:center center;
 -webkit-background-size:cover;
 -moz-background-size:cover;
 -o-background-size:cover;
 background-size:cover; 
}

/* 背景半透明 */
.hnt{
background-color: rgba( 255, 255, 255, 0.8 );
padding:1em;
}

/* ローディング */
#loader {
    width: 128px;
    height: 128px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -64px; /* heightの半分のマイナス値 */
    margin-left: -64px; /* widthの半分のマイナス値 */
    z-index: 100;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 50;
}