html, body {
  position: relative;
  margin: 0;
  padding: 0; }

.search_simple {
  padding: 0;
  margin: 0; }

.popup_wrapper {
  width: 30em;
  padding: 2em; }

#wrapper {
  position: relative;
  width: 1040px;
  margin: 0 auto;
  background-image: url(/images/background_wrapper.png);
  background-repeat: repeat-y; }
  #wrapper #header {
    position: relative;
    height: 198px;
    background-image: url(/images/header.png); }
    #wrapper #header ul#mypages {
      position: absolute;
      top: 0px;
      right: 20px;
      margin: 0;
      padding: 0;
      overflow: hidden;
      list-style-type: none; }
      #wrapper #header ul#mypages li {
        display: inline; }
        #wrapper #header ul#mypages li a, #wrapper #header ul#mypages li span {
          text-decoration: none;
          float: left;
          padding: 4px 8px 6px 8px;
          background-image: url(/images/mypages_bg.gif);
          background-repeat: repeat-x;
          background-color: transparent; }
        #wrapper #header ul#mypages li a:hover {
          background-image: url(/images/mypages_highlight.gif);
          background-repeat: repeat-x;
          background-color: transparent; }
        #wrapper #header ul#mypages li .spacer {
          width: 1em;
          height: 24px;
          padding: 0; }
        #wrapper #header ul#mypages li .edge {
          width: 24px;
          height: 24px;
          padding: 0;
          background-image: url(/images/mypages_left.gif);
          background-repeat: no-repeat;
          background-position: 100% 0%; }
    #wrapper #header .topmenu#navigation {
      width: 60%;
      position: absolute;
      right: 44px;
      top: 110px;
      text-align: right;
      line-height: 2em; }
      #wrapper #header .topmenu#navigation * {
        padding: 0; }
      #wrapper #header .topmenu#navigation input.search {
        height: 17px;
        width: 174px;
        padding: 2px 11px 2px 22px;
        background-position: 0% 0%;
        background-image: url(/images/search_all.png);
        background-repeat: no-repeat;
        border: none; }
      #wrapper #header .topmenu#navigation #time {
        border-radius: .5em;
        -moz-border-radius: .5em;
        -webkit-border-radius: .5em;
        margin-top: .7em;
        padding: .4em .5em .4em .8em;
        float: right;
        font-size: .9em;
        line-height: 1.1em; }
        #wrapper #header .topmenu#navigation #time #current_time {
          float: right;
          text-align: center; }
          #wrapper #header .topmenu#navigation #time #current_time img {
            float: right;
            margin-top: -6px; }
        #wrapper #header .topmenu#navigation #time #new_time {
          float: right;
          clear: right;
          padding-top: .7em;
          text-align: left; }
          #wrapper #header .topmenu#navigation #time #new_time form {
            padding-top: .3em; }
          #wrapper #header .topmenu#navigation #time #new_time input {
            width: 7em;
            border: solid 1px #999; }

#wrapper #main {
  width: 1000px;
  margin: 0 20px; }
  #wrapper #main .menu {
    width: 18%;
    padding: 0; }
    #wrapper #main .menu.left {
      float: left; }
    #wrapper #main .menu.right {
      float: right; }
      #wrapper #main .menu.right *:last-child {
        padding-bottom: 0; }
  #wrapper #main #contents {
    position: relative;
    float: left;
    width: 56%;
    margin-left: 2%;
    padding: 2%;
    padding-bottom: 5em; }

#wrapper #footer {
  position: relative;
  clear: both;
  width: 1000px;
  margin-left: 20px;
  border-top-style: solid;
  border-top-width: 1px; }
  #wrapper #footer p {
    margin: 0;
    padding: 0.9em;
    text-align: center; }
#wrapper #shadow_under_page {
  position: absolute;
  left: 5px;
  top: 100%;
  width: 1030px;
  height: 25px;
  background-image: url(/images/shadow_under_page.png);
  background-repeat: no-repeat;
  background-position: 0 0px; }

.menubox {
  padding-bottom: 2em; }
  .menubox .header {
    text-align: center;
    padding: 1.5em 0 1em 0; }
  .menubox a {
    display: block;
    padding: 0.3em 0 0.3em 1em; }
    .menubox a.selected {
      background-image: url(/images/menus/selected_item.gif);
      background-position: 0% 50%;
      background-repeat: no-repeat; }
  .menubox p {
    margin: 0;
    padding: 0.5em 1em 0.5em 1em; }

ul.navigation {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  text-align: right; }
  ul.navigation li {
    display: inline;
    list-style-type: none;
    margin: 0 0.3em; }

.unpublished_box {
  background-image: url(/images/unpublished_mode/stripes.png);
  padding: 0.7em 0;
  margin-bottom: 2em;
  border: solid 1px #f6f6f6; }
  .unpublished_box .contents {
    background-color: #eee;
    padding: 1em 4em 1em 1em; }
    .unpublished_box .contents .big_icon {
      text-align: center;
      float: left;
      padding-right: 1em; }
      .unpublished_box .contents .big_icon img {
        display: block; }
    .unpublished_box .contents .header {
      margin: 0em;
      border: none; }