@charset "UTF-8";
/* 災害用トップページ */
/* clearfix
----------------------------------------------- */
.clearfix {
  zoom: 1; }

/* clearfix（記事ページ）
----------------------------------------------- */
div.body {
  zoom: 1; }

/* =========================================================
   accessibility-tool
========================================================= */
#accessibilityTool .pieceContainer {
  margin-top: 10px;
  padding: 4px 10px; }
#accessibilityTool #headerBody .piece {
  margin-bottom: 0; }
#accessibilityTool .pieceBody {
  padding: 1px 10px 0 0;
  font-size: 90%; }

/* block-skip
----------------------------------------------- */
#nocssread {
  float: left; }
  #nocssread a {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden; }
  #nocssread a #nocssread a:focus,
  #nocssread a.show {
    width: auto;
    height: auto;
    padding: 0 10px;
    background-color: #f2cfd8; }

/* tools
----------------------------------------------- */
#accessibilityTool {
  /* .pieceBody == end == */ }
  #accessibilityTool .pieceBody ul {
    text-align: right;
    display: inline;
    font-family: "Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
    font-size: 13px;
    line-height: 120%;
    font-weight: normal;
    color: #101010;
    text-align: left; }
    #accessibilityTool .pieceBody ul li {
      display: inline;
      font-family: "Hiragino Kaku Gothic Pro",Meiryo,Osaka,"MS PGothic",sans-serif;
      font-size: 13px;
      line-height: 120%;
      font-weight: normal;
      color: #101010;
      text-align: left; }
  #accessibilityTool .pieceBody li ul {
    float: none; }
  #accessibilityTool .pieceBody li {
    margin-left: .5em;
    padding: 2px 0 2px .6em;
    vertical-align: middle;
    background-image: url(../base/images/ic-list01.gif);
    background-repeat: no-repeat;
    background-position: -5px 2px; }
  #accessibilityTool .pieceBody a {
    color: #101010;
    text-decoration: none; }
  #accessibilityTool .pieceBody a:focus,
  #accessibilityTool .pieceBody a:hover {
    text-decoration: underline; }
  #accessibilityTool .pieceBody ul.fontSize a,
  #accessibilityTool .pieceBody ul.themeColor a {
    color: #000; }
  #accessibilityTool .pieceBody ul.fontSize a:focus,
  #accessibilityTool .pieceBody ul.fontSize a:hover,
  #accessibilityTool .pieceBody ul.themeColor a:focus,
  #accessibilityTool .pieceBody ul.themeColor a:hover {
    text-decoration: none; }
  #accessibilityTool .pieceBody ul.fontSize li,
  #accessibilityTool .pieceBody ul.themeColor li {
    margin-left: 0;
    padding: 0;
    border-left: none;
    text-shadow: none; }
  #accessibilityTool .pieceBody ul.fontSize li a,
  #accessibilityTool .pieceBody ul.themeColor li a {
    display: inline-block;
    padding: 2px 2px 1px 2px;
    font-size: 110%;
    line-height: 1;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    behavior: url(/_themes/js/PIE.htc);
    text-decoration: none; }
  #accessibilityTool .pieceBody ul.fontSize li a:focus,
  #accessibilityTool .pieceBody ul.fontSize li a:hover,
  #accessibilityTool .pieceBody ul.themeColor li a:focus,
  #accessibilityTool .pieceBody ul.themeColor li a:hover {
    color: #000; }
  #accessibilityTool .pieceBody ul.fontSize li a {
    border: 2px solid #68bd8d;
    background-color: #fdfdfd; }
  #accessibilityTool .pieceBody ul.fontSize li a:focus,
  #accessibilityTool .pieceBody ul.fontSize li a:hover {
    color: #fff;
    background-color: #68bd8d; }
  #accessibilityTool .pieceBody ul.themeColor li a {
    border: 2px solid #555555;
    background-color: #fdfdfd; }
  #accessibilityTool .pieceBody ul.themeColor #themeBlack {
    background-color: #000;
    color: #fff; }
  #accessibilityTool .pieceBody ul.themeColor #themeBlue {
    background-color: #1745cc;
    color: #fff; }
  #accessibilityTool .pieceBody img {
    vertical-align: middle; }
  #accessibilityTool .pieceBody img.kugiri {
    padding: 0 5px; }

/* #accesibilityTool == end == */
.head-tools {
  width: 100%;
  margin: 0px;
  padding: 4px 0 3px 0;
  background-position: left top;
  text-align: right; }

#furiganaAttention {
  padding-left: 15px;
  padding-top: 5px;
  background-color: #ececec;
  font-size: 120%;
  text-align: center; }

.rubyOn #furiganaAttention {
  display: block; }

.head-tools a {
  margin-right: 8px; }

.head-tools img {
  margin-right: 3px;
  vertical-align: middle; }

/* font-size
----------------------------------------------- */
img.font {
  margin-top: 3px; }

/* yomiage
----------------------------------------------- */
#navigationTalkPlayer {
  position: absolute; }

#navigationTalkPlayer object,
#navigationTalkPlayer embed {
  position: relative;
  top: 35px;
  left: -280px; }

* html #navigationTalkPlayer object,
* html #navigationTalkPlayer embed {
  top: 28px; }

#navigationTalkPlayer:not(\*|*) {
  position: absolute; }

#navigationTalkPlayer object:not(\*|*),
#navigationTalkPlayer embed:not(\*|*) {
  position: relative;
  top: 25px;
  left: 340px; }

html:first-child #navigationTalkPlayer {
  position: absolute; }

html:first-child #navigationTalkPlayer object,
html:first-child #navigationTalkPlayer embed {
  position: relative;
  top: 25px;
  left: 340px; }

/* navigationNotice
----------------------------------------------- */
#navigationNotice {
  padding: 6px 10px;
  background-color: #dddddd;
  font-weight: bold; }

/* clearfix
----------------------------------------------- */
#accessibilityTool .pieceContainer:after {
  content: ".";
  display: block;
  height: 0;
  /*clear: both;*/
  font-size: 0;
  visibility: hidden; }

#accessibilityTool .pieceContainer {
  zoom: 1; }

/* Responsive Design
----------------------------------------------- */
@media screen and (max-width: 600px) {
  #accessibilityTool {
    display: none; } }
