@charset "Shift_JIS";




#page{
  height: auto;
  background-repeat:no-repeat; 
  background-position:5% 2%;
}


html#page{
  min-height: 1800px;
}



#contentsbox{
  border-collapse: separate;
  border: 1px solid #99cc00;
  height: auto;
  background-color: #ffffff;
}

#lead{
  margin: 5px 0px 8px 5px;
  width: 710px;
  height: auto;
  font: 14px 'HGPƒSƒVƒbƒNM';
  text-align: left;
  color :#336633;
  border: 0px solid #647238;
  line-height: 120%;
}

.mail{
  padding: 0px 0px 0px 0px;
  height: auto;
  text-align: left;
  white-space: nowrap;
}

}

#index{
  margin: 0px 0px 10px -5px;
  width: 690px;
  height: auto;
  font: 12px '‚l‚r ‚oƒSƒVƒbƒN,Osaka';
  text-align: left;
  border: 0px solid #647238;
  clear: left;
}

#yotei{
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 740px;
  height: auto;
  font: 12px '‚l‚r ‚oƒSƒVƒbƒN,Osaka';
  border: 0px solid #647238;
}

td.date{
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 5px 0px;
  vertical-align: top;
  width: 150px;
  color: #336633;
  font-size: 17px;
  text-align: center;
  background-color: #ffffff;
  line-height: 100%;
}

td.guest{
  padding: 10px;
  font-size:15px;
  font-weight:normal;
  color: #336633;
  background-color:#b5e007;
  width: 680px;
  vertical-align: middle;
 }

td.comment{
  margin: 0px;
  padding: 5px;
  width: 450px;
  font-size: 13px;
  font-weight: nomal;
  color: #333333;
  line-height: 130%;
  border: 0px solid #647238;
}

td.photo{
  margin: 0px;
  padding: 5px;
  width: 80px;
  border: 0px solid #647238;
}

.photo{
  margin: 0px;
  padding: 0px;
  width: 80px;
  border: 1px solid #cccccc;
}

.big21{
  font-size: 21px;
  color: #336633;
  font-family: Century Gothic;
  font-weight: bold;
 }

.big18{
  font-size: 18px;
  color: #336633;
  font-family: Century Gothic;
  font-weight: bold;
 }

.guest{
  font-size: 15px;
  color: #336633;
  font-weight: bold;
 }

.guest_m{
  font-size: 13px;
  color: #336633;
  font-weight: bold;
 }







td.yokoku{
  background-color:#ffffff;
  width: 688px;
  padding: 5px;
  border: 1px solid #99cc00;
  white-space: nowrap;
}

td.index_area{
  background-color:#ffffff;
  width: 55px;
  padding: 5px;
  border-top: 1px solid #99cc00;
  border-bottom: 1px solid #99cc00;
  border-left: 1px solid #99cc00;
  white-space: nowrap;
}

td.index{
  background-color:#ffffff;
  width: 150px;
  padding: 5px;
  border-top: 1px solid #99cc00;
  border-bottom: 1px solid #99cc00;
  border-right: 1px solid #99cc00;
  white-space: nowrap;
}

.blueb{
  font-size:14px;
  color: #336633;
  font-weight: bold;
}

.green{
  font-size:14px;
  color:#0B7A9F;
  font-weight: normal;
}


body#inf{
  text-align:left;
  font: 13px '‚l‚r ‚oƒSƒVƒbƒN,Osaka';
}

td#midasi{
  padding: 5px 10px 5px 0px;
  background-color: #ffffff;
  text-align: left;
  font-weight: bold;
  color: #85AE0A;
  font-size: 16px;
}

td#bunti{
  padding: 10px 10px 10px 10px;
  border-collapse: separate;
  border: 1px solid #647238;
  text-align: left;
  background-color: #ffffff;
  color: #FFFFFF;
  font-size: 15px;
}

td#bun{
  padding:  10px;
  border-collapse: separate;
  border: 1px solid #647238;
  line-height: 1.4;
  text-align: left;
  background-color: #ffffff;
}

td#naiyo{
  padding: 2px 10px 0px 10px;
  text-align: left;
  width: 450px;
}

td#bkn{
  padding: 3px 10px 0px 0px;
  text-align: left;
  background-color: #ffffff;
  color: #009966;
}

td#inf{
  magine: 0px 0px 0px 0px;
  text-align: center;
  background-color: #ffffff;
  color: #009966;
}

.phdr{
  magine: 3px;
  border: 1px solid #99CC66;

  }


a:link { color: #339999; }
a:visited { color: #339999; }
a:hover { color: #339999; }
a:active { color: #339999; }