/* ================================================================
 * HANDHELD OR NARROW WINDOW
 * ================================================================ */
.padding {
  width: auto;
}

.nav div.container {
  width: auto;
  float: none;
}

#TOPBLOCK {
  margin: 0;
  background: #ddd;
}

#TOPBLOCK .topcontent {
  padding: 0 0.25em 0 0.25em;
}

.toplogo {
  text-align: center;
}

.toplogo img.narologo,
.toplogo img.aginfologo {
  float: none;
  margin: 0.5em 0 0.5em 0;
}

#TOPBLOCK .general {
  margin: 0;
  padding: 0.25em;
  min-height: 0;
}


#TOPBLOCK .general li {
  display: block;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.siteactions {
  float: none;
  text-align: center;
}


#HITOKOTO-b {
  width:12em;
}

.nav div.container h2 {
    border-width: 1px;
    margin: 0.5em 0 0 0;
}

.nav div.container ul {
    margin-left: inherit;
    float: none;
    clear: both;
}

.nav div.container ul li {
    display: block;
}

/* ================================================================
 * HANDHELD
 * ================================================================ */
@media handheld {
  .tomain, .totop {
    display: block;
    text-align: center;
    padding: 0.25em;
    margin: 0;
  }
  .vsep {
    display: inline;
  }

  .nav div.container h2 {
    float: none;
  }
  .nav div.container ul {
    margin-left: 0;
  }
}