@charset "utf-8";

/* actual location
-----------------------------------------*/
/*#navi1 a.stay { background-position:    0px -45px; }*/
/*#navi2 a.stay { background-position: -120px -45px; }*/
/*#navi3 a.stay { background-position: -240px -45px; }*/
/*#navi4 a.stay { background-position: -360px -45px; }*/

/* image
-----------------------------------------*/
#image {
  width: 100%;
  height: 304px;
  background: url(../../img/topimg.jpg) no-repeat;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
}
#image h3,
#image p {
  text-indent: -9999px;
}
#image ul {
  position: absolute;
  bottom: 25px;
  right: 10px;
}
#chintai,
#baibai {
  width: 176px;
  height:70px;
  text-indent: -9999px;
  margin-bottom: 40px;
}
#chintai a,
#baibai a {
  width: 100%;
  height: 100%;
  display: block;
}
#chintai a {

}
#chintai a {

}
/* main
-----------------------------------------*/
#main1 {
  background: url(../../img/recommend.png) no-repeat;
}
#main1 h3 {
  text-indent: -9999px;
}
#recommend {
  clear: both;
  width: 460px;
  margin: 50px 0 0 15px;
}
#recommend dl {
  margin-top: 10px;
}
#recommend dt {
  float: left;
  width: 100px;
  height: 75px;
  margin-bottom: 10px;
}
#recommend dd {
  float: right;
  width: 350px;
}
#recommend span.chin {
  background-color: orange;
  color: #fff;
  padding: 1px 5px;
  margin-right: 5px;
  
}
#recommend span.kodate {
  background-color: skyblue;
  color: #fff;
  padding: 1px 5px;
  margin-right: 5px;
}
#recommend span.tochi {
  background-color: green;
  color: #fff;
  padding: 1px 5px;
  margin-right: 5px;
}
.price {
  color: red;
  font-size: 120%;
  font-weight: bold;
}
.clearx {
  border-bottom: 1px dotted #ccc;
  _margin-bottom: 1px;
  clear: both;
}

/* side
-----------------------------------------*/
#side1 {
  background: url(../../img/whatnew.png) no-repeat;
}
#side1 h3 {
  text-indent: -9999px;
}
#whatnew {
  width: 265px;
  margin: 47px 15px 5px 15px;;
}
#whatnew dd {
  padding-bottom: 10px;
  margin-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}
#topic {
  width: 100%;
  height: 201px;
  background-color: #eee;
}
#topic p {
  width: 285px;
  height: 93px;
  padding: 5px 0 0 5px;
}
#topic #kyokai a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../../img/society.png) no-repeat;
}
#topic #tatusno a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  background: url(../../img/tatsuno.png) no-repeat;
}