@charset "utf-8";

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

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

#base {
  height: 100%;
  min-height: 600px;
  min-width: 980px;
  padding: 0 22px;
  background-color: #C0C0C0;
}

#wrapper {
  height: 100%;
  background-color: #FFFFFF;
  position: relative;
}

#header {
  height: 110px;
  padding-top: 20px;
  background-color: #E0E0E0;
  position: relative;
}

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

/* --- header ------------------------------------------------------- */
h1#headline {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 20px;
  text-indent: 4px;
  font-weight: normal;
}

#header_picture {
  height: 90px;
  background-color: #FFFFFF;
}

#header_picture img {
  height: 90px;
  max-width: 800px;
}

p#catch_phrase {
  margin: 0;
  line-height: 20px;
  text-indent: 4px;
}

/* --- 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: 9em;
  margin-top: -1.5em;
  margin-left: -4.5em;
  padding: 1em 0;
  background-color: #C0C0C0;
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 1;
  text-align: center;
}