@charset "UTF-8";

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

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}

img { border: none; }

.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
* html .clearfix {
    height: 1px;
    /*\*//*/
    height: auto;
    overflow: hidden;
    /**/
}
.clear{
    clear: both;
}

a, a:link,
a:active,
a:visited {
    color: #000000; text-decoration: none;
    outline: none;
    -webkit-transition: color 0.25s ease-out;
    -moz-transition: color 0.25s ease-out;
    -o-transition: color 0.25s ease-out;
    transition: color 0.25s ease-out;
}
a:hover{ 
    color:#808080;
}


/*==========================================================
↓↓↓画面幅641px以上（PC・タブレット）↓
============================================================*/
@media screen and (min-width: 641px) {

/*---------ページ全体の指定---------------------------------------------*/
/* スクロールバーを表示させる */
html{ overflow-y: scroll; }

body {
    margin: 0px; padding: 0px; background-color: #ffffff; 
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 11pt; line-height: 140%; color: #000000;
}

ul{
    margin: 0; padding: 0; list-style: none;
}

p {
    font-size: 11pt; line-height: 150%; color: #000000;
}

.mini {  font-size: 9pt; line-height: 140%; }
.big  {  font-size: 12pt; line-height: 140%; }


a.txtBlue{ 
    color: #0000cc; text-decoration: underline;
}
a.txtBlue:hover{ 
    color: #3399cc;
}


/*---------レイアウトに関する指定---------------------------------------*/
/* メイン（全体幅） */
#wrapper {
    position: relative; 
    margin: 0 auto 0 auto; padding: 0px; width: 900px;
}


/* articleの各設定 */
#col1,
#col2,
#col3,
#col4{
    position: relative; height: 2300px;
}

#col5{
    position: relative; height: 900px;
}

#col6,
#col7,
#col8,
#col9{
    position: relative; height: 3px;
}


/*ヘッダー部分*****************************************************************/
nav#primary {
}

#head_box{
    position: fixed; left: auto; top: 0px; right: auto; z-index: 300;
    margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;
    width: 900px; background-color: #ffffff;
    background: url(../img/bg_head.jpg) no-repeat 0% 0%;
}

#headlogo{
    float: left; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 10px; width: 250px;
}

#headlogo h1{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 240px; height: 114px; text-indent: -9999px;
    background: url(../img/logo.png) no-repeat 0% 0%; 
}
#headlogo h1 a{ 
	display: block; width: 240px; height: 114px; 
}

#headcatch{
    float: right; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; width: 280px;
    font-size: 11pt; line-height: 160%; color: #ffffff; font-weight: bold;
}

#head_menu {
    margin: 0px 0px 0px 0px; padding: 2px 10px 2px 10px;
    background-color: #472208;
}
#head_menu ul{
    list-style: none;
}
#head_menu li{
    display:block; float: left; 
    margin: 0px 0px 0px 0px; padding: 0px 15px 0px 10px;
    font-size: 11pt; line-height: 170%; font-weight: bold; 
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


nav#primary li {
}
nav#primary a {
    display: block; color: #ffffff;
}
nav#primary a:hover, nav#primary a.active {
    color: #ff9656;
}

/* スマホメニューボタン */
#head_box .sp_nav{
    display: none;
}
/*ヘッダー部分 end *****************************************************************/


/* side_menu関係*****************************************************************/
#side_menu {
    position: fixed; left: auto; top: 155px; z-index: 300;
    width: 236px;
}

#loginBox{ 
    margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; width: 236px; height: 153px; 
    background: url(../img/bg_login2.gif) no-repeat 0% 0%; 
}

h3#login{ 
    margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; 
    text-align: center;
}

#loginBoxin{ 
    margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px; 
}

.sidelistBox{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; 
}


a#member{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_member.png) no-repeat 0px 0px; 
}

a#member:hover{ 
    background: url(../img/btn_member.png) no-repeat 0px -45px; 
}

a#reserve{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_reserve.png) no-repeat 0px 0px; 
}

a#reserve:hover{ 
    background: url(../img/btn_reserve.png) no-repeat 0px -45px; 
}

a#home{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_home.png) no-repeat 0px 0px; 
}

a#home:hover{ 
    background: url(../img/btn_home.png) no-repeat 0px -45px; 
}

a#mypage{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_mypage.png) no-repeat 0px 0px; 
}

a#mypage:hover{ 
    background: url(../img/btn_mypage.png) no-repeat 0px -45px; 
}

a#memberinfo{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_memberinfo.png) no-repeat 0px 0px; 
}

a#memberinfo:hover{ 
    background: url(../img/btn_memberinfo.png) no-repeat 0px -45px; 
}

h3#whatnew{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 42px; text-indent: -9999px;
    background: url(../img/whatnew.png) no-repeat 0% 0%;
}

#whatnewBox{ 
    margin: 0px 5px 10px 5px; padding: 5px 5px 5px 5px; background-color: #ffffff;
    border-left: 1px solid #341d14; border-right: 1px solid #341d14;
    border-bottom: 1px solid  #341d14; 
}

ul.side_news{
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
}
ul.side_news li{
    margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; 
    font-size: 11pt; line-height: 170%; color: #000000;
}

ul.side_link{
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
}
ul.side_link li{
    margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; 
    list-style-type: disc;
    font-size: 11pt; line-height: 170%; color: #000000;
}
/* side_menu関係 end *****************************************************************/


/*フッター部分*****************************************************************/
footer{
    position: relative; 
    margin: 10px auto 0px auto; padding: 10px 0px 5px 0px; width: 900px;
    background-color: #f4a460; font-size: 10pt; 
}

#footermenu{ 
    margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: right; 
}

#footermenu a{ 
    display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 4px; 
    font-size: 10pt; line-height: 130%; color: #ffffff; font-weight: bold;
    border-right: 1px solid #ffffff; 
}
#footermenu a:hover{ color: #808080; }
#footermenu a:first-child { 
    border-left: 1px solid #ffffff; 
} 

#copy{ 
    margin: 0px; padding: 0px 0px 0px 0px; text-align: center; 
    font-weight: bold; color: #ffffff;
}
/*フッター部分 end *****************************************************************/



/* index.html　トップ */
.bg_top {
    float: right; 
    margin: 160px 0px 10px 0px; padding: 0px 0px 0px 0px; 
    width: 650px;
}

.bg_top2 {
    float: right; 
    margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
    width: 630px;
}

#calendarBox{ 
    margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
}

/* その他ページ */
#content {
    position: relative; z-index: 4;
    margin: 0 auto 0 auto; padding: 0px 0px 0px 0px; max-width: 900px;
}

#contents_box{
    float: right; 
    margin: 160px 0px 0px 0px; padding: 0px 0px 20px 0px; 
    width: 650px;
}
/*---- 高さ固定の場合 ---*/
#contents_boxH{
    float: right; 
    margin: 160px 0px 0px 0px; padding: 0px 0px 20px 0px; 
    width: 650px; height: 540px;
    overflow: auto;
}

/* 上下の移動ボタン */
nav.next-prev {
    position: absolute; left: 200px; top: 730px;
    z-index: 200;
}

a.prev,
a.next {
    display: block; text-indent: -9999px;
    width: 16px; height: 18px;
}
a.prev {
    margin: 0 auto 5px auto; z-index:100;
    background: transparent url('../img/scroll-arrow-up2.png') 0 0 no-repeat;
}
a.prev:hover {
    background: transparent url('../img/scroll-arrow-up2.png') 0 -18px no-repeat;
}
a.next {
    margin: 5px auto 0 auto; z-index:100;
    background: transparent url('../img/scroll-arrow-down2.png') -1px 0 no-repeat;
}
a.next:hover {
    background: transparent url('../img/scroll-arrow-down2.png') -1px -18px no-repeat;
}

hr {
    margin: 0; border: none; height: 3px;
    border-top: 1px solid #000000; border-bottom: 1px solid #000000;
}



/* Parallax関連 *****************************************************************/

/* タイトル画像 */
#parallax-bg4 {
    z-index: 4;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 900px;
    margin-left: -450px; /* move left by half element's width */
}

/*    */
#parallax-bg3 {
    z-index: 3;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 900px;
    margin-left: -450px;
}

/* 背景画像 */
#parallax-bg2 {
    z-index: 2;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 900px;
    margin-left: -450px; /* move left by half element's width */
}

/* テキスト */
#parallax-bg1 {
    z-index: 5;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 900px;
    margin-left: -450px; /* move left by half element's width */
}


/* ②設備紹介　タイトル画像 */
#bg4-2 {
    position: absolute; top: 1780px; right: 0px;
    width: 650px;
}

/* ③料金案内　タイトル画像 */
#bg4-3 {
    position: absolute; top: 3390px; right: 0px;
    width: 650px;
}

/* ④ご予約　タイトル画像 */
#bg4-4 {
    position: absolute; top: 4995px; right: 0px;
    width: 650px;
}


/* ②設備紹介　背景画像 */
#bg2-2 {
    position: absolute; top: 1390px; right: 0px;
    width: 650px;
}

/* ③料金案内　背景画像 */
#bg2-3 {
    position: absolute; top: 2580px; right: 0px;
    width: 650px;
}

/* ④ご予約　背景画像 */
#bg2-4 {
    position: absolute; top: 3700px; right: 0px;
    width: 650px;
}

/* ⑤フェイスブック */
#bg2-5 {
    position: absolute; top: 4790px; right: 0px;
    width: 650px; text-align: center; 
}


/* ②設備紹介　テキスト */
#bg1-2 {
    position: absolute; top: 2550px; right: 0px;
    width: 630px; color: #000000;
}

/* ③料金案内　テキスト */
#bg1-3 {
    position: absolute; top: 4860px; right: 0px;
    width: 630px; color: #000000;
}

/* ④ご予約　テキスト */
#bg1-4 {
    position: absolute; top: 7150px; right: 0px;
    width: 630px; color: #000000;
}

/* Parallax関連 end *****************************************************************/




/* 共通パーツ *****************************************************************/
h3.midashi{ 
    margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; 
    border-bottom: 1px solid  #000000; 
}

.toptxtBox{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 10px 20px; 
    font-size: 14pt; line-height: 160%; 
}

.txtBox{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 10px 20px; 
}

.txtBoxC{ 
    margin: 0px 0px 0px 0px; padding: 0px 20px 10px 20px; 
    text-align: center; 
}

.txtBoxR{ 
    margin: 0px 0px 0px 0px; padding: 0px 20px 10px 20px; 
    text-align: right; 
}

.colorBox{ 
    margin: 0px 0px 5px 0px; padding: 10px 10px 5px 10px; 
    border: 1px solid #2e2e2e; background-color: #ffffff; 
}

.colorBox2{ 
    margin: 0px 20px 5px 20px; padding: 10px 10px 5px 10px; 
    border: 1px solid #2e2e2e; background-color: #ffffff; 
}

ul.listA{ 
    margin: 0px 0px 10px 40px; padding: 0px 0px 0px 0px;
}
ul.listA li { 
    margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
    list-style-type: disc;
}

.formbtnBox{
    margin: 0px 0px 0px 0px; padding: 30px 0px 20px 0px; text-align: center;
}

.errorBox{ 
    margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; text-align: center; 
    color: #ff0000;
}

.box2column{
    float: left; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; 
    width: 300px;
}
a.sitemapBtn{ 
    display: block; margin: 0px 0px 0px 20px; padding: 0px 10px 15px 20px; 
    background: url(../img/list_11.gif) no-repeat 0px 0px; 
    font-size: 11pt; line-height: 110%; color: #000000; 
}
a.sitemapBtn:hover{ 
    color: #ff00ff;
}

.sitemapBox{ 
    margin: 0px 0px 15px 0px; padding: 4px 10px 4px 10px; 
    background-color: #f4a460; font-weight: bold;
    border-left: 5px solid #ff6600;
}

.box_3column {
    float: left; margin: 0px 5px 10px 5px; padding: 0px 0px 5px 0px; width: 195px; 
    text-align: center;
}

table.noline{
    margin: 0 auto 0 auto; border-collapse: collapse; 
}
table.noline td{
    padding: 2px 5px 2px 5px; text-align: left; vertical-align: top; 
}
table.noline td.RT{
    padding: 2px 5px 2px 5px; text-align: right; vertical-align: top; 
}
table.noline td.btn{
    padding: 10px 0px 5px 0px; text-align: center; vertical-align: middle; 
}

table.lineA{
    margin: 0 auto 0 auto; border-collapse: collapse; 
    border-top: solid 1px #000000; border-bottom: solid 1px #000000;
    font-size: 11pt; line-height: 140%; color: #000000;
}
table.lineA th{
    padding: 4px 5px 4px 5px; text-align: left; vertical-align: top; 
    border-bottom: solid 1px #000000; background: #f4a460;
    font-weight: bold; color: #ffffff;
}
table.lineA th.HLM{
    padding: 4px 5px 4px 5px; text-align: left; vertical-align: middle; 
    border-bottom: solid 1px #000000; background: #f4a460;
    font-weight: bold; color: #ffffff;
}
table.lineA td{
    padding: 4px 5px 4px 5px; text-align: left; vertical-align: top; 
    border-bottom: solid 1px #000000; 
}
table.lineA td.LM{
    padding: 4px 5px 4px 5px; text-align: left; vertical-align: middle; 
    border-bottom: solid 1px #000000; 
}

table.lineB{
    margin: 0 auto 0 auto; border-collapse: collapse; 
    border: solid 1px #000000; 
    font-size: 11pt; line-height: 140%; color: #000000;
}
table.lineB th{
    padding: 2px 0px 2px 0px; text-align: center; vertical-align: middle; 
    border: solid 1px #000000; background: #f4a460;
    font-weight: bold; font-size: 9pt; line-height: 120%;
}
table.lineB td{
    padding: 2px 0px 2px 0px; text-align: center; vertical-align: middle; 
    border: solid 1px #000000; 
}
table.lineB td.timeBox{
    padding: 2px 0px 2px 0px; text-align: center; vertical-align: top; 
    border: solid 1px #000000; 
    font-size: 9pt;
}

/* ===form設定　共通============ */
.txtzen{
    ime-mode: active;   /* 全角モード */
    width: 360px;
}
.txthan{
    ime-mode: inactive; /* 半角モード */
    width: 360px;
}

.txtzenF{
    ime-mode: active;   /* 全角モード */
}
.txthanF{
    ime-mode: inactive; /* 半角モード */
}

.formLogin{
    ime-mode: inactive; /* 半角モード */
    width: 130px;
}

#btn-login{     /* ログインボタン */
    padding: 5px 0px 5px 0px;
    border: 0px; width: 150px; 
}

#btn-login2{     /* ログインボタン */
    padding: 5px 0px 5px 0px;
    border: 0px; width: 150px; 
    background-color: #808080; 
}

textarea { 
    font-size: 100%;
}
/* 共通パーツ end *****************************************************************/



/* ↓↓↓下層ページ　mypege */
#loginBoxM{
    margin: 40px 50px 10px 50px; padding: 0px 0px 20px 0px; 
    border: 1px solid #f4a460; height: 300px;
}

h3#loginM{ 
    margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; 
    background-color: #f4a460; color: #000000; text-align: center; 
}

h2#tiMypage{ 
    margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
    background: url(../img/ti_mypage.jpg) no-repeat 0% 0%; 
    width: 650px; height: 66px;
}

h2#tiReserveform{ 
    margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
    background: url(../img/ti_reserveform.jpg) no-repeat 0% 0%; 
    width: 650px; height: 66px;
}

#memberNameBox{
    margin: 0px 0px 0px 0px; padding: 40px 30px 0px 0px;
    font-size: 11pt; color: #000000; text-align: right; 
}

ul.form_list{
    margin: 0px; padding: 0px; list-style-type: none;
}
ul.form_list li{
    float:left; list-style: none; 
    padding: 0px 15px 0px 0px;
}
/* ↑↑↑下層ページ　mypege */

}
/*==========================================================
↑↑↑画面幅641px以上（PC・タブレット）↑ 
============================================================*/


/*==========================================================
↓↓↓画面幅が640pxまで（スマホ用）↓
============================================================*/
@media screen and (max-width:640px){

/*---------ページ全体の指定---------------------------------------------*/
/* スクロールバーを表示させる */
html{ overflow-y: scroll; }

body {
    margin: 0px; padding: 0px; background-color: #ffffff; 
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    font-size: 11pt; line-height: 140%; color: #000000;
}

ul{
    margin: 0; padding: 0; list-style: none;
}

p {
    font-size: 11pt; line-height: 150%; color: #000000;
}

.mini {  font-size: 9pt; line-height: 140%; }
.big  {  font-size: 12pt; line-height: 140%; }


a.txtBlue{ 
    color: #0000cc; text-decoration: underline;
}
a.txtBlue:hover{ 
    color: #3399cc;
}


/*---------レイアウトに関する指定---------------------------------------*/
/* メイン（全体幅） */
#wrapper {
    position: relative; 
    margin: 0 auto 0 auto; padding: 0px; width: 100%;
}


/* articleの各設定 */
#col1,
#col2,
#col3,
#col4{
    position: relative; height: 2300px;
}

#col5{
    position: relative; height: 900px;
}

#col6,
#col7,
#col8,
#col9{
    position: relative; height: 3px;
}


/*ヘッダー部分*****************************************************************/
nav#primary {
}

#head_box{
    position: fixed; left: auto; top: 0px; right: auto; z-index: 300;
    margin: 0px auto 0px auto; padding: 0px 0px 0px 0px;
    width: 100%; background-color: #ffffff;
    background: url(../img/bg_head.jpg) no-repeat 0% 0%;
}

#headlogo{
    float: left; margin: 0px 0px 0px 0px; padding: 5px 0px 0px 10px; width: 250px;
}

#headlogo h1{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 240px; height: 114px; text-indent: -9999px;
    background: url(../img/logo.png) no-repeat 0% 0%; 
}
#headlogo h1 a{ 
	display: block; width: 240px; height: 114px; 
}

#headcatch{
    display: none;
    /*
    float: right; margin: 0px 0px 0px 0px; padding: 30px 0px 0px 0px; width: 280px;
    font-size: 11pt; line-height: 160%; color: #ffffff; font-weight: bold;
    */
}

#head_menu {
    display: none;
    /*
    margin: 0px 0px 0px 0px; padding: 2px 10px 2px 10px;
    background-color: #472208;
    */
}
#head_menu ul{
    list-style: none;
}
#head_menu li{
    display:block; float: left; 
    margin: 0px 0px 0px 0px; padding: 0px 15px 0px 10px;
    font-size: 11pt; line-height: 170%; font-weight: bold; 
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}


nav#primary li {
}
nav#primary a {
    display: block; color: #ffffff;
}
nav#primary a:hover, nav#primary a.active {
    color: #ff9656;
}

/* スマホメニューボタン */
#head_box .sp_nav {
}
#head_box .sp_nav #btn_nav{
    float: right; padding: 20px 10px 0px 0px;
}
#sp_navigation{
	display: none;
}
#sp_navigation {
    position: absolute; z-index: 3;
    padding: 20px; background: #603813;
    top: 85px; right: 0px; width: 440px; text-align: center;
}

#sp_navigation ul li {
    position: relative;
    margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
    background-color: #fffbdb; font-size: 20pt;
}

#sp_navigation ul li a{
    margin: 0px 0px 0px 0px; padding: 20px 0px 20px 0px;
    color: #000000;
}

#sp_navigation .profile {
	text-align: left;
	color: #fffbdb;
	margin-bottom: 25px;
	line-height: 1.8em;
}
#sp_navigation .profile a {
	color: #fffbdb;
}

/*ヘッダー部分 end *****************************************************************/


/* side_menu関係*****************************************************************/
#side_menu {
    display: none;
}

#loginBox{ 
    margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; width: 236px; height: 153px; 
    background: url(../img/bg_login2.gif) no-repeat 0% 0%; 
}

h3#login{ 
    margin: 0px 0px 0px 0px; padding: 12px 0px 0px 0px; 
    text-align: center;
}

#loginBoxin{ 
    margin: 0px 0px 0px 0px; padding: 5px 10px 0px 10px; 
}

.sidelistBox{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; 
}


a#member{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_member.png) no-repeat 0px 0px; 
}

a#member:hover{ 
    background: url(../img/btn_member.png) no-repeat 0px -45px; 
}

a#reserve{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_reserve.png) no-repeat 0px 0px; 
}

a#reserve:hover{ 
    background: url(../img/btn_reserve.png) no-repeat 0px -45px; 
}

a#home{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_home.png) no-repeat 0px 0px; 
}

a#home:hover{ 
    background: url(../img/btn_home.png) no-repeat 0px -45px; 
}

a#mypage{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_mypage.png) no-repeat 0px 0px; 
}

a#mypage:hover{ 
    background: url(../img/btn_mypage.png) no-repeat 0px -45px; 
}

a#memberinfo{ 
    display: block; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 45px; text-decoration: none; text-indent: -9999px;
    background: url(../img/btn_memberinfo.png) no-repeat 0px 0px; 
}

a#memberinfo:hover{ 
    background: url(../img/btn_memberinfo.png) no-repeat 0px -45px; 
}

h3#whatnew{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
    width: 236px; height: 42px; text-indent: -9999px;
    background: url(../img/whatnew.png) no-repeat 0% 0%;
}

#whatnewBox{ 
    margin: 0px 5px 10px 5px; padding: 5px 5px 5px 5px; background-color: #ffffff;
    border-left: 1px solid #341d14; border-right: 1px solid #341d14;
    border-bottom: 1px solid  #341d14; 
}

ul.side_news{
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
}
ul.side_news li{
    margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; 
    font-size: 11pt; line-height: 170%; color: #000000;
}

ul.side_link{
    margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; 
}
ul.side_link li{
    margin: 0px 0px 0px 20px; padding: 0px 0px 5px 0px; 
    list-style-type: disc;
    font-size: 11pt; line-height: 170%; color: #000000;
}
/* side_menu関係 end *****************************************************************/


/*フッター部分*****************************************************************/
footer{
    position: relative; 
    margin: 10px auto 0px auto; padding: 10px 0px 5px 0px; width: 100%;
    background-color: #f4a460; font-size: 10pt; 
}

#footermenu{ 
    margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; text-align: right; 
}

#footermenu a{ 
    display: inline-block; margin: 0px 0px 0px 0px; padding: 0px 5px 0px 4px; 
    font-size: 10pt; line-height: 130%; color: #ffffff; font-weight: bold;
    border-right: 1px solid #ffffff; 
}
#footermenu a:hover{ color: #808080; }
#footermenu a:first-child { 
    border-left: 1px solid #ffffff; 
} 

#copy{ 
    margin: 0px; padding: 0px 0px 0px 0px; text-align: center; 
    font-weight: bold; color: #ffffff;
}
/*フッター部分 end *****************************************************************/



/* index.html　トップ */
.bg_top {
    margin: 160px 0px 10px 0px; padding: 0px 0px 0px 0px; 
    width: 650px;
}

.bg_top2 {
    margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
    width: 630px;
}
#slideBox1 {
    margin: 0px 0px 0px 10px; padding: 0px 0px 0px 0px; 
}


#calendarBox{ 
    margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
}

/* その他ページ */
#content {
    position: relative; z-index: 4;
    margin: 0 auto 0 auto; padding: 0px 0px 0px 0px; max-width: 900px;
}

#contents_box{
    float: right; 
    margin: 160px 0px 0px 0px; padding: 0px 0px 20px 0px; 
    width: 650px;
}
/*---- 高さ固定の場合 ---*/
#contents_boxH{
    float: right; 
    margin: 160px 0px 0px 0px; padding: 0px 0px 20px 0px; 
    width: 650px; height: 540px;
    overflow: auto;
}

/* 上下の移動ボタン */
nav.next-prev {
    display: none;
    /*
    position: absolute; left: 200px; top: 730px;
    z-index: 200;
    */
}

a.prev,
a.next {
    display: block; text-indent: -9999px;
    width: 16px; height: 18px;
}
a.prev {
    margin: 0 auto 5px auto; z-index:100;
    background: transparent url('../img/scroll-arrow-up2.png') 0 0 no-repeat;
}
a.prev:hover {
    background: transparent url('../img/scroll-arrow-up2.png') 0 -18px no-repeat;
}
a.next {
    margin: 5px auto 0 auto; z-index:100;
    background: transparent url('../img/scroll-arrow-down2.png') -1px 0 no-repeat;
}
a.next:hover {
    background: transparent url('../img/scroll-arrow-down2.png') -1px -18px no-repeat;
}

hr {
    margin: 0; border: none; height: 3px;
    border-top: 1px solid #000000; border-bottom: 1px solid #000000;
}



/* Parallax関連 *****************************************************************/

/* タイトル画像 */
#parallax-bg4 {
    z-index: 4;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 640px;
    margin-left: -320px; /* move left by half element's width */
}

/*    */
#parallax-bg3 {
    z-index: 3;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 640px;
    margin-left: -320px;
}

/* 背景画像 */
#parallax-bg2 {
    z-index: 2;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 640px;
    margin-left: -320px; /* move left by half element's width */
}

/* テキスト */
#parallax-bg1 {
    z-index: 5;
    position: fixed;
    left: 50%; /* align left edge with center of viewport */
    top: 0;
    width: 640px;
    margin-left: -320px; /* move left by half element's width */
}


/* ②設備紹介　タイトル画像 */
#bg4-2 {
    position: absolute; top: 1780px; right: 0px;
    width: 650px;
}

/* ③料金案内　タイトル画像 */
#bg4-3 {
    position: absolute; top: 3390px; right: 0px;
    width: 650px;
}

/* ④ご予約　タイトル画像 */
#bg4-4 {
    position: absolute; top: 4995px; right: 0px;
    width: 650px;
}


/* ②設備紹介　背景画像 */
#bg2-2 {
    position: absolute; top: 1390px; right: 0px;
    width: 650px;
}

/* ③料金案内　背景画像 */
#bg2-3 {
    position: absolute; top: 2580px; right: 0px;
    width: 650px;
}

/* ④ご予約　背景画像 */
#bg2-4 {
    position: absolute; top: 3700px; right: 0px;
    width: 650px;
}

/* ⑤フェイスブック */
#bg2-5 {
    position: absolute; top: 4790px; right: 0px;
    width: 650px; text-align: center; 
}


/* ②設備紹介　テキスト */
#bg1-2 {
    position: absolute; top: 2550px; right: 0px;
    width: 630px; color: #000000;
}

/* ③料金案内　テキスト */
#bg1-3 {
    position: absolute; top: 4860px; right: 0px;
    width: 630px; color: #000000;
}

/* ④ご予約　テキスト */
#bg1-4 {
    position: absolute; top: 7150px; right: 0px;
    width: 630px; color: #000000;
}

/* Parallax関連 end *****************************************************************/




/* 共通パーツ *****************************************************************/
h3.midashi{ 
    margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px; 
    border-bottom: 1px solid  #000000; 
}

.toptxtBox{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 10px 20px; 
    font-size: 14pt; line-height: 160%; 
}

.txtBox{ 
    margin: 0px 0px 0px 0px; padding: 0px 0px 10px 20px; 
}

.txtBoxC{ 
    margin: 0px 0px 0px 0px; padding: 0px 20px 10px 20px; 
    text-align: center; 
}

.txtBoxR{ 
    margin: 0px 0px 0px 0px; padding: 0px 20px 10px 20px; 
    text-align: right; 
}

.colorBox{ 
    margin: 0px 0px 5px 0px; padding: 10px 10px 5px 10px; 
    border: 1px solid #2e2e2e; background-color: #ffffff; 
}

.colorBox2{ 
    margin: 0px 20px 5px 20px; padding: 10px 10px 5px 10px; 
    border: 1px solid #2e2e2e; background-color: #ffffff; 
}

ul.listA{ 
    margin: 0px 0px 10px 40px; padding: 0px 0px 0px 0px;
}
ul.listA li { 
    margin: 0px 0px 5px 0px; padding: 0px 0px 0px 0px;
    list-style-type: disc;
}

.formbtnBox{
    margin: 0px 0px 0px 0px; padding: 30px 0px 20px 0px; text-align: center;
}

.errorBox{ 
    margin: 0px 0px 10px 0px; padding: 10px 10px 10px 10px; text-align: center; 
    color: #ff0000;
}

.box2column{
    float: left; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 0px; 
    width: 300px;
}
a.sitemapBtn{ 
    display: block; margin: 0px 0px 0px 20px; padding: 0px 10px 15px 20px; 
    background: url(../img/list_11.gif) no-repeat 0px 0px; 
    font-size: 11pt; line-height: 110%; color: #000000; 
}
a.sitemapBtn:hover{ 
    color: #ff00ff;
}

.sitemapBox{ 
    margin: 0px 0px 15px 0px; padding: 4px 10px 4px 10px; 
    background-color: #f4a460; font-weight: bold;
    border-left: 5px solid #ff6600;
}

.box_3column {
    float: left; margin: 0px 5px 10px 5px; padding: 0px 0px 5px 0px; width: 195px; 
    text-align: center;
}

table.noline{
    margin: 0 auto 0 auto; border-collapse: collapse; 
}
table.noline td{
    padding: 2px 5px 2px 5px; text-align: left; vertical-align: top; 
}
table.noline td.RT{
    padding: 2px 5px 2px 5px; text-align: right; vertical-align: top; 
}
table.noline td.btn{
    padding: 10px 0px 5px 0px; text-align: center; vertical-align: middle; 
}

table.lineA{
    margin: 0 auto 0 auto; border-collapse: collapse; 
    border-top: solid 1px #000000; border-bottom: solid 1px #000000;
    font-size: 11pt; line-height: 140%; color: #000000;
}
table.lineA th{
    padding: 4px 5px 4px 5px; text-align: left; vertical-align: top; 
    border-bottom: solid 1px #000000; background: #f4a460;
    font-weight: bold; color: #ffffff;
}
table.lineA th.HLM{
    padding: 4px 5px 4px 5px; text-align: left; vertical-align: middle; 
    border-bottom: solid 1px #000000; background: #f4a460;
    font-weight: bold; color: #ffffff;
}
table.lineA td{
    padding: 4px 5px 4px 5px; text-align: left; vertical-align: top; 
    border-bottom: solid 1px #000000; 
}
table.lineA td.LM{
    padding: 4px 5px 4px 5px; text-align: left; vertical-align: middle; 
    border-bottom: solid 1px #000000; 
}

table.lineB{
    margin: 0 auto 0 auto; border-collapse: collapse; 
    border: solid 1px #000000; 
    font-size: 11pt; line-height: 140%; color: #000000;
}
table.lineB th{
    padding: 2px 0px 2px 0px; text-align: center; vertical-align: middle; 
    border: solid 1px #000000; background: #f4a460;
    font-weight: bold; font-size: 9pt; line-height: 120%;
}
table.lineB td{
    padding: 2px 0px 2px 0px; text-align: center; vertical-align: middle; 
    border: solid 1px #000000; 
}
table.lineB td.timeBox{
    padding: 2px 0px 2px 0px; text-align: center; vertical-align: top; 
    border: solid 1px #000000; 
    font-size: 9pt;
}

/* ===form設定　共通============ */
.txtzen{
    ime-mode: active;   /* 全角モード */
    width: 360px;
}
.txthan{
    ime-mode: inactive; /* 半角モード */
    width: 360px;
}

.txtzenF{
    ime-mode: active;   /* 全角モード */
}
.txthanF{
    ime-mode: inactive; /* 半角モード */
}

.formLogin{
    ime-mode: inactive; /* 半角モード */
    width: 130px;
}

#btn-login{     /* ログインボタン */
    padding: 5px 0px 5px 0px;
    border: 0px; width: 150px; 
}

#btn-login2{     /* ログインボタン */
    padding: 5px 0px 5px 0px;
    border: 0px; width: 150px; 
    background-color: #808080; 
}

textarea { 
    font-size: 100%;
}
/* 共通パーツ end *****************************************************************/



/* ↓↓↓下層ページ　mypege */
#loginBoxM{
    margin: 40px 50px 10px 50px; padding: 0px 0px 20px 0px; 
    border: 1px solid #f4a460; height: 300px;
}

h3#loginM{ 
    margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; 
    background-color: #f4a460; color: #000000; text-align: center; 
}

h2#tiMypage{ 
    margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
    background: url(../img/ti_mypage.jpg) no-repeat 0% 0%; 
    width: 650px; height: 66px;
}

h2#tiReserveform{ 
    margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; 
    background: url(../img/ti_reserveform.jpg) no-repeat 0% 0%; 
    width: 650px; height: 66px;
}

#memberNameBox{
    margin: 0px 0px 0px 0px; padding: 40px 30px 0px 0px;
    font-size: 11pt; color: #000000; text-align: right; 
}

ul.form_list{
    margin: 0px; padding: 0px; list-style-type: none;
}
ul.form_list li{
    float:left; list-style: none; 
    padding: 0px 15px 0px 0px;
}
/* ↑↑↑下層ページ　mypege */

}
/*==========================================================
↑↑↑画面幅が640pxまで（スマホ用）↑
============================================================*/