@CHARSET "utf-8";
@import "default.css";

body {
  background: #e4f2da;
  font-family: Meiryo, 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif;
  text-align: center;
  line-height: 140%;
  color: #222;
}

a {
  color: #0044ff;
}
a:hover {
  color: #ff7300;
}

#contents-wrapper {
  width: 820px;
  padding: 10px 0px;
  margin: 0 auto;
  text-align: left;
  background: #fff;
}

/* header */
#header {
  background: url(../images/bg_header.jpg) no-repeat left top;
  width: 800px;
  height: 80px;
  margin-left: 10px;
  margin-bottom: 10px;
}
#header #logo {
  float: left;
  margin: 5px 0px 0px 10px;
}
#header h1 {
  float: right;
  width: 180px;
  text-align: center;
  margin: 46px 10px 0px 0px;
  padding: 2px;
  background: #fff;
  color: #333;
}

/* footer */
#footer {
  width:800px;
  margin: 0px 10px;
  padding: 0;
  display: block;
  overflow: hidden;
  text-align: center;
}
#footer-inner {
  background:url(../images/bg_footer.jpg) no-repeat;
  padding-top:8px;
  font-size: 9pt;
}
#footer-inner #footer-text table {
  margin: 0 auto;
}
p#copyright {
  background: url(../images/bg_footer_btm.jpg) no-repeat left top;
  padding-top: 12px;
}


#main-image {
  margin-left: 5px;
}

#contents {
  margin: 10px;
}

.wrapper {
  overflow: hidden;
  zoom: 1;
  margin-bottom: 20px;
}

.note {
  font-size: 86%;
  color: #888;
}

#globalError h2 { color: #f00; border: 1px solid #f00; background: #fff0f0; padding: 10px; text-align: center; font-size: 1.2em; margin-bottom: 20px;}
#globalError p { margin-bottom: 1em;}
#globalError p.message { background: url(../images/ico_dot.gif) no-repeat 0px 14px; padding: 10px 15px; color: #f00; font-weight: bold;}

/* search */
.search-box-inner {
  border: 3px solid #f3eee3;
  border-top: 0px;
  width: 254px;
}
.search-box-inner .search-box-inner2 {
  border: 1px solid #d3cab0;
  border-top: 0px;
  padding: 10px 10px;
  width: 232px;
}
.search-box-inner form .input-field {
  width: 220px;
}
.search-box-inner form .buttons {
  text-align: right;
  margin-top: 10px;
}
.box-search {
  float: left;
  width: 260px;
}
.box-search dd input,
.box-search dd select {
  font-size: 90%;
}
.box-search dt {
  padding: 10px 0px 0px 12px;
  background: url(../images/icon_list.gif) no-repeat 0px 13px;
  margin-left: 0px;
  font-weight: bold;
}
.box-search dd {
  padding: 0px 0px 10px 10px;
  border-bottom: 1px dotted #999;
}
.box-search .banner {
  text-align: center;
  margin-top: 10px;
}

#box-hotel-search {
  margin-right: 10px;
}

#box-ticket-search .search-box-inner form {
  min-height: 278px;
}
#box-spot-search {
  float: right;
}

/* topics */
#box-topics {
  font-size: 8pt;
  width: 552px;
  float: left;
}
#box-topics h2 {
  margin-bottom: 20px;
}
#box-topics dl {
  border-bottom: 1px dotted #999;
  padding-bottom: 10px;
  margin-bottom: 10px;
}
#box-topics dt {
  color: #ff8400;
  background: url(../images/icon_topics.gif) no-repeat 0px 3px;
  padding-left: 10px;
  margin-left: 10px;
}
#box-topics dd {
  margin: -18px 0px 0px 100px;
}
#box-topics dd p {
  margin-bottom: 1em;
}

/* side banners */
#box-side {
  width: 210px;
  float: right;
  padding: 10px;
  background: #f5f5f5;
}
#box-side #banners {
  margin-bottom: 10px;
}
#box-side #banners li { 
  margin-bottom: 5px;
}
#box-side #list-links li {
  margin-bottom: 10px;
}

/* inquiry form */
#page-inquiry {
  margin: 20px 0px;
}
#page-inquiry p {
  margin-bottom: 20px;
}
#page-inquiry .tbl-def {
  border-collapse: collapse;
  width: 700px;
  margin: 0px 50px;
}
#page-inquiry .tbl-def th {
  background: #f7feeb;
  color: #375205;
  border: 1px solid #375205;
  padding: 5px;
}
#page-inquiry .tbl-def td {
  border: 1px solid #375205;
  padding: 5px;
}
#page-inquiry .required {
  color: #f00;
  font-size: 86%;
}
#page-inquiry .buttons {
  text-align: center;
  margin: 20px 0px;
}
.error-message {
  color: #f00;
  font-weight: bold;
}
.error-box {
  background: #ffeaea;
  padding: 5px;
  text-align: center;
  font-weight: bold;
  border: 1px dotted #f00;
  color: #f00;
}
#page-inquiry .form-error {
  background: #fff4f4;
}

#flashMessage {
  background: #f44;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 3px;
}