@charset "utf-8";

/* ------------------------------------------------------------------------ */
/* --- Page layout -------------------------------------------------------- */
/* ------------------------------------------------------------------------ */

/* --- base ----------------------------------------------- */
html, body {
  height: 100%;
}

body {
  position: fixed;
}

#base {
  height: 100%;
}

#wrapper {
  height: 100%;
  position: relative;
}

#header {
  background-color: #EFEFEF;
}

#pagebody {
  width: 100%;
  position: absolute;
  top: 130px;
  bottom: 0;
}

/* --- header ------------------------------------------------------- */
#header_picture {
  position: relative;
}

#header_picture img {
  width: 100%;
}

#header_picture #header_tellink {
  display: block;
  position: absolute;
}

h1#headline {
  background-color: #999999;
  color: #FFFFFF;
  font-weight: normal;
  line-height: 1.3;
  padding: 3px 6px;
}

p#catch_phrase {
  display: none;
}

/* --- main ----------------------------------------------- */
#main {
  height: 100%;
  position: relative;
  overflow: hidden;
}

/* --- sidebar ------------------------------------------------------- */
#sidebar {
  width: 250px;
  height: 100%;
  background-color: #DEF4F7;
  position: absolute;
  top: 0;
  left: 0;
}
.wide_map #sidebar {
  left: -250px;
}

/* --- contents ------------------------------------------------------- */
#contents {
  height: 100%;
  position: relative;
  left: 250px;
  margin-right: 250px;
}
.wide_map #contents {
  left: 0;
  margin-right: 0;
}

/* ------------------------------------------------------------------------ */
/* --- Contens ------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

/* --- map ------------------------------------------------------- */
#map_container {
  height: 100%;
  position: relative;
}

#map_canvas {
  height: 100%;
}

#map_message {
  width: 9rem;
  margin-top: -1.5rem;
  margin-left: -4.5rem;
  padding: 1rem 0;
  background-color: #C0C0C0;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  text-align: center;
}