/**
 * common style.
 */
body {
  font: 100%/1.4 "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS P Gothic", sans-serif;
  background: #fff;
  margin: 0;
  padding: 0;
  color: #000;
}

img, map {
  border: none;
}

ul, ol, dl, address {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, .titleFont {
  font: 100%/1.4 "Arial Black", Tahoma, sans-serif;
}

h1, h2, h3, h4, h5, p {
  margin-top: 0;
  padding-right: 15px;
  padding-left:  15px;
}
a img {
  border: none;
}
a:link {
  color: #42413C;
  text-decoration: underline;
}
a:visited {
  color: #6E6C64;
  text-decoration: underline;
}
a:hover, a:active, a:focus {
  color: #f00;
  text-decoration: underline;
}

hr.dottedRed {
  border: none;
  height: 10px;
  margin: 20px 0;
  padding: 0;
  background : transparent url('../image/common_separator_red.gif') no-repeat center center;
}

/**
 * float.
 */
.floatRight {
  float: right;
  margin-left: 8px;
}
.floatLeft {
  float: left;
  margin-right: 8px;
}
.floatClear {
  clear:both;
  height:0;
  font-size: 1px;
  line-height: 0px;
}

/**
 * layout.
 */
div.container {
  width: 960px;
  background-color: #fff;
  margin: 0 auto; /* center */
  border-top: #f00 2px solid; /* Top red line */
}

div#sidebar-left { /* column for image bar */
  width: 210px;
  padding: 0;
  margin:  0 auto;
  float: left;
}

div#sidebar-left img {
  margin: 0;
  margin-left: 30px;
  padding: 0;
}

div#main { /* main column for 3 columns page :: index */
  width: 520px;
  padding: 0;
  padding-bottom: 10px;
  float: left;
}

div#content { /* main column for 2 columns page :: links, annual page ... */
  width: 750px;
  margin: 0;
  padding: 0;
  float: left;
}

/**
 * header.
 */
div#header,
div#header h1 {
  padding: 0;
}

div#header h1 a,
div#header h1 a img,
div#header map {
  border: none;
}


div#header h2#subheading {
  padding-top: 10px;
  font-family: Sans-serif;
  font-size: 90%;
  text-align: center;
}

div#header h2#subheading a:link,
div#header h2#subheading a:visited {
  color: #055ba7;
  text-decoration: underline;
}

div#header h2#subheading a:hover,
div#header h2#subheading a:active,
div#header h2#subheading a:focus {
  text-decoration: none;
}

/**
 * footer.
 */
div#footer {
  text-align: center;
  padding: 1em 0;
  background-color: #fff;
  position: relative; /* hasLayout for IE6 */
  clear: both;
  border-top: 1px solid #999;
}

div#footer img,
div#footer map {
  border: none;
}

div#footer p#pages {
  color: #999;
  font-size: 81%;
  text-align: center;
  padding: 0.2em 0 0.6em 0;
  margin: 0;
  text-indent: 0;
  line-height: 1;
}

div#footer p#pages a:link,
div#footer p#pages a:visited {
  color: #666;
  text-decoration: underline;
}

div#footer p#pages a:hover,
div#footer p#pages a:active,
div#footer p#pages a:focus {
  color: #f00;
  text-decoration: underline;
}

div#footer p#copyright {
  color: #666;
  font-size: 75%;
  text-align: center;
  padding: 0;
  margin: 0;
  margin-top: 0.8em;
  text-indent: 0;
  line-height: 1;
}

div#footer address {
  margin-bottom: 1em;
}

p.innerLink {
  float: right;
  letter-spacing: 2px;
  margin-right: 1em;
}