@charset "UTF-8";

/* =========================================================
   accessibility-tool
========================================================= */

#accessibilityTool {
  background-color: #F5F5F5;
}
#accessibilityTool .pieceContainer {
  padding: 4px 10px;
}
#headerBody .piece {
  margin-bottom: 0;
}
#accessibilityTool .pieceBody {
  padding: 1px 0;
  font-size: 90%;
/*  color: #ffffff;*/
}

/* block-skip
----------------------------------------------- */
#nocssread {
  float: left;
}
#nocssread a {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
#nocssread a:focus,
#nocssread a.show {
  width: auto;
  height: auto;
  padding: 0 10px;
  background-color: #f2cfd8;
}

/* tools
----------------------------------------------- */
#accessibilityTool .pieceBody ul {
  float: right;
}
#accessibilityTool .pieceBody li ul {
  float: none;
}
#accessibilityTool .pieceBody ul,
#accessibilityTool .pieceBody li {
  display: inline;
}
#accessibilityTool .pieceBody li {
  margin-left: .5em;
  padding: 2px 0 2px .5em;
  border-left: 1px dotted #333;
  vertical-align: middle;
}
#accessibilityTool .pieceBody li:first-child,
#accessibilityTool .pieceBody li li {
  margin-left: 0;
  padding: 0;
  border-left: none;
}
#accessibilityTool .pieceBody a {
/*  color: #ffffff;*/
  color: #000;
  text-decoration: none;
}
#accessibilityTool .pieceBody a:focus,
#accessibilityTool .pieceBody a:hover {
/*  color: #007832;*/
/*ADD*/
/*  color: #ffffff;*/
}
#accessibilityTool .pieceBody li li a {
  display: inline-block;
  padding: 2px 2px 1px 2px;
  border: 1px solid #c4c5c5;
  background-color: #fdfdfd;
  font-size: 110%;
  line-height: 1;
  color: #000;
}
#accessibilityTool .pieceBody li li a:focus,
#accessibilityTool .pieceBody li li a:hover {
  color: #000;
}
#accessibilityTool .pieceBody .fontSize a:focus,
#accessibilityTool .pieceBody .fontSize a:hover {
  background-color: #e2fab2;
}
#accessibilityTool .pieceBody .themeColor #themeBlack {
  background-color: #000;
  color: #fff;
}
#accessibilityTool .pieceBody .themeColor #themeBlue {
  background-color: #1745cc;
  color: #fff;
}
#accessibilityTool .pieceBody img {
  vertical-align: middle;
}
#accessibilityTool .pieceBody img.kugiri {
  padding: 0 5px;
}
.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 {
  position: relative;
  top: 35px;
  left: -280px;
}

*html #navigationTalkPlayer object {
  top: 28px;
}

#navigationTalkPlayer:not(\*|*) {
  position: absolute;
}
#navigationTalkPlayer object:not(\*|*) {
  position: relative;
  top: 25px;
  left: 340px;
}
html:first-child #navigationTalkPlayer {
  position: absolute;
}
html:first-child #navigationTalkPlayer object {
  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;
}