@charset "utf-8";

/* =基本レイアウト */
html { overflow-y: scroll }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0;
}

img,abbr,acronym,fieldset { border: 0; }

li { list-style-type: none; }

/* =リンク色（ページ全体） */
a { color: #0000ff; text-decoration: underline; }
a:hover { color: #ff9900; }


a:active { outline: none; }
a:focus { -moz-outline-style: none; }


/* =ページレイアウト */
body
{
    width: 850px;
    margin: 0 auto;
    padding: 0;
    font-size: 0.9em;
    color: #333;
    line-height: 1.5;
    text-align: center;  /* for IF6 */
    font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    background: url(img/back2.gif) no-repeat center top #fff;
    position: relative;
}


/* =ヘッダー */
#header
{
    position: relative;
    width: 850px;
    height: 70px;
    margin: 0;
    padding: 0;
    text-align: left;
}
#logo h1 a
{
    display: block;
    width: 200px;
    height: 45px;
    margin: 0;
    padding: 0;
    background: url(img/logo.gif) no-repeat;
    position: absolute; top: 15px; left: 15px;
}
#logo h1 span
{
    display: none;
}
#info
{
    position: absolute; top: 15px; right: 0;
}


/* =メインコンテンツ全体 */
#container
{
    position: relative;
    width: 850px;
    margin: 0;
    text-align: center;
    padding: 10px 0;
}
#container:after
{
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/* =メインコンテンツ600 */
#main-content
{
    display: inline; /* ie win bugfix */
    float: right;
    width: 600px;
    min-height: 1px;
    margin: 0;
    padding: 35px 0 15px 0;
    text-align: left;
    border-left: 1px dashed #dbebc4;
}
#main-content p
{
    margin-bottom: 20px;
}


/* =キービジュアル */
#main-image
{
    width: 580px;
    height: 300px;
    margin: 0 0 0 20px;
    padding: 0;
    border-top: 2px dotted #94bead;
    border-bottom: 2px dotted #94bead;
}
/*for IE6 */
*html #main-image
{
    margin-top: 30px;
}
/*for IE7 */  
*:first-child+html #main-image
{
    margin-top: 30px;
}


/* =キャンペーン */
#campaign
{
    width: 580px;
    margin-top: 10px;
    padding: 0;
}


/* =トップページコンテンツ */
.first
{
    width: 580px;
    margin: 25px 0 0 20px;
    padding: 0;
}
.first h2
{
    margin: 0 0 15px 0;
    padding-left: 30px;
    color: #2b7758;
    font-size: 16px;
    background: url(img/m3.gif) no-repeat;
}
#tbutton
{
    margin-top: 25px;
}


/* 記事部分見出し */
.header
{
    /* ie win (5, 5.5, 6) bugfix */
    width: auto;
    _width: 530px;
    margin: 15px 0 10px 70px;
    padding: 5px 15px 5px 10px;
    color: #2b7758;
    font-size: 1.3em;
    font-weight: bold; 
    text-align: left;
    border-left: solid 5px #2b7758;
    border-bottom: dotted 1px #dbebc4;
    clear: both;
}
.header2
{
    /* ie win (5, 5.5, 6) bugfix */
    width: auto;
    _width: 100%;
    margin: 15px 0 5px;
    line-height: 1.25;
    padding: 0 5px 0 5px;
    color: #2b7758;
    font-size: 1.2em;
    font-weight: normal; 
    text-align: left;
    clear: both;
}


/* 記事部分 */
.entry
{
    float: right;
    width: 530px;
    line-height: 1.6;
    margin: 0 0 20px 70px;
    padding: 0 0 10px 0; 
    border-bottom: 1px dotted #dbebc4;
    position: relative;
}
.entry h3
{
    margin: 25px 0 15px;
    padding-left: 30px;
    color: #2b7758;
    background: url(img/m3.gif) no-repeat;
    font-weight: normal;
    font-size: 1.2em;
}
/*for IE6 */
*html .entry h3
{
    height:25px;
}
.entry h3.clg
{
    width: 530px;
    height: 200px;
    margin: 10px 0 20px;
    padding: 0;
    background: url(img/clg.jpg) no-repeat;
}
.entry h3.clg span
{
    position: absolute;
    left: -9999px;
}
#touse h3.price
{
    width: 530px;
    height: 25px;
    margin: 25px 0 20px;
    background: url(img/price.gif) no-repeat;
}
#touse h3.reserve
{
    width: 530px;
    height: 25px;
    margin: 25px 0 20px;
    background: url(img/reserve.gif) no-repeat;	
}
#touse h3.regularholiday
{
    width: 530px;
    height: 25px;
    margin: 25px 0 20px;
    background: url(img/regularholiday.gif) no-repeat;	
}
#touse h3.price span, #touse h3.reserve span, #touse h3.regularholiday span
{
    position: absolute;
    left: -9999px;
}
.entry h3.tm
{
    margin: 35px 0 15px;
    padding-left: 30px;
    color: #2b7758;
    background: url(img/m3.gif) no-repeat;
    font-weight: normal;
    font-size: 1.2em;
}
*html .entry h3.tm
{
    width: 530px;
    margin: 25px 0 15px;
    padding-left: 30px;
    color: #2b7758;
    background: url(img/m3.gif) no-repeat;
    font-weight: normal;
    font-size: 1.2em;
}


/* =パンくずリスト */
.bread
{
    display: block;
    width: 530px;
    height: 20px;
    margin: 0 0 0 70px;
    font-size: 85%;
    border: 1px solid #efefef;
}
.bread li
{
    float: left;
    width: auto;
    line-height: 20px;
    padding-left: 13px;
    color: #333;
}
.bread li a
{
    display: block;
    padding: 0 15px 0 0;
    background: url(img/crumbs.gif) right center no-repeat;
}

/* =ゴートップ */
.gotop
{
    text-align: right;
    margin: 15px 0 15px 15px;
    padding: 0;
    clear: both;
}
.gotop a
{
    display: block;
}


/* =プロフィール */
.image-p
{
    width: 500px;
    height: 250px;
    margin: 0 0 25px;
    background: url(img/prof.jpg) no-repeat;
}
.image-p p
{
    position: absolute;
    left: -9999px;
}
/* =タブナビ */
.tabNav
{
    clear: both;
    float: left;
    margin: -15px 0 30px 0;
    padding: 0;
    font-size: 90%;
    text-align: center;
}
*html .tabNav { /*for IE6 */
    margin-bottom: 10px;
}
*:first-child+html .tabNav { /*for IE7 */
    margin-bottom: 20px;
}
.tabNav li
{
    display: block;
    float: left;
    width: 250px;
    height: 15px;
    margin: 10px 0 10px 9px;
    padding: 0;

}
.tabNav li a
{
    display: block;
    margin: 0;
    padding: 2px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    border: 2px solid #ead7a4;
    background: #faf9ed;
}
.tabNav li a.active
{
    color: #2b7758;
    border: 2px solid #ff9900;
    background: #fff;
}
#tab1,#tab2,#tab3,#tab4,#tab5,#tab6,#tab7
{
    clear: both;
}


/* =料金・ご予約 */
#touse dt
{
    margin: 0 0 10px 0;
}
*html #touse dt
{
    width: 530px;
}
#touse dd
{
    margin: 0 0 5px 0;
}
*html #touse dd
{
    width: 530px;
}
.time-s
{
    margin: 0 0 20px 0;
}
.time-s table
{
    font-size: 100%;
    border-top:1px solid #eee8aa;
    border-right:1px solid #eee8aa;
    border-collapse:collapse;
}	
.time-s table caption
{
    margin: 10px 0 5px;
    padding-left: 20px;
    color: #2b7758;
    text-align: left;
    background: url(img/m2.gif) no-repeat 0 3px;
}
.time-s table .column1
{
    background:#f5f5dc;
}
.time-s table td
{
    padding: 5px 3px;
    border-bottom:1px solid #eee8aa;
    border-bottom:1px solid #eee8aa;
    border-left:1px solid #eee8aa;
    color:#7a6d45;
    font-size: 85%;
    text-align:center;
}
.time-s table th
{
    padding: 5px 3px;
    border-bottom:1px solid #eee8aa;
    border-bottom: 1px solid #eee8aa;
    border-left:1px solid #eee8aa;
    color: #7a6d45;
    font-weight:normal;
    font-size: 90%;
    text-align:center;
}


/* =院内のようす */
.innai-image
{
    margin: 50px 0;
}
.innai-image p
{
    display: table-cell;
    vertical-align: middle;
    margin: 0;
    padding: 0.5em;
}
/*for IE6 */
* html .innai-image p.ex
{
    width: 330px;
}
/*for IE6 */
* html .innai-image p
{
    display: inline;
    zoom: 1;
}
/*for IE7 */  
*:first-child+html .innai-image p.ex
{
    width: 330px;
}
/*for IE7 */  
*:first-child+html .innai-image p
{
    display: inline;
    zoom: 1;
}


/* =アクセス */
.map-image
{
    margin-bottom: 20px;
    text-align: center;
}
.center
{
    clear: both;
    margin-left: 70px;
    text-align: center;
}


/* =Q&A */
#accordion
{
    width: 500px;
    margin: 0;
    padding: 0;
}
.accordion
{
    width: 500px;
}
.accordion dt
{
    width: 480px;
    border: 2px solid #ead7a4;
    padding: 8px;
    font-weight: bold;
    margin-top: 5px;
    cursor: pointer;
    background: #faf9ed;
}
.accordion dt:hover
{
    background: #f7f7de;
}
.accordion dd
{
    overflow:hidden;
}
.accordion span
{
    display:block;
    width:466px;
    border:2px solid #ead7a4;
    border-top:none; padding:15px
}


/* =問い合わせ・予約 */
#inquiry,
#reserve1,
#reserve2
{
    text-align: left;
}
#inquiry table,
#reserve1 table,
#reserve2 table
{
    width: 530px;
    font-size: 90%;
    border-top:1px solid #ead7a4;
    border-right:1px solid #ead7a4;
    border-collapse:collapse;
}
#inquiry table caption,
#reserve1 table caption,
#reserve2 table caption
{
    margin-bottom: 15px;
    caption-side: top;
    text-align: left;
}
#inquiry table span,table caption span,
#reserve1 table span,table caption span,
#reserve2 table span,table caption span
{
    color: #e73562;
}
#inquiry table th,
#reserve1 table th
{
    width: 230px;
    padding: 0.5em;
    font-weight:normal;
    color: #6f5436;
    border-bottom: 1px solid #ead7a4;
    border-left:1px solid #ead7a4;
    background: #f7f7de;
}
#reserve2 table th
{
    width: 160px;
    padding: 0.5em;
    font-weight:normal;
    color: #6f5436;
    border-bottom: 1px solid #ead7a4;
    border-left:1px solid #ead7a4;
    background: #f7f7de;
}
#inquiry table td,
#reserve1 table td,
#reserve2 table td
{
    padding: 0.5em;
    border-top:1px solid #ead7a4;
    border-bottom:1px solid #ead7a4;
    border-left:1px solid #ead7a4;
    color:#6f5436;
}
#inquiry table input.sq,input.ma,input.ag,input.tl,input.md,textarea,select,
#reserve1 table input.sq,input.ma,input.ag,input.tl,input.md,textarea,select,
#reserve2 table input.sq,input.ma,input.ag,input.tl,input.md,textarea,select
{
    border: 1px solid #be8f68;
}
#inquiry table input.ma,
#reserve1 table input.ma,
#reserve2 table input.ma
{
    width: 200px;
}
#inquiry table input.tl,
#reserve1 table input.tl,
#reserve2 table input.tl
{
    width: 110px;
}
#inquiry table input.ag,
#reserve1 table input.ag,
#reserve2 table input.ag
{
    width: 50px;
}
#inquiry table input.md,
#reserve1 table input.md,
#reserve2 table input.md
{
    width: 20px;
}


/* =リンク集 */
#link li
{
    margin-bottom: 1em;
    padding-left: 20px;
    background: url(img/m2.gif) no-repeat 0 5px;
    _position: relative;
}


/* =カテゴリページ */
#catdes
{
    margin-left: 70px;
    padding: 10px;
    color: #6b3821;
    background: #fff3b8;
}
.more
{
    margin-top: 10px;
}


/* =グローバルナビ250 */
#global-navi
{
    display: inline; /* ie win bugfix */
    float: left;
    width: 249px;
    min-height: 1px;
    margin: 0;
    padding: 15px 0;
    text-align: left;
}
#main-menu
{
    width: 200px;
    margin-left: 25px;
    padding: 0;
    text-align: right;
}
#main-menu li
{
    margin-bottom: 3px;
}
#bloglink
{
    width: 170px;
    margin: 40px 0 0 40px;
    padding: 0;
    color: #444;
    font-size: 85%;
}
#newslink
{
    width: 170px;
    margin: 10px 0 0 40px;
    padding: 0;
    color: #444;
    font-size: 85%;
}
#cal
{
    margin: 30px 0 0 40px;
    padding: 0;
}
#m-map
{
    width: 170px;
    margin: 40px 0 0 40px;
    padding: 0;
    line-height: 1.8;
}
#cal p,
#m-map p
{
    color: #2b7758;
}


/* =フッター */
#footer
{
    position: relative;
    margin: 0 auto;
    width: 850px;
    height: 230px;
    color: #999;
    font-size: 11px;
    text-align: right;
    background: url(../img/foot-back.gif) no-repeat center bottom;
    clear: both;
}
#foottel
{
    position: absolute; bottom: 105px; left: 0;
}
address
{
    padding-left: 10px;
    color: #333;
    font-style: normal;
    font-size: 110%;
    text-align: left;
    position: absolute; bottom: 5px; left: 40px;
    border-left: solid 5px #2b7758;
}
#f-navi
{
    text-align:center;
    position: absolute; bottom: 30px; right: 0;
}
#f-navi li
{
    display:inline;
    list-style-type:none;
    margin-right:6px;
    padding-left:10px;
}
#f-navi li+li
{
    border-left:1px dotted #999;
}
.copy
{
    position: absolute; bottom: 5px; right: 0;
}


/* =各調整 */
.img
{
    float: left;
    width: 160px;
    margin: 0 15px 10px 0;
}
.imgr
{
    float: right;
    width: 210px;
    margin: 0 0 0 15px;
}
.imgl
{
    float: left;
    width: 210px;
    margin: 0 0 15px 0;
}
.imgr2
{
    float: right;
    width: 160px;
    margin: 0 0 10px 15px;
}
.image
{
    margin-bottom: 5px;
}
.caption
{
    color: #2b7758;
    font-size: 85%;
    text-align: left;
}

.spc1 { margin-top: 1em; }

.entry h4 { margin-bottom: 0.5em; }

/*for IE6 */
* html .entry h4 { font-size: 95%; }

/*for IE7 */
*:first-child+html .entry h4 { font-size: 95%; }

.list-a { margin-bottom: 2em; }

.list-a ul li { list-style-type: square; margin-left: 1em; }


/* =装飾 */

.bold { font-weight: bold; }

.b { color: #666c67; font-weight: bold; }

.s { font-size: 85%; }

.m { font-size: 140%;}

.red { color: #ff0000; }

.blue { color: #0068b7; }

.kgreen { color: #2b7758; }

.ugreen { color: #77b67d; }

.mark { background-color: #ffe718; }

.mark2 { background-color: #ffffd6; }

.under { text-decoration: underline; }

.ubd { border-bottom: 1px dashed #77b67d; }