@charset "UTF-8";
*{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

#column{
  margin-left : 0px;
  width : 236px;
  font-size : medium;
  float : left;
  background-color : rgba(88, 29, 22, 0.65);
  padding-top : 30px;
}

#contents{
  width : 640px;
  margin-top : 10px;
  margin-left : 44px;
  margin-right : 44px;
  margin-bottom : 10px;
  padding-top : 30px;
  padding-left : 30px;
  padding-right : 30px;
  padding-bottom : 30px;
  font-size : small;
  font-family : "ＭＳ Ｐゴシック";
  background-color : white;
  color : #524536;
  float : right;
  border-top-left-radius : 20px 20px;border-top-right-radius : 20px 20px;border-bottom-right-radius : 20px 20px;border-bottom-left-radius : 20px 20px;
}

#column ul{
  list-style-type : none;
}

#column ul li span{
  background-color : #3d4d31;
  width : 215px;
  height : 50px;
  display : block;
  text-align : center;
  color : white;
  line-height : 50px;
  font-family : "ＭＳ Ｐゴシック";
  font-size : 15px;
}
#column ul li span:hover{
  background-color : rgba(210, 149, 45, 0.6);
  width : 215px;
  height : 50px;
  display : block;
}

a{
  text-decoration : none;
}

h1{
  font-size : large;
}

#column p{
  width : 215px;
  height : 200px;
  background-color : transparent;
  background-image : url(obi.png);
  background-repeat : no-repeat;
  background-position : 100% bottom;
  text-align : center;
  padding-top : 40px;
  padding-left : 0px;
  padding-right : 15px;
  padding-bottom : 0px;
}

#header{
  width : auto;
}

#contents2{
  margin-left : 0px;
  margin-right : 0px;
  width : 794px;
  margin-top : 0px;
  background-color : white;
  float : right;
  font-size : small;
}

#footer{
  background-color : transparent;
  width : 1024px;
  height : 94px;
  background-repeat : repeat-x;
  background-image : url(roomsfooter.png);
  float : left;
}

#contents ul{
  list-style-type : none;
}

#contents ul li span{
  width : 630px;
  height : 80px;
  display : block;
  background-color : white;
  margin-bottom : 5px;
  line-height : 1.7;
  vertical-align : bottom;
  color : #524536;
  padding-right : 10px;
}

#contents ul li span:hover{
  width : 630px;
  height : 80px;
  display : block;
  background-color : #ebe8c0;
  padding-right : 10px;
}

#popup{
  margin-top : 10px;
  margin-left : 10px;
  margin-right : 10px;
  margin-bottom : 10px;
  width : 300px;
  height : 320px;
  background-color : white;
  float : left;
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;
  font-size : small;
  line-height : 1.5;
}

#popup h1{
  font-size : medium;
  font-family : "Bookman Old Style";
  text-decoration : underline:100%;
  width : 300px;
  height : 30px;
  float : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  background-image : url(popline.jpg);
  background-repeat : repeat-x;
  color : #453529;
  line-height : 30px;
}

#footer ul{
  list-style-type : none;
  text-align : center;
  line-height : 30px;
}

#footer ul li span{
  width : 120px;
  height : 30px;
  float : right;
  display : block;
  line-height : 30px;
  text-align : center;
  vertical-align : middle;
  font-size : small;
  color : white;
}

#footer ul li span:hover{
  width : 120px;
  height : 30px;
  float : right;
  display : block;
  line-height : 30px;
  text-align : center;
  background-color : #a4978a;
  font-size : small;
  text-decoration : none;
  color : white;
}

#column p2{
  background-color : transparent;
  width : 215px;
  height : 50px;
  display : block;
  color : white;
  text-align : center;
  line-height : 50px;
}

#main{
  width : 1024px;
  background-color : white;
  float : left;
}

h2{
  text-align : right;
  font-size : small;
}

#floatMenu{
    width : 66px;
    background-color : #b5b5ff;
    position : absolute;
    left: : 10px;
    padding : 10px 0px 10px 10px;
  left : 948px;
  top : 5%;
  border-top-left-radius : 10px 10px;
  border-bottom-left-radius : 10px 10px;
  bottom : 95%;
  margin-top : 0px;
  height : 450px;
}

#floatMenu ul{
  list-style-type : none;
}

#floatMenu ul li span{
  background-color : white;
  width : 66px;
  height : 19px;
  display : block;
  line-height : 20px;
  color : #49423a;
  text-align : center;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
}

#floatMenu ul li span:hover{
  background-color : #fffdaa;
  width : 66px;
  height : 19px;
  display : block;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : silver;
}

#column2{
  width : 230px;
  float : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  color : #524536;
  background-color : rgba(84, 58, 52, 0.5);
}

#column2 ul{
  list-style-type : none;
}

#column2 ul li span{
  width : 160px;
  height : 39px;
  display : block;
  font-size : small;
  line-height : 39px;
  color : white;
  background-color : rgba(84, 58, 52, 0.3);
  margin-left : 1px;
  text-align : center;
  font-weight : bold;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #897f75;
  position : relative;
  text-decoration : none;
}

#column2 ul li span:hover{
  width : 160px;
  height : 39px;
  display : block;
  color : #897f75;
  background-color : #e2e4c0;
  line-height : 39px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #d9d8cc;
  text-decoration : none;
}

h3{
  font-size : x-large;
  color : #524536;
}

#column h1{
  font-size : medium;
  color : white;
  width : 215px;
  line-height : 1.5;
  font-family : HG丸ｺﾞｼｯｸM-PRO;
  text-align : center;
}

#contents3{
  width : 100%;
  height : inherit;
  color : #5b554f;
  font-size : small;
  line-height : 2em;
}

#contents4{
  font-size : small;
}
#title{
  width : 230px;
  float : left;
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
  color : #524536;
  background-color : rgba(84, 58, 52, 0.5);
}
#map2 ul{
  list-style-type : none;
}

#map2 ul li span{
  background-color : rgba(96, 51, 49, 0.5);
  width : 90%;
  height : 39px;
  display : block;
  text-align : left;
  color : white;
  line-height : 40px;
  font-family : "ＭＳ Ｐゴシック";
  font-size : 15px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #b1a38b;
  padding-left : 10%;
}
#map2 ul li span:hover{
  background-color : rgba(155, 131, 115, 0.5);
  width : 90%;
  height : 39px;
  display : block;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #b1a38b;
  line-height : 40px;
  padding-left : 10%;
}