@charset "Shift_JIS";       /* 文字コードセット */


/* 全体構造
---------------------------------------------------- */
* {margin: 0px;padding: 0px;}

dl:after{
    content: "";
    display: block;
    height: 1px;
    clear: both;
    visibility: hidden;
}

dl{
    display:inline-block;　/* MAC IE用　*/
    min-height:1%;  /* IE 7用 */
}

/*--MAC IEは非適用→ \*/
* html dl{height: 1%;}
dl{display: block;}
/*--ここまでMAC IEは非適用 */

a{ outline:none;}

body {
  background:url(../img/bg.jpg) repeat;
  font-size: 0.8em; /* 基本のフォントサイズ */
  line-height: 1.5em; /* 基本の行間 */
  text-align:center;
  font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴPro W3",Osaka,"メイリオ",  Arial,Verdana,"ＭＳ Ｐゴシック";
}

#wrapper {
    width: 760px; /* 基本ページ幅 */
    color: #333; /* 基本文字色 */
    text-align:left;
    margin:0px auto; /* 新しいブラウザ用中央揃え */
    background-color:#fff;
}


/* リンク
---------------------------------------------------- */
a:link {color: #1e2035; text-decoration:none;} /* リンクの色 */
a:visited {color: #1e2035; text-decoration:none;} /* 訪問済みリンクの色 */
a:hover, a:active {color: #1e2035; text-decoration: underline;} /* マウスオーバー、アクティブリンクの色 */

/* ヘッダ
---------------------------------------------------- */
#header {
    width:760px;
    height:89px;
    background:url(../img/header2.jpg) no-repeat;
    margin:0 auto;
}
#header2 {
    width:760px;
    height:89px;
    background:url(../img/header3.jpg) no-repeat;
    margin:0 auto;
}

h1 {margin: 0px;float:left;}

#header h1 a{display:block;text-decoration:none;width:500px;height:89px;text-indent:-9999px;}
#header2 h1 a{display:block;text-decoration:none;width:540px;height:89px;text-indent:-9999px;}
h1 a:link, h1 a:visited{text-decoration:none;}
h1 img{vertical-align:bottom;} /* firefox,Operaなどで、見出し画像下の隙間をなくす */


/* ページ本体
---------------------------------------------------- */
#pagebody {width:730px; padding:15px;}


/* ナビゲーション
---------------------------------------------------- */
#navigation {
  width:708px;  /* ナビボックス横幅 */
  height:32px;　/* ナビボックス縦幅 */
  font-size:12px;
  line-height:120%;
  float:left;
  margin-bottom:25px;
}

#navigation ul{list-style:none;}
#navigation li{float:left;}
#navigation li a{display:block;text-decoration:none; text-indent:-9999px;}

#navi1 a{background-image:url(../img/reserve-katei1-off.gif); width:177px;height:32px;}
#navi2 a{background-image:url(../img/reserve-katei2-off.gif); width:177px;height:32px;}
#navi3 a{background-image:url(../img/reserve-katei3-off.gif); width:177px;height:32px;}
#navi4 a{background-image:url(../img/reserve-katei4-off.gif); width:177px;height:32px;}

#navi1-on a{background-image:url(../img/reserve-katei1-on.gif); width:177px;height:32px;}
#navi2-on a{background-image:url(../img/reserve-katei2-on.gif); width:177px;height:32px;}
#navi3-on a{background-image:url(../img/reserve-katei3-on.gif); width:177px;height:32px;}
#navi4-on a{background-image:url(../img/reserve-katei4-on.gif); width:177px;height:32px;}

#navi1 a:hover{background-image:url(../img/reserve-katei1-on.gif);}
#navi2 a:hover{background-image:url(../img/reserve-katei2-on.gif);}
#navi3 a:hover{background-image:url(../img/reserve-katei3-on.gif);}
#navi4 a:hover{background-image:url(../img/reserve-katei4-on.gif);}


/* コンテンツ
---------------------------------------------------- */
h2{clear:both;text-indent:-9999px;}
h3{clear:both;}



/* フッタ
---------------------------------------------------- */
#pagetop{ border-top:1px dotted #1e2035; padding-top:5px;}
#pagetop a{ float:right; width:123px;}

#footer{
    clear:both;
    margin:0px auto;
    padding-top:10px;
    width:730px;
    background:url(../img/footer.gif) no-repeat;
    height:70px;
    text-indent:-9999px;
}


/* 背景画像
---------------------------------------------------- */
#reserve-01{background:url(../img/reserve-01.gif) no-repeat;width:275px;height:34px;}
#reserve-02{background:url(../img/reserve-02.gif) no-repeat;width:275px;height:34px;}
#reserve-03{background:url(../img/reserve-03.gif) no-repeat;width:275px;height:34px;}
#reserve-04{background:url(../img/reserve-04.gif) no-repeat;width:275px;height:34px;}


/* 宿泊日を予約
---------------------------------------------------- */
.month{ float:left; width:345px; padding:0px 10px;}
.month h3{ background-color:#f9f9f9; text-align:center; font-size:130%; padding:5px 0px;}

.calender{
    background-color:#f9f9f9;
    border:1px solid #aaa;
    border-collapse:collapse;
    width:100%;
}
.calender th{
    background-color:#c7c7dd;
    border:1px solid #aaa;
    border-collapse:collapse;
    padding:2px;
    vertical-align:top;
    text-align:center;
}
.calender td{
    border:1px solid #aaa;
    border-collapse:collapse;
    width:36px;
    padding:2px;
    vertical-align:top;
    text-align:center;
}

.calender-day{ background-color:#f1f1f1;}

#contact-bottun{text-align:center;}


/* 部屋タイプを予約
---------------------------------------------------- */
#reserve-checkin{ border:1px solid #aaa;border-collapse:collapse; float:left; margin-bottom:20px;}
#reserve-checkin th{ background-color:#f1f1f1;border:1px solid #aaa;border-collapse:collapse;padding:5px 10px; font-weight:normal;}
#reserve-checkin td{ background-color:#f9f9f9;border:1px solid #aaa;border-collapse:collapse;padding:5px 10px;}

#reserve-room{
    background-color:#f9f9f9;
    border:1px solid #aaa;
    border-collapse:collapse;
    width:100%;
    text-align:center;
}
#reserve-room th{
    background-color:#c7c7dd;
    border:1px solid #aaa;
    border-collapse:collapse;
    padding:2px 20px;
    vertical-align:top;
    font-weight:normal;
}
#reserve-room td{
    border:1px solid #aaa;
    border-collapse:collapse;
    padding:2px 20px;
    vertical-align:top;
}
.reserve-room2{ text-align:left;}


/* 部屋タイプを予約
---------------------------------------------------- */
#reserve-order{
    background-color:#f9f9f9;
    border:1px solid #aaa;
    border-collapse:collapse;
    width:100%;
}
#reserve-order th{
    background-color:#c7c7dd;
    border:1px solid #aaa;
    border-collapse:collapse;
    padding:2px 20px;
    vertical-align:top;
    font-weight:normal;
}
#reserve-order td{
    border:1px solid #aaa;
    border-collapse:collapse;
    padding:2px 20px;
    vertical-align:top;
}

.form01{width:100px;}
.form02{width:150px;}
.form03{width:200px;}
.form04{width:250px;}
.form05{width:500px;}


/* 汎用スタイルシート
---------------------------------------------------- */
p{margin-bottom:1.2em;}
img {border: 0px;}

.clear {clear: both;}

.tar{text-align:right}
.tac{text-align:center}
.tal{text-align:left}

.f-left{float:left}
.f-right{float:right;}

.aka {color: #ee0000;}

.small{ font-size:10px; _font-size:9px;}

.li{ list-style:square; margin:20px 0px 20px 20px;}

.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mr15{ margin-right:15px;}
.ml20{ margin-left:20px;}
.mr5{ margin-right:5px;}




/* エラーメッセージ用スタイルシート
---------------------------------------------------- */
.error-message {
color:#FF0000;
}
#flashMessage {
color:#FF0000;
}