/* ================================================== */
/* イニシャライズ
===================================================== */
* {
  margin: 0;
  padding: 0;
  font-size: 98%;
  color: #404040;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

a, a:link, a:visited {
  color: #003399;
  background-color: transparent;
  text-decoration: none;
}
a:hover, a:active {
  color: #cc0000;
}

ul {
  margin-bottom: 1em;
  list-style-type: none;
  list-style-position: outside;
}

dl, dd {
  margin-bottom: 0.5em;
}

p {

  font-size: 85%;

  letter-spacing : 1px;
  color: #404040;
  line-height: 145%;
  margin-bottom: 1em;
}

/* common styles */
body {
  color: #000000;
  background-color: #ffffff;
  text-align: center;

  background-image: url("../image/body-color.gif");

}

p.skipLink, p.hPhrase {
  display: none;
}

p.fClear {
  clear: both;
  height: 0;
}

p#siteFooter {
  clear: both;
  margin: 0 auto;
  font-size: 70%;
  text-align: center;
}
.collapse {border-collapse: collapse;}
.separate {border-collapse: separate;}

/* ================================================== */
/* メインコンテナ（container）
===================================================== */
div#container {
  position: relative;
  width: 780px;
  height: auto;
  margin: 0px 0 0 0;
  padding: 0 0px 0 0px;
  color: #333333;
  text-align: left;
  border: 2px solid #362f2d;
  background-image: url(../image/container-color.jpg);

}

/* ================================================== */
/* ヘッダー（header）
===================================================== */
div#head-h1 {
  width: 780px;
  height: auto;
  background-color: transparent;
}
div#header {
  width: 780px;
  height: 60px;
  overflow: hidden;
  background-color: transparent;

  background-image: url(../image/header.jpg);
  background-repeat: no-repeat;
/*
  border-top: 1px solid #a0a0a0;
  border-bottom: 1px solid #e0e0e0;
*/
}

div#header a {
  display: block;
  width: 250px;
  height: 44px;
}


/* ================================================== */
/* メインナビゲーション（mainNavi）
===================================================== */
ul#mainNavi {
  display: block;
  width: 780px;
  height: auto;
  margin: 0 0 0 0px;
  background-color: #362f2d;
  border: 1px solid #362f2d;
}

ul#mainNavi li {
  display: inline;
  float: left;
  font-size: 80%;
  font-weight: normal;
  height: 20px;
  width: 95px;
  margin: 0 0 0 0px;
  text-transform: uppercase;
  text-align: center;
  background-color: #362f2d;
/*
background-image: url(../image/m-bk-1.jpg);
*/
}
ul#mainNavi a {
  display:block;
  width: auto;
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 4px 0px 2px 0px;

  color: #ffffff;
}
ul#mainNavi li#mHome {
  margin-left: 0px;
  width: 95px;
  }
ul#mainNavi li#mReserve {
  width: 110px;
}
ul#mainNavi a:link, ul#mainNavi a:visited {
  color: #ffffff;

}
ul#mainNavi a:hover, ul#mainNavi a:active {
  color: #362f2d;
  background-color: #e7d7c0;
  background-image: url(../image/m-bk-2.jpg);

}

/*---------------------------*/
#home ul#mainNavi li#mHome a {
  color: #606060;
  background-image: url(../image/m-bk-3.jpg);
  background-repeat: no-repeat;
}
#facilities ul#mainNavi li#mFacilities a {
  color: #606060;
  background-image: url(../image/m-bk-3.jpg);
  background-repeat: no-repeat;
}
#room ul#mainNavi li#mRoom a {
  color: #606060;
  background-image: url(../image/m-bk-3.jpg);
  background-repeat: no-repeat;
}

#cuizine ul#mainNavi li#mCuizine a {
  color: #606060;
  background-image: url(../image/m-bk-3.jpg);
  background-repeat: no-repeat;
}

#spa ul#mainNavi li#mSpa a {
  color: #606060;
  background-image: url(../image/m-bk-3.jpg);
  background-repeat: no-repeat;
}

#guide ul#mainNavi li#mGuide a {
  color: #606060;
  background-image: url(../image/m-bk-3.jpg);
  background-repeat: no-repeat;
}

#access ul#mainNavi li#mAccess a {
  color: #606060;
  background-image: url(../image/m-bk-3.jpg);
  background-repeat: no-repeat;
}

#reserve ul#mainNavi li#mReserve a {
  color: #606060;
  background-image: url(../image/m-bk-3.jpg);
  background-repeat: no-repeat;
}

/* ================================================== */
/* トップページバナー（topBanner）
===================================================== */
div#topBanner {
  clear: both;
  width: 780px;
  height:300px;
  margin: 0 0 0 0;
  color: #000000;

  border-top: 1px solid #e0e0e0;
  background-color: transparent;

  background-image : url(../image/p-04.jpg);
  background-repeat: no-repeat;
}


/* ================================================== */
/* バナー（siteBanner）
===================================================== */
div#siteBanner {
  clear: both;
  width: 780px;
  height: 240px;
  margin: 0 0 0 0;
  padding-top:0px;
  padding-left: 10px;

  color: #000000;
  background-color: transparent;
  border-top: 1px solid #e0e0e0;

}

#facilities div#siteBanner {

  background-image : url(../image/facilities-banner.jpg);
  background-repeat: no-repeat;

}
#room div#siteBanner {

  background-image : url(../image/room-banner.jpg);
  background-repeat: no-repeat;

}
#cuizine div#siteBanner {

  background-image : url(../image/cuizine-banner.jpg);
  background-repeat: no-repeat;

}
#spa div#siteBanner {

  background-image : url(../image/spa-banner.jpg);
  background-repeat: no-repeat;

}
#guide div#siteBanner {

  background-image: url(../image/guide-banner.jpg);
  background-repeat: no-repeat;

}

#access div#siteBanner {

  background-image: url(../image/access-banner.jpg);
  background-repeat: no-repeat;

}
#reserve div#siteBanner {

  background-image: url(../image/reserve-banner.jpg);
  background-repeat: no-repeat;

}


/* ================================================== */
/* メインコンテンツ（mainContents）
===================================================== */

/*　ブロック
------------------------------------------------------*/
div#mainContents {
  display: block;
  float: left;
  width: auto;
  height: 800px;
  min-height: 600px;
  margin: 0 0 1em 0;
  padding: 0 0 0 4px;
background-color: #ffffff;
/*  
background-color: #ffffff;
  background-image: url(../image/wellcome-back.gif);
  background-repeat: repeat-x;
*/
}

div#leftContents {
  display: block;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 4px 8px 10px;
  width: 240px;
  height: 800px;
  background-color: transparent;

}
div#leftContents div#wellcome {
  margin: 0px 8px 8px 0;
  padding: 4px 8px 8px 8px;
  border: 1px dotted #d7ded6;

}
div#WhatNew{
  margin: 0px 8px 8px 0;
  padding: 4px 8px 8px 8px;
  border: 1px dotted #d7ded6;

}
div#leftContents div#profile {
 margin: 30px 0 0 0;
 height: auto;
}

div#mainContents div.plan{
  display: block;
  width: 500px;
  height: auto;
  
  margin: 0 0 1em 0;
  padding: 8px 8px 8px 8px;
  border-bottom: 1px solid #d7ded6;
  border-left: 1px solid #d7ded6;
  border-right: 1px solid #d7ded6;
  background-image: url(../image/plan-bar.jpg);
  background-repeat: no-repeat;
}



div#mainContents div.column{
  width: auto;
  height: auto;
  
  margin: 0 0 0.5em 0;
  padding: 8px 8px 8px 8px;
}
div#mainContents div.guide{
  width: auto;
  height: auto;
  border: 1px solid #aaaaaa;
  margin: 0 10px 0.5em 10px;
  padding: 8px 8px 8px 8px;
}
div.col {
  width: auto;
  height: 120px;
  margin: 0 0 0.5em 20px;
}


div.photoBox{
  display: block;
  float: left;
  width: 220px;
  height: auto;
  
  margin: 0 5px 0.5em 0;
  padding: 4px 4px 4px 4px;
}

div.map{
  display: block;
  width: 450px;
  height: auto;
  
  margin: 0 5px 0.5em 0;
  padding: 4px 4px 4px 4px;
  border: 2px solid #362f2d;
}

div.dummy{
  height 100px;
}

/*　一般ページ
------------------------------------------------------*/


/* ================================================== */
/* 見出し
===================================================== */

/*　H1
------------------------------------------------------*/
/*	トップ
	--------------------------------------*/
div#head-h1 h1 {
  color: #404040;
  font-size: 9px;
  margin: 6px 0 2px 0px;
  padding: 6px 8px 2px 0px;
  text-align:right;
  font-weight: normal;
}

#home div#mainContents h1 {
  color: #404040;
  font-size: 12px;
  margin: 6px 0 2px 0px;
  padding: 6px 0 2px 0px;
/*
   background-image : url(../image/h1-back-top-01.gif);
  background-repeat: no-repeat;
*/
}
/*	一般ページ
	--------------------------------------*/
div#mainContents  h1 {

  margin: 4px 0 10px 0px;
  padding: 4px 0 4px 4px;

}


/*　H2
------------------------------------------------------*/

div#mainContents  h2 {
  font-weight: bold;
  color: #404040;
  font-size: 13px;

  margin: 6px 0 0.5em 0px;
  padding: 2px 0 2px 0px;
  background-color: #ffffff;
/*
  background-image : url(../image/h3.jpg);
*/
  clear: both;
}

div#mainContents  h2 a{
  color: #9a7cca;
}


div#mainContents h3 {
  margin: 4px 0px 4px 0px;
  padding: 5px 5px 5px 5px;
  color: #404040;
  font-size: 13px;
  /*line-height: 2px;
  border-top: 1px solid #a2c97c;
  border-bottom: 1px solid #a2c97c;

*/
  font-weight: bold;
  text-transform: capitalize;
  background-image : url(../image/h3.jpg);
  background-repeat: no-repeat;
  
}


div#box01 h4 {
	width: 160px;
  color: #800000;
}


/*　段落など
------------------------------------------------------*/
div#leftContents p {
  color: #ffffff;
}


p#topNavi {
  font-size: 70%;
  border-bottom: 1px dotted #aaaaaa;
}

p.bannerImg {
  margin: 0 0 4px 0;
  width: auto;
  height: auto;
}

p.bannerImg img {
  border: 1px solid #e0e0e0;
}

p.indexPhoto {
  float: left;
  margin: 0 1em 5px 0;
  width: auto;
  height: auto;
}
p.Photo {
  margin: 2px;
  width: auto;
  height: auto;
}
p.guidePhoto {
  float: left;
  margin: 0 1em 5px 0;
  width: auto;
  height: auto;
}
p.Photo img {
  border: 1px solid #333333;
}

p.indexPhoto img {
  border: 1px solid #333333;
}
p.indexPhotoR img {
  border: 1px solid #333333;
}
p.guidePhotoR img {
  border: none;
}

p.rightImg {
  float: right;
  width: auto;
  height: auto;
}

#mainContents  ul{
  
  list-style-type: disc;
  margin-bottom: 0.5em;
}

#mainContents  li{
  font-size: 92%;
  padding-left: 0px;
  margin-left: 20px;
  margin-bottom: 0.2em;
  list-style-type: disc;
  line-height: 140%;

}

#mainContents  dl{
    margin-bottom: 0.5em;

}

#mainContents  dt{
  font-size: 75%;
  font-weight: 100;
  padding:4px 0 4px 8px;
  margin: 8px 0 2px 0;
  font-size: 90%;
  color: #884444;
/*  

background-image: url("../image/title-back5-1.gif");
background-repeat: no-repeat;
*/
}
#mainContents  dd{
  padding-left: 20px;
  margin-left: 0px;
  margin-bottom: 0.5em;
font-size: 80%;

}
#leftContents dd{
  color: #ffffff;
}
#leftContents dl{
  color: #ffffff;
}
/*　テーブル
------------------------------------------------------*/

table {
  margin: 8px;
  border-collapse: collapse;
}

td {
  padding: 2px 10px 2px 2px;
  
  border-bottom: 1px solid #e0e0e0;
  line-height: 130%;
}
th {
  border-bottom: 1px solid #e0e0e0;
  text-align: right;
  font-weight: 100;
  padding: 2px 10px 2px 2px;
}
th.noline {
  border-bottom: none;
  text-align: right;
  font-weight: 100;
  padding: 2px 10px 2px 2px;
}

td.noline {
  padding: 2px 4px 2px 2px;
  line-height: 100%;
  border-bottom: none;
}
td.line {
  padding: 2px 4px 2px 2px;
  line-height: 100%;
  border:  1px solid #808080;
}