﻿HTML  { overflow-y:scroll;}
BODY  { margin: 0; background-color:#e9e8a4; background-image:url('body/background.jpg'); background-repeat:repeat-x; color:#425618;  -webkit-text-size-adjust:none;}
IMG   { border:0; *vertical-align:top; }
SELECT, INPUT, TEXTAREA
      { font-family:"メイリオ", Sans-Serif; font-size:1.1em; margin-bottom:3px; }
TABLE { border-spacing:0; *border-collapse:collapse; }
a     { text-decoration:none;}
h1    { margin: 0; padding:5px 20px 0 20px; font-weight:normal ; font-size:large; border:0;}
h1 a  { font-size:medium;} 
h2    { background-image:url('main/info/top_title.gif'); background-position:bottom; padding:0 0 30px 20px; font-size:16px; }
h3    { margin: 0 0 10px; padding: 4px 10px; font-size:16px; font-weight:normal; border-bottom:1px solid #999; }
h4    { font-size:12px; line-height:14px; margin:8px 0 2px; padding:2px 10px; color:#FFF; background-color:#9FA09D; font-weight:bold; }

.ime-active      { ime-mode: active;}
.ime-disabled    { ime-mode: disabled;}


/*　ページ背景＆サイズ　*/
.back_t           { background-image:url('body/back_t.png'); _background-image:url('body/back_t.gif'); height:15px; margin:0 auto; width:970px; overflow:hidden; }
.back_b           { background-image:url('body/back_b.png'); _background-image:url('body/back_b.gif'); height:15px; margin:0 auto; width:970px; overflow:hidden; }
.content_outer    { background-image:url('body/back_m.png'); _background-image:url('body/back_m.gif'); margin:0 auto; width:960px; padding:0 5px; font-family:"メイリオ", Sans-Serif; font-size:small; line-height:1.4em; }


/*　ヘッドコンテンツ　*/
.logo              { background-image:url('head/logo.jpg'); width:246px; height:60px; display:block; margin-left:20px; }

.head_menu         { vertical-align:bottom; text-align:right; }
.head_menu a       { display:inline-block; width:100px; height:30px; }
.head_menu a:hover { background-position:0 -30px; }

.headmenu_top      { background-image:url('head/menutop.jpg'); }
.headmenu_rooms    { background-image:url('head/menurooms.jpg'); }
.headmenu_plans    { background-image:url('head/menuplans.jpg'); }
.headmenu_rsv      { background-image:url('head/menursv.jpg'); }
.headmenu_access   { background-image:url('head/menuaccess.jpg'); }

.head_image        { background-image:url('head/headmain.jpg'); height:290px; }


/*　左メニューコンテンツ　*/
.content_left           { float: left; width: 260px; }

.left_menu1             { margin:0 0 15px 20px; }
.left_menu1 a           { display:block; margin:15px auto; width:160px; height:0; padding-top:50px; font-size:11px; line-height:1.2em;
                          color:#526628; text-align:right; overflow:hidden; background-repeat: no-repeat; }
.left_menu1 a:hover     { background-position:0 -50px; height:15px; margin-bottom:-15px; }

.button_top             { background-image:url('left/listtop.jpg'); }
.button_rooms           { background-image:url('left/listrooms.jpg'); }
.button_diary           { background-image:url('left/listdiary.jpg'); }
.button_activity        { background-image:url('left/listactivity.jpg'); }
.button_plans           { background-image:url('left/listplans.jpg'); }
.button_guestbook       { background-image:url('left/listguestbook.jpg'); }
.button_rsv             { background-image:url('left/listrsv.jpg'); }

.left_menu2             { margin:0 0 0 20px; }
.left_menu2 a           { display:block; margin:0 auto 10px; width:160px; height:30px; }
.left_menu2 a:hover     { background-position: 0 -30px; }

.button_confirm         { background-image:url('left/listconfirm.jpg'); }
.button_contact         { background-image:url('left/listcontact.jpg'); }
.button_article         { background-image:url('left/listarticle.jpg'); }
.button_cancel          { background-image:url('left/listcancel.jpg'); }
.button_privacy         { background-image:url('left/listprivacy.jpg'); }

.sign                   { background-image:url('left/sign.jpg'); margin-left:15px; width:240px; height:291px; }

/*　メインコンテンツ　*/
.content_main { margin-left: 275px; width:650px; }

.pt_info      { height:90px; background-image:url('main/title/info.jpg'); }
.pt_rsv       { height:90px; background-image:url('main/title/rsv.jpg'); }
.pt_plans     { height:90px; background-image:url('main/title/plans.jpg'); }
.pt_confirm   { height:90px; background-image:url('main/title/confirm.jpg'); }
.pt_contact   { height:90px; background-image:url('main/title/contact.jpg'); }
.pt_guestbook { height:90px; background-image:url('main/title/guestbook.jpg'); }
.pt_access    { height:90px; background-image:url('main/title/access.jpg'); }
.pt_activity  { height:90px; background-image:url('main/title/activity.jpg'); }

.freetext        { font-family:"メイリオ", Sans-Serif; font-size:medium; line-height:normal; overflow:hidden; }
.freetext P      { margin:0; }
.freetext ul, ol { margin:0 10px; padding:0 3em; font-size:13px; }
.note            { background-image:url('main/noteline.gif'); line-height:24px; margin:0 10px 10px; padding:0 10px; overflow:hidden; }

.mainframe,
.mainframe2   { background:white url('main/frame_t.gif') no-repeat; color:#2c2c2c; padding:10px 20px 0; }
.mainframe2   { min-height:550px; _height:550px; }
.mainframe_b  { background:white url('main/frame_b.gif'); height:10px; overflow:hidden; }


/*　フッターコンテンツ　*/
.footer          { clear:both; border-top:1px solid #444; margin-top:10px; }
.footer TABLE    { width:100%; text-align:center; font-size:11px; }


/*　プラン詳細　*/
.plantitle         { background: url('main/plantitle/back.jpg') repeat-x bottom left; margin:10px 0; font-size:20px;
                     font-weight:bold; line-height:1.3em; min-height:35px; padding:15px 0 22px; } 
.rsvbutton         { background-image:url('main/plantitle/rsvbutton.jpg'); float:right; margin-top:-15px; width:180px; height:50px; display:block; background-repeat:no-repeat; }
.rsvbutton:hover   { background-position:0 -50px; }

.plantitle IMG     { float:left; margin-top:-15px; }

.imageframe        { float:right; margin:0 0 10px 10px; width:160px; height:120px; }
.planimage         { position:absolute; right:0; z-index:1; width:160px; height:120px; }
 
.plandata_table    { width:430px; font-size: medium; line-height:1.3em; }
.plandata_table TD { vertical-align:top; padding-bottom:0.5em; }


/*　空室カレンダー＆予約登録　*/
.assist             { font-size:small; line-height:1.5em; padding:0 10px; display:block; font-weight:bold; }
.navimsg            { font-size:medium; line-height:1.5em; padding-left:20px; margin-top:0; }

.rsvback            { background-image:url('main/buttons/rsvback.jpg'); display:block; width:100%; height:40px; }
.rsvback:hover      { background-position: 0 40px; }
.rsvback:active     { background-position: 1px 41px; }

.rsvnext            { background-image:url('main/buttons/rsvnext.jpg'); display:block; width:100%; height:40px; }
.rsvnext:hover      { background-position: 0 40px; }
.rsvnext:active     { background-position: 1px 41px; }

.rsvbook            { background-image:url('main/buttons/rsvbook.jpg'); display:inline-block; width:200px; height:50px; }
.rsvbook:hover      { background-position: 0 50px; }
.rsvbook:active     { background-position: 1px 51px; }

.rsvedit            { background-image:url('main/buttons/rsvedit.jpg'); display:inline-block; width:200px; height:50px; }
.rsvedit:hover      { background-position: 0 50px; }
.rsvedit:active     { background-position: 1px 51px; }

.rsvcancel          { background-image:url('main/buttons/rsvcancel.jpg'); display:inline-block; width:200px; height:50px; }
.rsvcancel:hover    { background-position: 0 50px; }
.rsvcancel:active   { background-position: 1px 51px; }

.rsvquit            { background-image:url('main/buttons/rsvquit.gif'); float:right; margin-top:-15px;width:150px; height:40px;display:block; }
.rsvquit:hover      { background-position: 0 -40px; }
.rsvquit:active     { background-position: 0 40px; }

.indicater          { width:100%; text-align:center; margin:10px 0; }
.indicater SPAN     { display:block; font-size:13px; line-height:20px; padding-right:10px; }
.did                { background: url('main/status_did.jpg') right; color:darkgreen; }
.yet                { background: url('main/status_yet.jpg') right; }

.forecast           { margin:auto; width:95%; text-align: center; table-layout:fixed; }
.forecast TD        { padding:0 1px 1px; vertical-align:top; }

.monthlabel         { text-align:center; font-size:20px; line-height:40px; font-weight:bold; border-bottom:1px solid #CCC; margin-bottom:5px; color:#2c2c2c; }
.monthlabel a       { color: inherit; }
.monthlabel a:hover { color:orange; }
.daylabel           { display:block; background-color:#F5F5F5; font-size:13px; line-height:17px; font-weight:bold; border-top:1px solid #AAA; border-bottom:1px solid #CCC; }
.rooms              { display:block; font-size:24px; line-height:40px; font-family:ＭＳ ゴシック }
.rooms:hover        { background-color:#EEE; }
.dayrate            { font-size:11px; line-height:11px; }

.nights             { margin:50px 30px 0; }
.nights P           { padding:20px 20px 15px; border-bottom:solid 1px #AAA; font-size:26px; margin:0; }
.nights SELECT      { width:3em; }

.roomlist           { width:90%; margin:0 auto; }
.roomlist TD        { vertical-align:top; font-size:16px; padding:10px; border-bottom:1px solid #AAA; }
.roomlist SELECT    { width:3em; }

.parsons            { font-size:19px; line-height:2.5em; margin:50px 0 0 100px; }
.parsons SPAN       { display:inline-block; width:3.5em; }
.parsons SELECT     { width:3em; }

.ratetable          { margin:0 auto; width: 90%; font-size:13px; line-height:2em; } 
.ratetable TD       { border-bottom:solid 1px #DDD; }
.ratetablefoot      { line-height:3em; font-weight:bold; }

.guestdata          { font-size:13px; width:95%; margin:0 auto; }
.guestdata TD       { vertical-align:top; border-bottom:solid 1px #CCC; padding-top:3px; }
.guestdata TEXTAREA { overflow:auto; }

.Rpanel             { width:170px; height:154px; display:inline-block; margin-left:10px; }
.Rpanel1, .Rpanel2  { width:100%; height:100%; }
.Rpanel2:hover      { background-image:url('main/rooms/white30.png'); _background-image:none; }


/*　予約確認変更ページ　*/
.rsvfind            { background-image:url('main/buttons/rsvfind.jpg'); display:inline-block; width:200px; height:50px; }
.rsvfind:hover      { background-position: 0 50px; }
.rsvfind:active     { background-position: 1px 51px; }


/*　お問い合せページ　*/
.msgsend            { background-image:url('main/buttons/msgsend.jpg'); display:inline-block; width:200px; height:50px; }
.msgsend:hover      { background-position: 0 50px; }
.msgsend:active     { background-position: 1px 51px; }


/*　ゲストブックページング　*/
.pager         { word-spacing:10px; color:#222; }
.pager a       { color:inherit; }
.pager a:hover { color:orange; }
.currentpage   { font-weight:bold; }
