@charset "utf-8";
/* ---------------------------------------------------------------- */
/* 初期設定 */
/* ---------------------------------------------------------------- */
html, body, h1, h2, h3, h4, h5, div, ul, ol, li, table, th, td, dl, dt, dd, p, span, a, img, form, fieldset {
  margin: 0;
  padding: 0;
}
html, body {
  height: 100%;
  min-height: 100%;
}
body {
  color: #333;
  font-size: 13px;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}
lt-ie8 body {
  font-size: small;
  font: x-small;
}
img, fieldset {
  border: 0;
}
/* ================================================================ */
/* 全体設定 */
/* ================================================================ */
/* フォントサイズ統一 */
/*
.10px { font-size:  77%; }
.11px { font-size:  85%; }
.12px { font-size:  93%; }
.13px { font-size: 100%; }
.14px { font-size: 108%; }
.15px { font-size: 116%; }
.16px { font-size: 123.1%; }
.17px { font-size: 131%; }
.18px { font-size: 138.5%; }
.19px { font-size: 146.5%; }
.20px { font-size: 153.9%; }
.21px { font-size: 161.6%; }
.22px { font-size: 167%; }
.23px { font-size: 174%; }
.24px { font-size: 182%; }
.25px { font-size: 189%; }
.26px { font-size: 197%; }
.36px 276.9%
.58px 446.2%
*/
/*****************************************
*	リンク（基本）
*	下線：ホバー時のみあり
******************************************/
a, a:link, a:visited {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
/*****************************************
*	リンク
*	下線：ホバー時のみあり
******************************************/
a.white, a.white:link, a.white:visited {
  color: #000;
  text-decoration: none;
}
a.white:hover {
  text-decoration: underline;
}
a.blue, a.blue:link, a.blue:visited {
  color: #15c;
  text-decoration: none;
}
a.blue:hover {
  text-decoration: underline;
}
a.oL {
  padding: 0 15px 0 0;
  background: url('../images/icn_outer_link.gif') no-repeat right center transparent;
  vertical-align: middle;
}
a.oLw {
  padding: 0 15px 0 0;
  background: url('../images/icn_outer_link_w.gif') no-repeat right center transparent;
  vertical-align: middle;
}
a.oLg {
  padding: 0 15px 0 0;
  background: url('../images/icn_outer_link_g.gif') no-repeat right center transparent;
  vertical-align: middle;
}
.bgSlash {
  background: url('../images/bg_slash_green.gif') repeat-y 0 0 transparent;
}
/*****************************************
*	テーブル（基本）
*	境界線：全てなし
******************************************/
table.basic {
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
}
table.basic tr.spacer th, table.basic tr.spacer td {
  padding: 0;
  border: 0;
  line-height: 0;
  font-size: 1%;
}
table.basic tr.spacer th img, table.basic tr.spacer td img {
  border: 0;
}
table.basic th, table.basic td {
  padding: 0;
  border: 0;
  vertical-align: top;
}
/*****************************************
*	間隔調整用
******************************************/
.mT00 {
  margin-top: 0 !important;
}
.mT05 {
  margin-top: 5px !important;
}
.mT10 {
  margin-top: 10px !important;
}
.mT15 {
  margin-top: 15px !important;
}
.mT20 {
  margin-top: 20px !important;
}
.mT25 {
  margin-top: 25px !important;
}
.mT30 {
  margin-top: 30px !important;
}
.mT40 {
  margin-top: 40px !important;
}
.mT50 {
  margin-top: 50px !important;
}
.mL00 {
  margin-left: 0 !important;
}
.mL05 {
  margin-left: 5px !important;
}
.mL10 {
  margin-left: 10px !important;
}
.mL15 {
  margin-left: 15px !important;
}
.mL20 {
  margin-left: 20px !important;
}
.mL25 {
  margin-left: 25px !important;
}
.mL30 {
  margin-left: 30px !important;
}
.mL40 {
  margin-left: 30px !important;
}
.mR00 {
  margin-right: 0 !important;
}
.mR05 {
  margin-right: 5px !important;
}
.mR10 {
  margin-right: 10px !important;
}
.mR15 {
  margin-right: 15px !important;
}
.mR20 {
  margin-right: 20px !important;
}
.mR25 {
  margin-right: 25px !important;
}
.mR30 {
  margin-right: 30px !important;
}
.mR40 {
  margin-right: 30px !important;
}
.pT00 {
  padding-top: 0 !important;
}
.pT05 {
  padding-top: 5px !important;
}
.pT10 {
  padding-top: 10px !important;
}
.pT12 {
  padding-top: 12px !important;
}
.pT15 {
  padding-top: 15px !important;
}
.pT20 {
  padding-top: 20px !important;
}
.pT25 {
  padding-top: 25px !important;
}
.pT30 {
  padding-top: 30px !important;
}
.pT40 {
  padding-top: 40px !important;
}
.pT50 {
  padding-top: 50px !important;
}
.pB00 {
  padding-bottom: 0 !important;
}
.pB05 {
  padding-bottom: 5px !important;
}
.pB10 {
  padding-bottom: 10px !important;
}
.pB15 {
  padding-bottom: 15px !important;
}
.pB20 {
  padding-bottom: 20px !important;
}
.pB25 {
  padding-bottom: 25px !important;
}
.pB30 {
  padding-bottom: 30px !important;
}
.pB40 {
  padding-bottom: 40px !important;
}
.pB50 {
  padding-bottom: 50px !important;
}
.pL00 {
  padding-left: 0 !important;
}
.pL05 {
  padding-left: 5px !important;
}
.pL10 {
  padding-left: 10px !important;
}
.pL20 {
  padding-left: 20px !important;
}
.pL30 {
  padding-left: 30px !important;
}
.pL40 {
  padding-left: 40px !important;
}
.pR00 {
  padding-right: 0 !important;
}
.pR05 {
  padding-right: 5px !important;
}
.pR10 {
  padding-right: 10px !important;
}
.pR20 {
  padding-right: 20px !important;
}
.pR30 {
  padding-right: 30px !important;
}
.pR40 {
  padding-right: 40px !important;
}
/*****************************************
*	ボーダー用（単独設定）
******************************************/
.bNon {
  border: 0 !important;
}
.bT00 {
  border-top: 0 !important;
}
.bB00 {
  border-bottom: 0 !important;
}
.bL00 {
  border-left: 0 !important;
}
.bR00 {
  border-right: 0 !important;
}
/*****************************************
*	文字装飾用（単独設定）
******************************************/
.font1p {
  font-size: 1% !important;
} /* ie8の余白除去用 */
.bold {
  font-weight: bold !important;
}
.nobold {
  font-weight: normal !important;
}
.baseset12 {
  font-size: 12px;
  line-height: 1.5;
}
.baseset13 {
  font-size: 13px;
  line-height: 1.75;
}
.baseset14 {
  font-size: 14px;
  line-height: 1.7;
}
/*****************************************
*	文字色用（単独設定）
******************************************/
.black {
  color: #333 !important;
}
.fL {
  float: left !important;
}
.fR {
  float: right !important;
}
.block {
  display: block;
}
.tL {
  text-align: left !important;
}
.tC {
  text-align: center !important;
}
.tR {
  text-align: right !important;
}
.vT {
  vertical-align: top !important;
}
.vM {
  vertical-align: middle !important;
}
.vB {
  vertical-align: bottom !important;
}
.nowrap {
  white-space: nowrap;
}
.inlineBlock {
  display: inline-block;
}
.lt-ie8 .inlineBlock {
  display: inline;
  zoom: 1;
}
.posBase {
  position: relative;
}
/* clearfix */
.cf {}
.lt-ie8 .cf {
  zoom: 1;
}
.cf:after {
  content: url('../images/pixel.gif');
  display: block;
  clear: both;
  height: 0;
}
/* ================================================================ */
/* レイアウト */
/* ================================================================ */
#grayLayer {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: pointer;
  z-index: 300;
}
#overLayer {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 400;
}
#hiddenPlayer {
  width: 0;
  height: 0;
}
#contents {
  padding: 0; /* template.cssでの定義を上書き */
  background-color: #fff;
  width: 960px;
}
/* ---------------------------------------------------------------- */
/* ページヘッダー */
/* ---------------------------------------------------------------- */
#contents #pageHeader {
  margin: 0;
  padding: 10px;
  border-bottom: 1px solid #ccc;
}
#contents #pageHeader table.btmLine {
  padding-bottom: 15px;
  border-bottom: 7px solid #009047;
  width: 100%;
}
#contents #pageHeader #header_toTop {
  padding: 6px 0;
}
/* ---------------------------------------------------------------- */
/* ページフッター */
/* ---------------------------------------------------------------- */
/*
#footer {
	margin: 0;
}
*/
/* ---------------------------------------------------------------- */
/* メイン */
/* ---------------------------------------------------------------- */
#backgroundWrapper {
  background-color: #efefef;
}
/*【トップ】*/
#contents #main_top {}
#contents #main_top #layerBottom {}
#contents #main_top #layerBird {
  position: absolute;
  top: 40px;
  left: 0;
  z-index: 100;
}
#contents #main_top #themeTitle {
  margin-left: 350px;
}
#contents #main_top ul#usageWarning {
  margin: 1em;
  padding-left: 1em;
}
#contents #main_top ul#usageWarning li {
  list-style-type: disc;
}
#contents #main_top ul#usageWarning li.important {
  font-weight: bold;
  text-decoration: underline;
}
#contents #main_top #mailAddr {
  height: 18px;
  line-height: 18px;
  vertical-align: text-bottom;
}
#contents #main_top #greenBelt {
  background: url('../birdsong/images/top/bg_greenBelt.gif') no-repeat 0 0 transparent;
  width: 960px;
  height: 46px;
}
#contents #main_top #birdListWrapper {
  position: relative;
  padding: 20px 16px 0;
  /*	background: url('../birdsong/images/top/bg_mist.png') repeat 0 0 transparent;*/
  z-index: 200;
}
#contents #main_top #birdListWrapper ul#birdList {
  list-style-type: none;
}
#contents #main_top #birdListWrapper ul#birdList li {
  padding: 10px 18px;
}
#contents #main_top #birdListWrapper ul#birdList li p.birdName {
  margin-top: 8px;
  font-size: 131%; /* 17px */
  line-height: 20px;
  font-weight: bold;
  text-align: center;
}
#contents #main_top #birdListWrapper ul#birdList li p.birdInfo {
  font-size: 93%; /* 58px */
  line-height: 20px;
  text-align: center;
}
/* 共通 */
#contents #main #birdTitle {
  background: url('../birdsong/images/bg_gradation.png') repeat-y 0 0 transparent;
  width: 960px;
  height: 275px;
}
#contents #main #birdTitle #pageImage {
  position: relative;
}
#contents #main #birdTitle #pageImage .pageBird {
  position: absolute;
  top: 0;
  right: 22px;
  width: 300px;
}
#contents #main #birdTitle .pageTitle {
  margin: 0 330px 0 0;
  padding: 30px 0 0 38px;
}
#contents #main #birdTitle h1#birdName {
  padding-right: 20px;
  height: 58px;
  color: #fff;
  font-size: 446.2%; /* 58px */
  font-weight: bold;
  line-height: 58px;
}
#contents #main #birdTitle h1#usageTitle {
  color: #fff;
  padding-right: 20px;
  height: 58px;
  font-size: 350%;
  font-weight: bold;
  line-height: 58px;
}
#contents #main #birdTitle p.birdEng {
  color: #fff;
  font-size: 197%; /* 26px */
  font-style: italic;
  line-height: 26px;
}
#contents #main #birdTitle p.birdArea {
  color: #fff;
  font-size: 116%; /* 15px */
  line-height: 2;
}
#contents #main #birdTitle p.birdExp {
  color: #fff;
  font-size: 100%; /* 13px */
  line-height: 20px;
}
/* フローティングウィンドウ */
#contents #main_top .floatBase, #contents #main .floatBase {
  z-index: 900;
}
#contents #main_top .floatBase .floatWindow, #contents #main .floatBase .floatWindow {
  display: none;
  position: absolute;
  width: 678px;
  z-index: 1000;
}
#contents #main_top .floatBase .floatWindow .floatWindowClose, #contents #main .floatBase .floatWindow .floatWindowClose {
  position: absolute;
  right: 24px;
  top: 22px;
}
#contents #main_top .floatBase .floatWindow .floatWindowClose img, #contents #main .floatBase .floatWindow .floatWindowClose img {
  border: none;
}
#contents #main_top .floatBase .floatWindow dl, #contents #main .floatBase .floatWindow dl {
  margin: 0;
}
#contents #main_top .floatBase .floatWindow dl dt, #contents #main .floatBase .floatWindow dl dt {
  padding: 19px 19px 0;
  background: url('../birdsong/images/bg_floatWindow_header.png') no-repeat 0 0 transparent;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-indent: 20px;
  color: white;
  font-size: 131%; /* 17px */
  font-weight: bold;
  cursor: move;
}
#contents #main_top .floatBase .floatWindow dl dd.floatWindowBody, #contents #main .floatBase .floatWindow dl dd.floatWindowBody {
  margin: 0;
  padding: 1em 3em 0;
  background: url('../birdsong/images/bg_floatWindow_body.png') repeat-y 0 0 transparent;
  font-size: 116%;
  line-height: 1.5;
}
#contents #main_top .floatBase .floatWindow dl dd.floatWindowBody ul.floatWindowBodyList, #contents #main .floatBase .floatWindow dl dd.floatWindowBody ul.floatWindowBodyList {}
#contents #main_top .floatBase .floatWindow dl dd.floatWindowBody ul.floatWindowBodyList li, #contents #main .floatBase .floatWindow dl dd.floatWindowBody ul.floatWindowBodyList li {
  list-style-type: disc;
}
#contents #main_top .floatBase .floatWindow dl dd.floatWindowFooter, #contents #main .floatBase .floatWindow dl dd.floatWindowFooter {
  background: url('../birdsong/images/bg_floatWindow_footer.png') no-repeat 0 0 transparent;
  margin: 0;
  width: 100%;
  height: 26px;
}
/**/
#contents #main_top .floatBase .floatWindow p.download-btn {
	text-align: center;
}
#contents #main_top .floatBase .floatWindow p.download-btn a {
	display: block;
	border: 2px solid #7c6aa5;
	border-radius: 10px;
	padding: .5em 1.5em;
	margin: 0 auto 1em;
	width: 12em;
	background: #9182b3;
  color: #fff;
}
#contents #main_top .floatBase .floatWindow p.download-btn a:hover {
	background: #7c6aa5;
}
/**/
#contents #main #switchExp {
  position: relative;
  background-color: #979797;
}
#contents #main #switchExp p {
  height: 45px;
  color: #fff;
  font-size: 138.5%;
  font-weight: bold;
  line-height: 45px;
  text-align: center;
}
#contents #main #switchList {
  position: relative;
  padding: 25px 30px;
  height: 365px;
  background: url('../birdsong/images/bg_mist_white.png') repeat 0 0 transparent;
}
#contents #main #switchList #switchMap {
  position: absolute;
  z-index: 100;
}
#contents #main #switchList #switchWrapper {
  width: 500px;
}
#contents #main #switchList #switchWrapper ul#switchMain {
  list-style-type: none;
}
#contents #main #switchList #switchWrapper ul#switchMain li.switchButton {
  position: relative;
  background: url('../birdsong/images/button/bg_btnSwitch.png') repeat 0 0 transparent;
  width: 245px;
  height: 49px;
  cursor: pointer;
  z-index: 20;
}
#contents #main #switchList #switchWrapper ul#switchMain li.switchButton.mHover {
  background-position: 0 -49px;
}
#contents #main #switchList #switchWrapper ul#switchMain li.switchButton p.switchNum {
  position: absolute;
  top: 0;
  left: 6px;
  margin: 7px 0 5px;
  width: 40px;
  height: 36px;
  color: #005AAF;
  font-size: 146.5%; /* 19px */
  font-weight: bold;
  text-align: center;
  line-height: 36px;
}
#contents #main #switchList #switchWrapper ul#switchMain li.switchButton.mHover p.switchNum {
  color: #ccc;
}
#contents #main #switchList #switchWrapper ul#switchMain li.switchButton p.switchText {
  position: absolute;
  top: 2px;
  left: 65px;
  margin: 6px 0;
  height: 36px;
  color: #005AAF;
  font-size: 123.1%; /* 16px */
  font-weight: bold;
  line-height: 36px;
}
#contents #main #switchList #switchWrapper ul#switchMain li.switchButton.mHover p.switchText {
  color: #ccc;
}
#contents #main #switchBody {
  background: url('../birdsong/images/bg_mist_green.png') repeat 0 0 transparent;
}
#contents #main #switchBody .switchElement {
  display: none;
}
#contents #main #switchBody .switchElement.active {
  display: block;
}
#contents #main #switchBody .switchTitleWrapper {
  margin: 0 30px;
  padding: 4px 0;
  border-top: 3px solid #009045;
  border-bottom: 3px solid #009045;
}
#contents #main #switchBody .switchTitleWrapper p.switchTitle {
  padding: 3px 0 0;
  border-top: 1px solid #009045;
  border-bottom: 1px solid #009045;
  height: 56px;
  color: #004137;
  font-size: 276.9%; /* 36px */
  font-weight: bold;
  text-align: center;
  line-height: 56px;
}
#contents #main #switchBody .switchElementHeader {
  margin: 0 30px;
  padding: 10px 20px;
}
#contents #main #switchBody .switchElementHeader p.tabExp {
  color: #006837;
  font-size: 116%; /* 15px */
  font-weight: bold;
  line-height: 21px;
}
#contents #main #switchBody table.switchElementBody {
  margin: 0 59px;
}
#contents #main #switchBody table.switchElementBody th {
  padding: 5px 0;
  color: #4D4D4D;
  font-size: 77%; /* 10px */
  font-weight: normal;
  line-height: 10px;
  text-align: center;
  vertical-align: middle;
}
#contents #main #switchBody table.switchElementBody td {
  position: relative;
  border-top: 1px solid #009045;
  color: #000;
  font-size: 138.5%; /* 18px */
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#contents #main #switchBody table.switchElementBody th.bR, #contents #main #switchBody table.switchElementBody td.bR {
  border-right: 1px solid #009045;
}
#contents #main #switchBody table.switchElementBody td.odd {
  background: url('../birdsong/images/bg_voiceList_odd.png') repeat 0 0 transparent;
}
#contents #main #switchBody table.switchElementBody td span.warble {
  font-size: 77.8%; /* 18pxの77.8%=14px */
  font-weight: normal;
}
#contents #main #switchBody table.switchElementBody td .styledCheckbox {
  display: inline-block;
}
#contents #main #switchBody table.switchElementBody td .tooltipHover {
  display: inline-block;
  position: relative;
  background: url('../birdsong/images/button/btn_voiceS.png') repeat 0 0 transparent;
  width: 67px;
  height: 23px;
  cursor: pointer;
  vertical-align: middle;
}
.lt-ie8 #contents #main #switchBody table.switchElementBody td .tooltipHover {
  display: inline;
  zoom: 1;
}
#contents #main #switchBody table.switchElementBody td .tooltipHover.mHover {
  background-position: 0 -23px;
}
#contents #main #switchBody table.switchElementBody td .voicePrint, #contents #main #switchBody table.switchElementBody td .voiceFile {
  display: none;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td {
  border: 0;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.TL {
  background: url('../birdsong/images/tooltip/bg_tooltip_TL.png') no-repeat 0 0 transparent;
  width: 24px;
  height: 24px;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.TC {
  background: url('../birdsong/images/tooltip/bg_tooltip_TC.png') repeat-x 0 0 transparent;
  height: 24px;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.TR {
  background: url('../birdsong/images/tooltip/bg_tooltip_TR.png') no-repeat 0 0 transparent;
  width: 24px;
  height: 24px;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.CL {
  background: url('../birdsong/images/tooltip/bg_tooltip_CL.png') repeat-y 0 0 transparent;
  width: 24px;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.CC {
  background-color: #333;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.CC #tooltipTitle {
  padding: 5px 10px;
  color: #fff;
  font-size: 68%; /* 25pxの68% = 17px */
  font-weight: bold;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.CC #tooltipImage {
  background-color: #fff;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.CR {
  background: url('../birdsong/images/tooltip/bg_tooltip_CR.png') repeat-y 0 0 transparent;
  width: 24px;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.BL {
  background: url('../birdsong/images/tooltip/bg_tooltip_BL.png') no-repeat 0 0 transparent;
  width: 24px;
  height: 21px;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.BC {
  background: url('../birdsong/images/tooltip/bg_tooltip_BC.png') repeat-x 0 0 transparent;
  height: 21px;
}
#contents #main #switchBody table.switchElementBody td #tooltipBody table.tooltip td.BR {
  background: url('../birdsong/images/tooltip/bg_tooltip_BR.png') no-repeat 0 0 transparent;
  width: 24px;
  height: 21px;
}
#overLayer #playerClose {
  cursor: pointer;
}
#overLayer table.tooltip {
  margin: 0 15px;
}
#overLayer table.tooltip td.TL {
  background: url('../birdsong/images/tooltip/bg_tooltip_TL.png') no-repeat 0 0 transparent;
  width: 24px;
  height: 24px;
}
#overLayer table.tooltip td.TC {
  background: url('../birdsong/images/tooltip/bg_tooltip_TC.png') repeat-x 0 0 transparent;
  height: 24px;
}
#overLayer table.tooltip td.TR {
  background: url('../birdsong/images/tooltip/bg_tooltip_TR.png') no-repeat 0 0 transparent;
  width: 24px;
  height: 24px;
}
#overLayer table.tooltip td.CL {
  background: url('../birdsong/images/tooltip/bg_tooltip_CL.png') repeat-y 0 0 transparent;
  width: 24px;
}
#overLayer table.tooltip td.CC {
  background-color: #333;
}
#overLayer table.tooltip td.CC #voiceTitle {
  padding: 5px 10px;
  color: #fff;
  font-size: 189%; /* 25px */
  font-weight: bold;
}
#overLayer table.tooltip td.CC #voiceImage {
  background-color: #fff;
}
#overLayer table.tooltip td.CR {
  background: url('../birdsong/images/tooltip/bg_tooltip_CR.png') repeat-y 0 0 transparent;
  width: 24px;
}
#overLayer table.tooltip td.BL {
  background: url('../birdsong/images/tooltip/bg_tooltip_BL.png') no-repeat 0 0 transparent;
  width: 24px;
  height: 21px;
}
#overLayer table.tooltip td.BC {
  background: url('../birdsong/images/tooltip/bg_tooltip_BC.png') repeat-x 0 0 transparent;
  height: 21px;
}
#overLayer table.tooltip td.BR {
  background: url('../birdsong/images/tooltip/bg_tooltip_BR.png') no-repeat 0 0 transparent;
  width: 24px;
  height: 21px;
}
#overLayer #voicePlay img {
  background: url('../birdsong/images/tooltip/btn_voiceL.png') no-repeat 0 0 transparent;
  width: 141px;
  height: 103px;
}
#overLayer #voicePlay img.mHover {
  background-position: 0 -103px;
}
#contents #main #switchBody #voiceCheckmarkListWrapper {
  overflow: hidden;
  padding: 0 20px 30px;
  background: url('../birdsong/images/bg_voiceCheckmarkList.png') repeat 0 0 transparent;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCheckmarkList {
  margin: 0 15px;
  padding: 10px 20px;
  background: #fff;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCheckmarkList #voiceCheckmarkListTable {
  width: 800px;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCheckmarkList #voiceCheckmarkListTable td {
  vertical-align: top;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCheckmarkList .listWrapper {
  padding-bottom: 5px;
  width: 200px;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCheckmarkList .listWrapper p.areaText {
  color: #333;
  font-size: 123.1%;
  font-weight: bold;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCheckmarkList .listWrapper ul {
  width: 25%;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCheckmarkList .listWrapper ul li {
  list-style-type: none;
  color: #333;
  font-weight: bold;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCompareBtnWrapper {
  overflow: hidden;
  position: relative;
  height: 62px;
  text-align: center;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCompareBtnWrapper #gotoTop_bottom {
  position: absolute;
  top: 15px;
  left: 15px;
  width: 176px;
  height: 41px;
}
#contents #main #switchBody #voiceCheckmarkListWrapper #voiceCompareBtnWrapper #voiceCompareBtn {
  display: inline-block;
  height: 62px;
}
.lt-ie8 #contents #main #switchBody #voiceCheckmarkListWrapper #voiceCompareBtnWrapper #voiceCompareBtn {
  display: inline;
  zoom: 1;
}
/* 比較ページ */
#contents #main #birdImgHiddenWrapper {
  position: relative;
  background-color: #fff;
}
#contents #main #birdImgHiddenWrapper #birdImgHidden {
  height: 40px;
  background: url('../birdsong/images/bg_mist_green.png') repeat 0 0 transparent;
}
#contents #main #compareListWrapper {
  padding: 0 30px 40px;
  /*	padding: 20px 30px 40px;*/
  background: url('../birdsong/images/bg_mist_green.png') repeat 0 0 transparent;
}
#contents #main #compareListWrapper #compareList {}
#contents #main #compareListWrapper #compareList .compareElement {
  padding: 0 0 40px;
}
#contents #main #compareListWrapper #compareList .areaTitleWrapper {
  padding: 4px 0;
  border-top: 3px solid #009045;
  border-bottom: 3px solid #009045;
}
#contents #main #compareListWrapper #compareList .areaTitleWrapper p.areaTitle {
  padding: 3px 0 0;
  border-top: 1px solid #009045;
  border-bottom: 1px solid #009045;
  height: 40px;
  color: #004137;
  font-size: 189%;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
}
#contents #main #compareListWrapper #compareList p.pageExp {
  padding: 0 0 0 25px;
  height: 45px;
  color: #006837;
  font-size: 116%; /* 15px */
  font-weight: bold;
  line-height: 45px;
}
#contents #main #compareListWrapper #compareList table.compareListBody {
  width: 100%;
}
#contents #main #compareListWrapper #compareList table.compareListBody th {
  padding: 5px 0;
  color: #4D4D4D;
  font-size: 108%; /* 14px */
  font-weight: normal;
  line-height: 1.5;
  text-align: center;
  vertical-align: middle;
}
#contents #main #compareListWrapper #compareList table.compareListBody tr.spacer th {
  padding: 0;
}
#contents #main #compareListWrapper #compareList table.compareListBody td {
  position: relative;
  border-bottom: 2px solid #009045;
  height: 74px;
  color: #000;
  font-size: 276.9%; /* 36px */
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
#contents #main #compareListWrapper #compareList table.compareListBody td.odd {
  background: url('../birdsong/images/bg_voiceList_odd.png') repeat 0 0 transparent;
}
#contents #main #compareListWrapper #compareList table.compareListBody td span.warble {
  font-size: 61.1%; /* 36pxの61.1%=22px */
  font-weight: normal;
}
#contents #main #compareListWrapper #compareList table.compareListBody td img.voicePrint {
  padding: 5px 0 0;
  border: 5px solid #005AAF;
  background-color: #fff;
  width: auto;
  height: 52px;
  vertical-align: middle;
}
#contents #main #compareListWrapper #compareList table.compareListBody td .voicePlay {
  display: block;
}
#contents .birdsong_type {
	padding: 0 3em;
	font-size: 1.1em;
}
#contents .birdsong_type h3 {
	color: #599b4a;
	font-size: 2em;
	margin-top: 2em;
	border-top: 2px solid #009045;
	padding-top: .5em;
}
#contents .birdsong_type ul {
	margin: 1em 0;
}
#contents .birdsong_type ul li {
	margin-bottom: .5em;
	position: relative;
	line-height: 1.8;
}
#contents .birdsong_type ul li a {
	display: inline-block;
  position: absolute;
  left: 22em;
  background-color: #9182b3;
  color: #fff;
  padding: 2px 2px 2px 10px;
  border-radius: 15px;
}
#contents .birdsong_type ul li a:hover {
	background-color: #7c6aa5;
	text-decoration: none;
}
#contents .bird-licence {
	padding: 3em 3em 2em;
	font-size: .9em;
}
#contents .bird-licence ul li {
	margin-bottom: .3em;
}
#floatWindowWrapper {
	padding-right: 10px;
}
@media screen and (min-width: 400px) {
	#contents .birdsong_type ul li a {
		width: 15%;
    right: 0;
		left: auto;
    padding: 5px 2px 5px 10px;
	}
}
@media screen and (min-width: 768px) {
	#contents .birdsong_type ul li a {
		width: 25%;
    right: 0;
		left: auto;
    padding: 4px 0px 1px 15px;
	}
}