@charset "Shift_JIS";


/* --- Styles for Sizes and Layout of Block Elements --- 
         clear, display, float, height, left, margin, 
         padding, position, vertical-align, width, etc.              */

body {
  margin: 0;
  padding: 0;
}

#container {
  margin: 0 auto;
  padding-top: 1em;
  padding-bottom: 1em;
  width: 95%;
}

h1, h2, p, address {
  margin-right: 10px;
  margin-left: 10px;
}

#logo {
  margin-right: 0;
  margin-left: 0;
}

h2 {
  margin-top: 2em;
}

p {
  margin-top: 0;
}

.half {
  float: left;
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  width: 44%;
}

hr {
  clear: left;
  left: -10000px;
  position: relative;
}

.speechonly {
  left: -10000px;
  position: absolute;
}

#navigation ul {
  margin: 3px;
}

#navigation li {
  display: inline;
  margin-right: 2em;
}

#navigation a {
  padding: 3px 0;
}



/* --- Styles for Inline Elements and Others of Block Elements --- 
         background, border, border-collapse, color, font, 
         line-height, list-style, text-align, text-decoration, etc.  */

body {
  background-color: #EBEBEB;
  color: #000;
}

#container {
  background-color: #FFF;
  border-left: 1px solid #CCC;
  border-right: 1px solid #CCC;
  color: #000;
}

#content {
  border: 1px solid #FFF;
}

p, li, address {
  line-height: 1.25em;
}

.meta {
  text-align: right;
}

#subtitle, #logo {
  text-align: center;
}

.image {
  text-align: center;
}

.image img {
  border: 1px solid #999;
}

ol {
  list-style-type: none;
}

ol li {
  font-size: 0.95em;
}

#navigation {
  background-color: #006400;
  border: 1px solid #006400;
  color: #FFF;
}

#navigation li {
  line-height: 1em;
}

#navigation a {
  color: #BBF;
}

#navigation a:visited {
  color: #DDF;
}

#navigation a:hover, #navigation a:visited:hover {
  background-color: #FFF;
}

#navigation a:hover {
  color: #00F;
}

#navigation a:visited:hover {
  color: #551A8B;
}