@charset "utf-8"; /* -*- coding: utf-8 -*- */
@import url("mucho-standard.css");

/* layout
 ---------*/
body {text-align: center;}
div#container {width: 750px; margin: 0 auto; text-align: left;}
  div.section {}
  div#header {padding-top: 6px;}
  div#menu {}
  div#intro {padding: 20px 80px 20px 80px;}
  div#topic-path-top {padding:  4px  6px  2px  6px;}
  div#content {padding: 16px 40px 36px 40px;}
    div#content div#page {padding-right: 40px; padding-left: 40px;}
    div#content div#blog {padding-right: 20px; padding-left: 20px;}
      div#content div#blog div#articles {float: left; width: 410px; padding-right: 25px;}
      div#content div#blog div#sidebar  {float: left; width: 180px; padding-left:  15px;}
    div#content div#newsletters {padding-right: 0; padding-left: 0;}
      div#content div#newsletters div#issues  {float: left; overflow: hidden; width: 480px; padding-right: 25px;}
      div#content div#newsletters div#sidebar {float: left; width: 150px; padding-left: 15px;}
  div#go-page-top-link {padding: 0 80px 2em 80px; text-align: right;}
  div#topic-path-bottom {padding:  2px  6px  4px  6px;}
  div#outro {}
  div#footer {padding-top:  4px; padding-bottom: 36px;}
div#container-bottom {width: 757px; margin: 0 auto;}

/*-- top page --*/
body#top-page {}
  body#top-page div#content {padding: 16px 20px 36px 20px;}
    body#top-page div#content div.main {float: left; width: 340px; padding-right: 15px;}
    body#top-page div#content div.sub  {float: left; width: 340px; padding-left:  15px;}



/* theme
 * #002665; 紺色（コーポレートカラー）
 * #d8d5cc; 銀鼠
 ----------------------------------*/

/* 1. general settings
 ----------------------*/
html {background: background: #f0f0f0;}
body {background: #f0f0f0; color: #000000;}
body * {line-height: 1.465;}
blockquote {margin: 1em 3em 2em; padding-left: 1em; font-style: italic;}
dl {}
  dt {margin: 1em 0 .3em 0;}
  dd {margin: 0 0 1em 0;}
table {margin-bottom: 1em;}
a {}
  a:link, a:visited {color: #002665;}
  a:hover, a:active {}



/* 2. class settings
 --------------------*/
div.section {border-bottom: 1px solid #cccccc;}
  /*-- clearfix hack --*/
  div.section:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
  div.section {min-height: 1px; /* IE7 */}
  * html div.section {height: 1px; /* <= IE6 */ /*\*//*/ height: auto; overflow: hidden; /**/}



/* 3. id settings
 -----------------*/
div#container {border-left:1px solid #777777; padding-right: 6px; background: #ffffff url(../images/container/shadow-right.gif) right top repeat-y;}
  div#container-bottom {height: 6px; background: url(../images/container/shadow-bottom.gif) left top repeat-x; font-size: 6px;}
  div#container-bottom span {float: right; height: 6px; width: 6px; background: url(../images/container/shadow-bottom-right.gif) right top no-repeat;}

div#header {min-height: auto; height: auto; background: #002665;}
  div#header h2 {float: left;  padding-left:  6px; padding-bottom: 2px; color: #ffffff; font-size: 93%;}
  div#header ul {float: right; padding-right: 6px; padding-bottom: 3px; font-size: 93%;}
  div#header ul.left {float: left; padding-left: 6px;}
    div#header ul li {display: inline; padding-left: 0px; color: #ffffff;}
    div#header ul li a {color: #ffffff; text-decoration: none;}
    div#header ul li a:hover {color: #d8d5cc; text-decoration: underline;}
  div#header h1 {clear: both; padding: 6px; background: #ffffff; font-size: 123.1%;}
  div#header h1.image {padding: 0;}

div#menu {}
  div#menu ul {padding: 6px 6px 5px 6px; background: #002665; font-size: 93%;}
    div#menu ul li {display: inline; padding-right: 4px; padding-left: 14px; background: url(../images/heading/menu-list.gif) left center no-repeat;}
    div#menu ul li a {color: #ffffff; text-decoration: none;}
    div#menu ul li a:hover {color: #d8d5cc; text-decoration: underline;}

div#intro {}
  div#intro h2 {font-size: 153.9%; font-weight: bold;}
  div#intro p {font-size: 85%;}

div#topic-path-top {border-bottom: 0;}
  div#topic-path-top p {font-size: 85%; text-align: right;}
div#topic-path-bottom {border-top: 0;}
  div#topic-path-bottom p {font-size: 85%; text-align: right;}

div#content {border-bottom: 0;}
  div#content h2 {}
    div#content div.main h2,
    div#content div.sub  h2 {height: 26px; margin-bottom: .8em; font-size: 153.9%; font-weight: bold;}
  div#content h3 {min-height: 18px; margin-top: 1.5em; margin-bottom: .5em; padding-left: 24px; background: url(../images/heading/h3.gif) left center no-repeat; color: #002665; font-size: 123.1%; font-weight: bold;}
    div#content h3.article-title {min-height: 0; line-height: 1; margin-top: 0; margin-bottom: 0; padding-left: 0; background: transparent; font-size: 138.5%;}
    div#content div.main h3,
    div#content div.sub  h3 {height: 25px; margin-top: 0; margin-bottom: 0; padding-left: 0; background: #ffffff;}
    div#content div.main h3 img,
    div#content div.sub  h3 img {vertical-align: middle;}
  div#content h4 {color: #002665; font-size: 108%; font-weight: bold;}
  div#content p {padding-bottom: 1em; font-size: 108%;}
    div#content p#newsletter-subscription {padding-top: 1em; text-align: center;}
      div#content p#newsletter-subscription input.button {margin-left: .4em; padding: .1em .2em 0; font-size: 85%;}
      div#content div#result-message {padding-top: 1em; background: #002665; color: #ffffff; text-align: center;}
    div#content div.main p,
    div#content div.sub  p {padding-bottom: 1.5em;}
  div#content blockquote {border-left: .6em solid #cccccc; font-size: 108%; font-style: normal;}

  div#content table {font-size: 108%;}
    div#content table.columns {border: 0;}
      div#content table.columns tr {}
      div#content table.columns tr th,
      div#content table.columns tr td {padding: 0 2em 0 0; border: 0; text-align: left; vertical-align: top;}
    div#content table.history {border: 0;}
      div#content table.history tr {}
      div#content table.history tr th,
      div#content table.history tr td {padding: 0 1.5em .4em 0; border: 0; text-align: left; vertical-align: top;}
      div#content table.history tr td.right {text-align: right;}
    div#content table.news {margin-bottom: 1.5em; border: 0;}
      div#content table.news tr {}
      div#content table.news tr th {padding: 0 1em 0 0; border: 0; text-align: right; vertical-align: top; white-space: nowrap;}
      div#content table.news tr td {padding: 0 1em 0 0; border: 0; text-align: left;  vertical-align: top;}
    div#content table.pictures {margin-right: auto; margin-left: auto; border: 0;}
      div#content table.pictures tr {}
      div#content table.pictures tr th,
      div#content table.pictures tr td {padding: .2em .5em 1em .5em; border: 0;}
        div#content table.pictures tr th img,
        div#content table.pictures tr td img {margin-bottom: .5em;}
    div#content table.site-map {border: 0;}
      div#content table.site-map tr {}
      div#content table.site-map tr td {padding: 0 5em 0 0; border: 0; text-align: left; vertical-align: top;}
    div#content table.staff {margin-top: 1em; border: 0;}
      div#content table.staff tr {}
      div#content table.staff tr th,
      div#content table.staff tr td {padding: 0 1em 1em 0; border: 0; text-align: left; vertical-align: top;}

  div#content ol,
  div#content ul {margin-left: 2em; padding-bottom: 1em;}
    div#content li {margin-bottom: .1em; font-size: 108%;}
    div#content li li {font-size: 100%;}
    div#content ol.paginate-top {margin-bottom: 2em; margin-left: 0;}
    div#content ol.paginate-bottom {margin-top: 3em; margin-left: 0;}
      div#content ol.paginate-top li,
      div#content ol.paginate-bottom li {display: inline; padding-right: 1em; font-size: 100%;}
    div#content ul.links {margin-top: 1em; margin-left: 0;}
      div#content ul.links li {list-style: none; height: 25px; line-height: 1; margin-bottom: 0; padding-left: 22px; background: url(../images/heading/h3.gif) left center no-repeat;}
      div#content ul.links li img {vertical-align: top;}
    div#content ul.multicolumn {margin-left: 0;}
      div#content ul.multicolumn li {list-style: none; margin-bottom: .2em;}
    div#content ul.principles {}
      div#content ul.principles li {list-style: none; margin-bottom: .5em; font-size: 123.1%;}
    div#content ul.review {margin-bottom: 1em; margin-left: 2em;}
      div#content ul.review li {font-size: 85%;}
    div#content ul.site-map {margin-left: 0;}
      div#content ul.site-map li {list-style: none; margin-bottom: .5em;}

  div#content dl {margin-top: 0; padding-bottom: .5em;}
    div#content dl dt {margin-top: 1em; font-size: 108%; font-weight: bold;}
    div#content dl dd {margin-bottom: 1em; font-size: 108%;}
      div#content dl dd li,
      div#content dl dd li {font-size: 100%;}
    div#content dl.staff {}
      div#content dl.staff dt {margin-top: 0; font-size: 100%;}
      div#content dl.staff dd {margin-bottom: 1.5em; font-size: 100%;}
      div#content dl.staff dd p {font-size: 100%;}
    div#content dl.wide dd {margin-bottom: 2.5em;}

  div#content div#articles {}
    div#content div#articles img {float: right; margin: 0 0 .4em .4em;}
    /*-- clearfix hack --*/
    div#content div#articles p:after {content: "."; display: block; clear: both; height: 0; visibility: hidden;}
    div#content div#articles p {min-height: 1px; /* IE7 */}
    * html div#content div#articles p {height: 1px; /* <= IE6 */ /*\*//*/ height: auto; overflow: hidden; /**/}

  div#content div.paginate-top {padding: 0 .3em .5em; font-size: 116%; text-align: right;}
    div#content div.paginate-top a,
    div#content div.paginate-top span {padding: .2em .2em;}
    div#content div.paginate-top span.disabled {color: #d8d5cc;}
    div#content div.paginate-top span.current {font-weight: bold;}
  div#content div.paginate-top-info {display: none; padding: .3em; font-size: 85%; text-align: right;}

  div#content div.paginate-bottom {line-height: 1; margin-top: 3em; padding: .1em .3em; font-size: 116%; text-align: center;}
    div#content div.paginate-bottom a,
    div#content div.paginate-bottom span {padding: .2em .2em;}
    div#content div.paginate-bottom span.disabled {color: #d8d5cc;}
    div#content div.paginate-bottom span.current {font-weight: bold;}
  div#content div.paginate-bottom-info {padding: .1em .3em; font-size: 85%; text-align: center;}
  div#content div#issues div.paginate-bottom-info {display: none;}

  div#content div.article {margin-bottom: 3em;}
    div#content div.article-meta {padding-bottom: 1em; color: #002665; font-size: 85%;}
    div#content div.article-meta span {margin-right: .3em;}
    div#content div.article-body em {font-weight: bold;}
    div#content div.article-body strong {color: #002665; font-weight: bold;}
    div#content div.article-body p.actions {font-size: 93%; text-align: right;}
  div#content div.issue {margin-bottom: 3em;}
    div#content div.issue table {margin: 0 auto; font-size: 100%;}
    div#content div.issue-body {font-size: 93%;}
    div#content div.issue-actions {margin-top: 1em; text-align: right;}

  div#content div#posted-comments {}
    div#content div#posted-comments h4 {min-height: 18px; margin-top: 1.5em; margin-bottom: .2em; padding-left: 24px; background: url(../images/heading/h4.gif) left center no-repeat; color: #002665; font-size: 123.1%; font-weight: bold;}
    div#content div#posted-comments p {}
    div#content div#posted-comments div.comment {margin-bottom: .5em;}
    div#content div#posted-comments div.comment-meta {font-weight: bold;}
    div#content div#posted-comments div.comment-body {}
    div#content div#posted-comments div.comment-body em {font-weight: bold;}
    div#content div#posted-comments div.comment-body strong {color: #002665; font-weight: bold;}

  div#content div#comment-form {}
    div#content div#comment-form h4 {min-height: 18px; margin-top: 1.5em; margin-bottom: .2em; padding-left: 24px; background: url(../images/heading/h4.gif) left center no-repeat; color: #002665; font-size: 123.1%; font-weight: bold;}
    div#content div#comment-form p.notice {color: #002665; font-weight: bold; line-height: 3;}
    div#content div#comment-form table {width: 100%; margin: 0; border: 0; background: #f3f3f9;}
      div#content div#comment-form tr {vertical-align: middle;}
      div#content div#comment-form th {padding: 0; border: 0; text-align: right;}
      div#content div#comment-form th.buttons {padding-top: 1em; background: #ffffff;}
      div#content div#comment-form td {padding: 0; border: 0; text-align: left;}
      div#content div#comment-form td.inputs {border-bottom: 1px solid #ffffff;}
    div#content div#comment-form dl {padding: 1em;}
      div#content div#comment-form dt {margin: 0; padding: 0; font-size: 100%; font-weight: normal;}
      div#content div#comment-form dd {margin: 0 0 .5em; font-size: 100%; width: 100%;}
    div#content div#comment-form fieldset {margin: 1em 2em;}
      div#content div#comment-form legend {color: #000000;}
    div#content div#comment-form textarea {width: 100%;}
    div#content div#comment-form input.button {padding: .1em 0;}

  div#content div#sidebar div.block {margin-bottom: 1em;}
    div#content div#sidebar div.block ul {margin-left: 0;}
    div#content div#sidebar div.block ul li {list-style: none; margin-bottom: 0; font-size: 93%;}

  div#content span.ref {font-size: 85%;}

div#outro {}

div#footer {border-bottom: 0; background: #002665;}
  div#footer p {float: left; padding-left: 6px; padding-bottom: 2px; color: #ffffff; font-size: 85%;}
    div#footer p a {color: #ffffff;}
    div#footer p a:hover {color: #d8d5cc;}
  div#footer ul {float: right; padding-right: 6px; padding-bottom: 2px; font-size: 85%;}
    div#footer ul li {display: inline; padding-left: 2px; color: #ffffff;}
    div#footer ul li a {color: #ffffff;}
    div#footer ul li a:hover {color: #d8d5cc;}