*{
  margin: 0;
  padding: 0;
}
html {
  height: 100%;
}
body {
  text-align: center;
  background: #f2f2f2 url("../../images/common/bg_body.gif") 0 0;
  height: 100%;
/* font-family: 'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro W3','ヒラギノ角ゴ Pro W3','MS UI Gothic',sans-serif; */
}

.f8 {
  font-size: 8pt;
}
.f9 {
  font-size: 9pt;
}
.f10 {
  font-size: 10pt;
}

a {
  text-decoration: none;
}
a:hover {
  color: orange;
  text-decoration: underline;
}
img {
  border-style: none;
  border-width: 0px;
  text-decoration: none;
}
img.border {
  border:1px solid #ccc;
}

.box {
  clear: both;
  margin: 10px;
  padding: 5px;
  border: 1px solid #dddddd;
}
.box_noline {
  margin: 1px;
  padding: 0px;
}

.rmv{
  display: block;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#basewall{
  width: 784px;
  padding: 0 0px;
  margin: 0 auto 0 auto;
}

#topwall {
  top: 5px;
  padding: 0px;
  margin: 10px auto 0 auto;
  border-top: 2px solid #ddd;
  background: #fff url("../../images/index/bg_topcol.gif") 50% 0 repeat-y;
}
#topwallwhite {
  top: 5px;
  padding: 0px;
  margin: 10px auto 0 auto;
  border-top: 2px solid #ddd;
  background: #fff url("../../images/index/bg_topcol_white.gif") 50% 0 repeat-y;
}

#bottomwall {
  height: 58px;
  padding: 10px 0 0 0;
  margin: 0px auto 10px auto;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #aaa;
  background: #fff url("../../images/index/bg_topcol.gif") 50% 0 repeat-y;
  font-size: 7.5pt;
  text-align: right;
}
#bottomwall a{color:#333; text-decoration:none;}
#bottomwall a:hover{color:#EF810F; text-decoration:underline;}

#bottomwallwhite {
  height: 58px;
  padding: 10px 0 0 0;
  margin: 0px auto 10px auto;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #aaa;
  background: #fff url("../../images/index/bg_topcol_white.gif") 50% 0 repeat-y;
  font-size: 7.5pt;
  text-align: right;
}
#bottomwallwhite a{color:#333; text-decoration:none;}
#bottomwallwhite a:hover{color:#EF810F; text-decoration:underline;}

#iyashidog {
  float: right;
  margin: 0 2px 0 0;
}

.whitetop {
  width: 780px;
  height: 106px;
  background-color: #ffffff;
}
.whitebase {
  width: 780px;
  margin: 0 2px 0 2px;
}
.boxbottom {
  width: 100%;
  overflow: hidden;
}

#logotop{
  width: 780px;
}
#logotail{
  width: 105px;
  float: left;
}

#globalnavi {
  top: 4px;
  left: 8px;
  position: relative;
  padding: 0;
  z-index: 1;
}
#globalnavi ul {
  position: relative;
  text-align: left;
  float: left;
  z-index: 2;
  width: 658px;
  background: url("../../images/index/gn.gif") no-repeat;
}
#globalnavi li {
  display: inline;
}
#globalnavi li a {
  display: block;
  float: left;
  width: 73px;
  height: 41px;
  margin: 0px;
  padding: 0px;
  text-indent: -9999px;
  text-decoration: none;
  /*\*/
  overflow:hidden;
  /**/
}

/* マウスのオン、オフの設定 */
/* オーバー */
#gn-home     a:hover {width:73px;background:url("../../images/index/gn-home-hover.gif") no-repeat;}
#gn-shop     a:hover {width:73px;background:url("../../images/index/gn-shop-hover.gif") no-repeat;}
#gn-hotel    a:hover {width:73px;background:url("../../images/index/gn-hotel-hover.gif") no-repeat;}
#gn-job      a:hover {width:73px;background:url("../../images/index/gn-job-hover.gif") no-repeat;}
#gn-school   a:hover {width:73px;background:url("../../images/index/gn-school-hover.gif") no-repeat;}
#gn-campaign a:hover {width:73px;background:url("../../images/index/gn-campaign-hover.gif") no-repeat;}
#gn-square   a:hover {width:73px;background:url("../../images/index/gn-square-hover.gif") no-repeat;}
#gn-regist   a:hover {width:73px;background:url("../../images/index/gn-regist-hover.gif") no-repeat;}
#gn-contact  a:hover {width:73px;background:url("../../images/index/gn-contact-hover.gif") no-repeat;}

/* オン */
#gn-home a.on,     #gn-home a.on:hover     {width:73px;background:url("../../images/index/gn-home-on.gif") no-repeat;}
#gn-shop a.on,     #gn-shop a.on:hover     {width:73px;background:url("../../images/index/gn-shop-on.gif") no-repeat;}
#gn-hotel a.on,    #gn-hotel a.on:hover    {width:73px;background:url("../../images/index/gn-hotel-on.gif") no-repeat;}
#gn-job a.on,      #gn-job a.on:hover      {width:73px;background:url("../../images/index/gn-job-on.gif") no-repeat;}
#gn-school a.on,   #gn-school a.on:hover   {width:73px;background:url("../../images/index/gn-school-on.gif") no-repeat;}
#gn-campaign a.on, #gn-campaign a.on:hover {width:73px;background:url("../../images/index/gn-campaign-on.gif") no-repeat;}
#gn-square a.on,   #gn-square a.on:hover   {width:73px;background:url("../../images/index/gn-square-on.gif") no-repeat;}
#gn-regist a.on,   #gn-regist a.on:hover   {width:73px;background:url("../../images/index/gn-regist-on.gif") no-repeat;}
#gn-contact a.on,  #gn-contact a.on:hover  {width:73px;background:url("../../images/index/gn-contact-on.gif") no-repeat;}

/* pref table area */
table.pref {
  width: 613px;
  padding: 7px;
  margin: 3px 0 0 11px;
  border: 1px solid #dddddd;
  font-size: 100%;
}
.pref td {
  padding: 2px 2px 2px 2px;
  color: #444444;
}
.pref td h2 {
  font-size: 110%;
}
#areanav {
  padding: 0;
  margin: 5px;
}
#areanav ul#areanavbox {
  width: 550px;
}
#areanav ul li {
  list-style: none;
  margin: 2px 0;
  float: left;
}
li.area {
  clear: both;
  width: 600px;
}
ul.area {
}
ul.area li {
}
li.prefectures {
  float: left;
  padding: 0 5px;
  font-size: 110%;
}
li.cities {
  float: left;
  padding: 0 5px;
  font-size: 95%;
  line-height: 80%;
}
#areanav ul li a {
  font-size: 80%;
  text-decoration: none;
}

#mainarea {
  width: 780px;
  float: left;
  position: relative;
  text-align: left;
}
#maincontents {
  width: 626px;
  margin: 0 0 0 2px;
  padding: 0;
  position: relative;
  float: left;
  text-align: left;
  font-size: 80%;
  background-color: #FFFFFF;
}

/* main box */
table.mainbox {
  width: 610px;
  padding: 7px;
  margin: 3px 0 7px 11px;
  border: 1px solid #dddddd;
  font-size: 100%;
}
table.mainbox td {
  padding: 2px 2px 2px 2px;
  color: #333333;
}
table.mainbox td h2 {
  font-size: 110%;
}
table.mainbox td h3 {
  font-size: 95%;
}
table.mainbox td p {
  padding: 3px 5px 8px 5px;
  line-height: 150%;
}
table.mainbox td p.pp {
  padding: 3px 5px 8px 5px;
  line-height: 150%;
  font-size: 80%;
}
table.mainbox td img.r{
  float: right;
  margin: 5px;
}
table.mainbox td img.l{
  float: left;
  margin: 5px;
}
table.mainbox ul li{
  margin:2px 25px;
}
table.mainbox ol li{
  margin:2px 25px;
}

/* white box */
table.whitebox {
  width: 750px;
  padding: 7px;
  margin: 7px 0 7px 11px;
  border: 1px solid #dddddd;
  font-size: 100%;
}
table.whitebox td {
  padding: 2px 2px 2px 2px;
  color: #333333;
}
table.whitebox td h2 {
  font-size: 110%;
}
table.whitebox td h3 {
  font-size: 95%;
}
table.whitebox td p {
  padding: 3px 5px 8px 5px;
  line-height: 150%;
}
table.whitebox td p.pp {
  padding: 3px 5px 8px 5px;
  line-height: 150%;
  font-size: 80%;
}
table.whitebox td img.r{
  float: right;
  margin: 5px;
}
table.whitebox td img.l{
  float: left;
  margin: 5px;
}
table.whitebox ul li{
  margin:2px 25px;
}
table.whitebox ol li{
  margin:2px 25px;
}

#sidebar {
  float: left;
  position: relative;
  text-align: left;
  margin: 0px;
  padding: 0px;
  left: 0px;
  width: 144px;
  background-color: #FFF5E1;
}
#month {
  position: relative;
  text-align: left;
  background: url("../../iyashi/room/month") no-repeat;
  height: 110px;
}
#update {
  background-color:#fff5e1;
}
h2.update {
  font-size: 80%;
  width: 144px;
  color: #000000;
  background-color: #F3D500;
  border: 1px solid #dddddd;
  text-align: center;
}
#sidemenu {
  padding: 0;
  margin: 5px;
  width: 130px;
}
#sidemenu ul li {
  list-style: none;
  margin: 2px 0;
}
#sidemenu ul li a {
  display: block;
  font-size: 80%;
  text-align: left;
  text-decoration: none;
  width: 130px;
}
#sidemenu ul li a{}
#sidemenu ul li a:hover {color: #000;background: #ccc;}
#sidemenu ul li a.on, #regnav ul li a.on:hover{color: #ddd;background: #d00;}


/* iyashi room guide banner at bottom-right */
p.bottom_banner {
  padding: 0 5px 10px 0;
  text-align: right;
}

/* front inquiry */
input.text_mailaddress {
  font-size: 9pt;
  width: 180px;
  ime-mode: disabled;
}
textarea.text_inquiry {
  font-size: 9pt;
  width: 450px;
  height: 300px;
}