@charset "utf-8";
@viewport { 
    width: device-width; 
    zoom: 1; 
}
@-webkit-viewport{
    width: device-width;
    zoom: 1; 
}
@-moz-viewport{
    width: device-width;
    zoom: 1; 
}
@-ms-viewport{
    width: device-width;
    zoom: 1; 
}
@-o-viewport{
    width: device-width;
    zoom: 1; 
}
@viewport{
    width: device-width;
    zoom: 1; 
}
@font-face {
    font-family: 'JP';
    src: url('NotoSansCJKjp-Light.otf') format('opentype');
}
* {
  margin:0;
  padding:0;
  font-size:1em;
  font-style: normal;
  box-sizing: border-box;
}

/** General **/
html {
  color: #fff;
  font-style: normal; 
  width: 100%; 
}
body {
  font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
  font-size:0.8em;
  font-style: normal;
  margin: 0;
  color: #000;
  text-align:center;
  width: 100%; 
  background-color: #fff;
  white-space: nowrap;
}

a {
  color: #000;
  font-size:110%;
  font-variant: small-caps;
  text-decoration: underline;
  padding: 1px 5px;
  white-space: nowrap;
}
a:hover {
  color: #fff;
  background-color: #333 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
a img {
  border:none;
}
button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 5px;
  margin: 2px 2px;
  border-width: 1px;
  font-style: normal;
  cursor: pointer;
}
fieldset { 
  border-radius: 10px; 
  padding: 20px; 
  border: 2px solid #999;
  margin: 10px auto;
  min-height: 270px;
}
form {
  font-size:100%;
}
h1, h2, h3, h4 {
  font-weight: normal;
  margin-bottom:0.5em;
}
h1 {
  border-bottom: 1px solid #999;

  font-size: 110%;
  line-height: 150%;
  margin: 0px 0px 10px 0px;
  padding: 15px;
  font-weight:bold;
  text-align: center;
}
h2 {
  border-bottom: 1px solid #999;

  font-size: 110%;
  line-height: 150%;
  margin-top: 0px !important;
  margin-bottom: 10px;
  padding: 15px;
  font-weight:bold;
  text-align: center;
}
h3 {
  font-size: 100%;
  padding: 10px;
  font-weight:bold;
  border-top: 3px solid #999;
  border-bottom: 1px solid #999;
  margin: 10px 0px;
  text-align: center;
}
h4 {
  font-size: 100%;
  font-weight:bold;
  text-align: left;
}
i { font-style: italic !important; }
input { font-style: normal; text-decoration: none !important; }
input[type=button] {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 2px 8px;
  margin: 2px 2px;
  border-width: 1px;
  font-style: normal !important;
  cursor: pointer;
}
input[type=radio] { margin: 0px 10px 5px 10px; border:1px solid #333; }
input[type=checkbox] { margin: 0px 10px 5px 10px; }
input[type=checkbox] + label { margin: 0px 10px 5px 10px; font-weight:bold; color: red; }
input[type=text] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color:#fff;
  border:1px solid #333;
  padding-left:3px;
  font-style: normal !important;
}
input[type=password] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color:#fff;
  border:1px solid #333;
  padding-left:3px;
  font-style: normal !important;
}
img { box-sizing: content-box; }
label { cursor: pointer; }
legend { 
  border-radius: 5px; 
  border: 1px solid #999; 
  padding: 5px;
  text-align: left;
}
li {
  margin-bottom:5px;
  font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
  text-align:left;
}
p {
  font-size:100%;
  margin: 0;
  color: #000;
  text-align:left;
  white-space: normal;
}
pre {
  text-align:left !important;
}
select {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color:#fff;
  border:1px solid #333;
  padding-left:3px;
  font-style: normal !important;
  font-size:100%;
}
sup {font-size:80%;}
sub {font-size:80%;}
table {
  margin: auto;
  border: none;
  border-spacing: 0px;
}
textarea {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color:#fff;
  border:1px solid #333;
  padding-left:3px;
  font-style: normal !important;
  font-size:140%;
  height:50px;
  resize:vertical;
}
td {
  font-size:100%;
}
ul {
  text-align:left;
  width:90%;
  margin:auto;
  font-family:'lucida grande',verdana,helvetica,arial,sans-serif;
}

bk {
  display: inline-table;
  text-align: center;
  font-size: 180%;
  background-color: #FFF;
  border-radius: 5px;
  padding: 3px;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  margin: 3px 1px;
  line-height: 27px;
  border: 1px solid #ddd;
}
bn {
  display: inline-table;
  text-align: center;
  font-size: 110%;
  background-color: #ddd;
  border: 1px solid #bbb;
  border-radius: 3px;
  padding: 3px;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin: 5px;
  line-height: 23px;
}
ro { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #660000;
}

pr { 
  font-family: "Courier New", Courier, mono;
  font-size: 115%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal !important;
  color: #000088;
}

/** Shortcut **/
.colBl { color:#000 !important; }
.colB { color:#13f; }
.colR { color:#e00; }
.colG { color:#0c0; }
.colS6 { color:#666; }
.colS9 { color:#999; }
.colWh { color:#fff !important; }

.bcR   { border-color: #e00 !important; }
.bcG   { border-color: #5d4 !important; }
.bcB   { border-color: #4af !important; }
.bcY   { border-color: #fb3 !important; }
.bcV   { border-color: #b7f !important; }
.bcSA  { border-color: #aaa !important; }
.bcSB  { border-color: #bbb !important; }

.bgBl { background-color: #000 !important; }
.bgB  { background-color: #acf !important; }
.bgG  { background-color: #aea !important; }
.bgR  { background-color: #f88 !important; }
.bgV  { background-color: #cae !important; }
.bgY  { background-color: #fc4 !important; }
.bgK1 { background-color: #eb613e; }
.bgK2 { background-color: #f0a945; }
.bgK3 { background-color: #fff244; }
.bgK4 { background-color: #96c462; }
.bgK5 { background-color: #099398; }
.bgK6 { background-color: #4a95d4; }
.bgK7 { background-color: #8dbee9; }
.bgK8 { background-color: #eea8bd; }
.bgK9 { background-color: #b289b4; }
.bgS1 { background-color: #111 !important; }
.bgS2 { background-color: #222 !important; }
.bgS3 { background-color: #333 !important; }
.bgS4 { background-color: #444 !important; }
.bgS5 { background-color: #555 !important; }
.bgS6 { background-color: #666 !important; }
.bgS7 { background-color: #777 !important; }
.bgS8 { background-color: #888 !important; }
.bgS9 { background-color: #999 !important; }
.bgSA { background-color: #aaa !important; }
.bgSB { background-color: #bbb !important; }
.bgSC { background-color: #ccc !important; }
.bgSD { background-color: #ddd !important; }
.bgSE { background-color: #eee !important; }
.bgWh { background-color: #fff !important; }
.bgDarkB { background-color: #68d !important; }
.bgDarkG { background-color: #5b5 !important; }
.bgDarkR { background-color: #e44 !important; }
.bgDarkV { background-color: #85b !important; }
.bgDarkY { background-color: #c80 !important; }
.bgLightB { background-color: #cdf !important; }
.bgLightG { background-color: #cec !important; }
.bgLightR { background-color: #fcc !important; }
.bgLightV { background-color: #dcf !important; }
.bgLightY { background-color: #ffe4aa !important; }

.bgaB  { background-color: #acf; } .bgaB:hover  { background-color: #cdf; }
.bgaG  { background-color: #aea; } .bgaG:hover  { background-color: #cec; }
.bgaR  { background-color: #f88; } .bgaR:hover  { background-color: #fcc; }
.bgaV  { background-color: #cae; } .bgaV:hover  { background-color: #dcf; }
.bgaY  { background-color: #fc4; } .bgaY:hover  { background-color: #ffe4aa; }

.borBox {border: 1px solid #999;}
.borBox2 {border: 2px solid #999;}
.borBoxLight {border: 1px solid #ccc;}
.borBoxLight2 {border: 2px solid #aaa;}
.borBoxDark {border: 1px solid #444;}
.borBoxDark2 {border: 2px solid #444;}
.borBoxW {border: 3px solid #999;}

.borBot {border-bottom: 1px solid #999;}
.borBotLight {border-bottom: 1px solid #ccc;}
.borLef {border-left: 1px solid #999;}
.borRig {border-right: 1px solid #999;}
.borSid {border-left: 1px solid #999; border-right: 1px solid #999;}
.borTop {border-top: 1px solid #999;}
.borTopLight {border-top: 1px solid #ccc;}
.borTopW {border-top: 3px solid #666;}
.borBotW {border-bottom: 3px solid #999;}
.borNone {border:none !important;}

.bs1 {  border-spacing:1px; border-radius: 5px; }
.bs1 td { background-color:#eee; padding:5px; white-space:nowrap; font-size: 90%; text-align:center; }
.bs1 tr:first-child td:first-child { border-top-left-radius: 4px; }
.bs1 tr:first-child td:last-child  { border-top-right-radius: 4px; }
.bs1 tr:last-child td:first-child  { border-bottom-left-radius: 4px; }
.bs1 tr:last-child td:last-child   { border-bottom-right-radius: 4px; }
.bs1plus {  border-spacing:1px; border-radius: 5px; }
.bs1plus td { background-color:#fff; padding:5px; white-space:nowrap; text-align:center; }
.bs1plus tr:first-child td:first-child { border-top-left-radius: 4px; }
.bs1plus tr:first-child td:last-child  { border-top-right-radius: 4px; }
.bs1plus tr:last-child td:first-child  { border-bottom-left-radius: 4px; }
.bs1plus tr:last-child td:last-child   { border-bottom-right-radius: 4px; }
.bs5 {  border-spacing:5px !important; }
.bs10 { border-spacing:10px; }
.bs15 { border-spacing:15px; }
.bs20 { border-spacing:20px; }

.cup { cursor:pointer; padding: 0px 2px; border-radius: 2px; }

.dno { display:none !important;}
.dib { display:inline-block !important;}
.dit { display:inline-table;}
.dbl { display:block;}
.dtc { display:table-cell;}
.dta { display:table;}

.flr { float: right; }
.fll { float: left; }

.ffc { font-family: "Courier New", Courier, mono; }
.ft100 { font-size: 100% !important; }
.ft110 { font-size: 110% !important; }
.ft140 { font-size: 140% !important; }
.ft200 { font-size: 200% !important; }
.ft250 { font-size: 250% !important; }
.ft300 { font-size: 300% !important; }
.ft90 { font-size: 90% !important; }
.ft80 { font-size: 80% !important; }
.ft70 { font-size: 70% !important; }
.fvsc { font-variant: small-caps; }
.fvn { font-variant: normal; }
.fwb { font-weight: bold; }
.fwn { font-weight: normal !important; }

.h1   { height:1px; }
.h5   { height:5px !important; }
.h10  { height:10px; }
.h15  { height:15px; }
.h20  { height:20px; }
.h25  { height:25px; }
.hm25 { min-height:25px; }
.h30  { height:30px; }
.hm30 { min-height:30px; }
.h40  { height:40px; }
.h45  { height:45px; }
.h65  { height:65px; }
.h100 { height:100px; }
.h150 { height:150px; }

.lh20 { line-height: 20px; }
.lh30 { line-height: 30px; }

.ls1 { letter-spacing: 1px; }

.mx0 { margin:0px !important; }
.mt0 { margin-top:0px !important; }
.mb0 { margin-bottom:0px !important; }
.ml0 { margin-left:0px !important; }
.mr0 { margin-right:0px !important; }
.mxA { margin:auto !important; }
.mlA { margin-left:auto !important; }
.mrA { margin-right:auto !important; }

.mx5 { margin:5px !important; }
.mt5 { margin-top:5px !important; }
.mb5 { margin-bottom:5px !important; }
.ml5 { margin-left:5px !important; }
.mr5 { margin-right:5px !important; }
.mlr5 { margin-left:5px !important; margin-right:5px !important; }
.mtb5 { margin-top:5px !important; margin-bottom:5px !important; }

.mx10 { margin:10px !important; }
.mt10 { margin-top:10px !important; }
.mb10 { margin-bottom:10px !important; }
.ml10 { margin-left:10px !important; }
.mr10 { margin-right:10px !important; }
.mlr10 { margin-left:10px !important; margin-right:10px !important; }
.mtb10 { margin-top:10px !important; margin-bottom:10px !important; }

.mx15 { margin:15px !important; }
.mt15 { margin-top:15px !important; }
.mb15 { margin-bottom:15px !important; }

.mx20 { margin:20px !important; }
.mt20 { margin-top:20px !important; }
.mb20 { margin-bottom:20px !important; }
.ml20 { margin-left:20px !important; }
.mr20 { margin-right:20px !important; }
.mlr20 { margin-left:20px !important; margin-right:20px !important; }
.mtb20 { margin-top:20px !important; margin-bottom:20px !important; }

.mt25 { margin-top:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mb50 { margin-bottom:50px !important; }
.mt150 { margin-top:150px; }

.o7 { opacity: 0.7; filter: alpha(opacity=70); }
.o8 { opacity: 0.8; filter: alpha(opacity=80); }
.o9 { opacity: 0.9; filter: alpha(opacity=90); }
.ofh { overflow: hidden; }

.px0 {padding:0px !important; }
.pt0 {padding-top:0px !important; }
.pb0 {padding-bottom:0px !important; }
.pl0 {padding-left:0px !important; }
.pr0 {padding-right:0px !important; }
.plr0 {padding-left:0px !important; padding-right:0px !important; }

.px1 {padding:1px !important; }
.px2 {padding:2px !important; }
.pb2 {padding-bottom:2px !important; }

.px5 {padding:5px !important; }
.pt5 {padding-top:5px !important; }
.pb5 {padding-bottom:5px !important; }
.pl5 {padding-left:5px !important; }
.pr5 {padding-right:5px !important; }
.plr5 {padding-left:5px !important; padding-right:5px !important; }

.px10 {padding:10px !important; }
.pt10 {padding-top:10px !important; }
.pb10 {padding-bottom:10px !important; }
.pl10 {padding-left:10px !important; }
.pr10 {padding-right:10px !important; }
.plr10 {padding-left:10px !important; padding-right:10px !important; }

.px20 {padding:20px !important; }
.pt20 {padding-top:20px !important; }
.pb20 {padding-bottom:20px !important; }
.pl20 {padding-left:20px !important; }
.pr20 {padding-right:20px !important; }
.plr20 {padding-left:20px !important; padding-right:20px !important; }

.pl40 {padding-left:40px !important; }
.pr40 {padding-right:40px !important; }

.rx0 { border-radius: 0px !important; }
.rx3 { border-radius: 3px !important; }
.rx4 { border-radius: 4px !important; }
.rb4 { border-bottom-right-radius: 4px !important; border-bottom-left-radius: 4px !important; }
.rt4 { border-top-right-radius: 4px !important; border-top-left-radius: 4px !important; }
.rbr4 { border-bottom-right-radius: 4px !important; }
.rbl4 { border-bottom-left-radius: 4px !important; }
.rtr4 { border-top-right-radius: 4px !important; }
.rtl4 { border-top-left-radius: 4px !important; }

.rx5 { border-radius: 5px !important; }
.rb5 { border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important; }
.rt5 { border-top-right-radius: 5px !important; border-top-left-radius: 5px !important; }

.rx10 { border-radius: 10px !important; }
.rb10 { border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; }
.rt10 { border-top-right-radius: 10px !important; border-top-left-radius: 10px !important; }
.rbr10 { border-bottom-right-radius: 10px !important; }
.rbl10 { border-bottom-left-radius: 10px !important; }
.rtr10 { border-top-right-radius: 10px !important; }
.rtl10 { border-top-left-radius: 10px !important; }

.rx15{ border-radius: 15px !important; }

.toe { text-overflow:ellipsis; }
.tl { text-align:left !important; }
.tc { text-align:center !important; }
.tr { text-align:right !important; }
.ti20 { text-indent: 20px; }
.tdn { text-decoration: none; }

.vab { vertical-align:bottom !important; }
.vam { vertical-align:middle !important; }
.vat { vertical-align:top !important; }

.vih { visibility: hidden; }
.viv { visibility: visible; }

.w16  { width:16%; }
.w20  { width:20%; }
.w25  { width:25%; }
.w30  { width:30%; }
.w33  { width:33%; }
.w40  { width:40%; }
.w47  { width:47%; }
.w50  { width:50%; }
.w60  { width:60%; }
.w70  { width:70%; }
.w80  { width:80%; }
.w90  { width:90%; }
.w100 { width:100% !important; }
.w100_10 { width:calc(100% - 10px); }
.w100_20 { width:calc(100% - 20px); }
.w100_40 { width:calc(100% - 40px); }

.wm50 { min-width:50%; }
.wm80 { min-width:80%; }
.wm90 { min-width:90%; }
.wx80 { max-width:80%; }

.w20px { width:20px; }
.w25px { width:25px; }
.w30px { width:30px !important; }
.w32px { width:32px }
.w33px { width:33px !important; }
.w34px { width:34px !important; }
.w40px { width:40px !important; }
.w60px { width:60px; }
.w64px { width:64px }
.w80px { width:80px; }
.w90px { width:90px; }
.w100px { width:100px !important; }
.w128px { width:128px }
.w130px { width:130px !important; }
.w150px { width:150px !important; }
.w180px { width:180px; }
.w200px { width:200px; }
.w250px { width:250px; }
.w256px { width:256px }
.w300px { width:300px !important; }
.w350px { width:350px; }
.w400px { width:400px; }
.w500px { width:500px; }
.w550px { width:550px; }
.w580px { width:580px; }
.w600px { width:600px; }
.w690px { width:690px; }
.w700px { width:700px; }
.w710px { width:710px; }
.w720px { width:720px; }
.w730px { width:730px; }
.w740px { width:740px; }
.w780px { width:780px; }
.w800px { width:800px; }

.win { width: inherit !important; }

.wsno { white-space: normal !important; }
.wsnw { white-space: nowrap !important; }

/** Common **/
.adSide { 
  margin-left:10px;
  margin-right:10px;
  margin-top:20px;
  width:300px;
  text-align:center;
  vertical-align:top;
}
.adMiddle {
  margin-left:10px;
  margin-right:10px;
  margin-top:20px;
  width:300px;
  text-align:center;
  vertical-align:top;
}
.adBottom {
  margin-top:20px auto 0px auto;
  width:100%;
  text-align:center;
  vertical-align:top;
}
.articles {
  width:calc(100% - 40px);
  background-color:#fff;
  text-align: left;
  padding:10px 20px;
  margin:auto;
  border-radius: 5px;
  text-indent: 20px;
  border: 1px solid #ccc;
}
.articles p { margin-top:10px; margin-bottom:10px; }
.blockLanguage {
  margin: 5px auto 10px auto;
  display: inline-block;
  width: 780px;
  text-align:right;
}
.blockMainTop {
  margin: 5px auto 0px auto;
  display: inline-block;
  -webkit-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  border-top-left-radius: 15px;
  border:2px solid #999;
  border-bottom:0px;
  background-color:#ddd;
  padding-top:10px;
  padding-bottom:10px;
  text-align:left;
  width: 800px;
}
.blockMainBot {
  margin: -3px auto 0px auto;
  display: inline-block;
  -webkit-border-bottom-right-radius: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  border-bottom-left-radius: 15px;
  border:2px solid #999;
  border-top:1px solid #999;
  padding-top:10px;
  padding-bottom:10px;
  text-align:center;
  background-color:#bbb;
  width: 800px;
}
.blockPara {
  margin: 15px auto 15px auto;
  display: inline-block;
  border:2px solid #999;
  background-color:#eee;
  width: 800px;
}
.blockParaHalf {
  margin: 15px auto 15px auto;
  display: inline-block;
  border:2px solid #999;
  background-color:#eee;
  text-align: center;
  vertical-align: top;
  font-size: 100%;
}
.blockSub {
  display: inline-block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  /*box-shadow: 0px 1px 2px #000;*/
  border:2px solid #999;
  background-color: #fff;
  padding:10px;
  margin: 0px 0px 10px 0px;
}

.bullArrow {
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 10px solid #666;
  border-right: 8px solid transparent;
}
.bullet30R, .bullet30G, .bullet30B, .bullet30Y, .bullet30V  { 
  padding:5px 10px 5px 35px;
  text-decoration:none;
  background-image: url(../img/bullets.png);
  background-repeat:no-repeat;
  background-position: 0px -10px;
  margin-right: 5px;
  margin-left: 5px;
  background-color:#fff;
  color: #333;
  height:32px;
  display:inline-block;
  -webkit-border-radius: 16px !important;
  -moz-border-radius: 16px !important;
  border-radius: 16px !important;
}
.bullet30G  { background-position: 0px -106px; }
.bullet30B  { background-position: 0px -202px; }
.bullet30Y  { background-position: 0px -298px; }
.bullet30V  { background-position: 0px -394px; }
.bullet30R:hover { background-position: 0px -498px; background-color:#333; color: #fff; }
.bullet30G:hover { background-position: 0px -594px; background-color:#333; color: #fff; }
.bullet30B:hover { background-position: 0px -690px; background-color:#333; color: #fff; }
.bullet30Y:hover { background-position: 0px -786px; background-color:#333; color: #fff; }
.bullet30V:hover { background-position: 0px -882px; background-color:#333; color: #fff; }

.bulletLongR, .bulletLongG, .bulletLongB, .bulletLongY, .bulletLongV  { 
  padding:5px 10px 5px 40px;
  text-decoration:none;
  background-image: url(../img/bullets.png);
  background-repeat:no-repeat;
  background-position: 5px -5px;
  margin-right: 5px;
  margin-left: 5px;
  background-color:#fff;
  color: #333;
  display:block;
  min-height: 43px;
  -webkit-border-radius: 15px !important;
  -moz-border-radius: 15px !important;
  border-radius: 15px !important;
  border: 1px solid #ccc;
}
.bulletLongG  { background-position: 5px -101px; }
.bulletLongB  { background-position: 5px -197px; }
.bulletLongY  { background-position: 5px -293px; }
.bulletLongV  { background-position: 5px -389px; }
.bulletLongR:hover { background-position: 5px -493px; background-color:#333; color: #fff; }
.bulletLongG:hover { background-position: 5px -589px; background-color:#333; color: #fff; }
.bulletLongB:hover { background-position: 5px -685px; background-color:#333; color: #fff; }
.bulletLongY:hover { background-position: 5px -781px; background-color:#333; color: #fff; }
.bulletLongV:hover { background-position: 5px -877px; background-color:#333; color: #fff; }

.buttAtt {
  width: 40px;
  background-color:#55d;
  background-image: url(../img/misc/attention.png);
  background-repeat: no-repeat;
  background-position: center;
  color:#fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #000;
  height: 30px;
  margin-top: 10px !important;
}
.buttAtt :hover{ background-color:#33b; }

.buttCell {
  padding: 2px 4px;
  text-align: center;
  font-family: "Lucida Console", Monaco, monospace;
  white-space: nowrap;
  display: inline-block;
  width:50px;
}

.buttEdit {
  width: 40px;
  background-color:#55d;
  background-image: url(../img/misc/edit.png);
  background-repeat: no-repeat;
  background-position: center;
  color:#fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #000;
  height: 30px;
  margin-top: 10px !important;
}
.buttEdit :hover{ background-color:#33b; }

.buttKana {
  width:30px;
  margin-left: 5px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  text-align: center;
}
.buttQas {
  color:#fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #000;
  height: 30px;
}
.calendarLabel {
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  color: #5555f0;
}

.cellHeader td { text-align: left; padding-left:5px; background-color:#eee !important; }
.cellList td {text-align: left; white-space:normal; }

.charKanaJP {
  font-size:130%;
  color:#000;
}
.charPhon {
  font-family: "Times New Roman", Times, serif;
  font-size:120%;
  font-weight:bold;
  letter-spacing: 1px;
  color:#009;
  white-space: nowrap;
}
.charPronF {
  font-family: Arial, Helvetica, sans-serif;
  /*font-family: "Lucida Console", Monaco, monospace;*/
  font-size:100%;
  font-weight: bold;
  letter-spacing: 1px;
  color: #080;
  white-space: nowrap;
}
.charRoma {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #600;
  white-space: nowrap;
}
.charRomaK {
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #060;
  white-space: nowrap;
}
.checkbox {
  text-align:left !important;
  margin: 0px 0px 5px 10px;
}
.dicoTable { width: 100%; border-spacing: 0px 5px; border-radius: 4px; margin-bottom:5px; }
.dicoTable td { height: 40px; padding: 5px 5px 0px 5px; background-color: #fff; text-align: middle; }
.dicoTable tr td:first-child { border-top-left-radius: 6px;  border-bottom-left-radius: 6px; }
.dicoTable tr td:last-child  { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }

.error_flash {
  color:#e00;
  background-color: #fff8f8 !important;
  width:500px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: auto;
  border: 2px solid #aaa;
  padding: 10px;
  display: block;
}
.error-message {
  display: none;
  text-align:left;
  color:#e00;
}
.fidelityBar {
  display:inline-table;
  height:10px;
  width:80px;
}
.floatSpan {
  width:100%;
  height:7px;
  width:100%;
  display:inline-block;
  margin: 0px 10px;
}
.footnote {
  margin:5px 0px;
  background-color: rgba(0, 0, 0, 0.2);
  font-size:80%;
  padding:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.footLink { font-size: 90%; }
.footerMenu {
  text-align:left;
  margin:20px 0px;
  line-height:20px;
  display:inline-table;
}
.fullWidth { display:inline-table; }
.halfWidth { display:inline-table; }
.fullInnerWidth { display:inline-table; }
.halfInnerWidth { display:inline-table; }

.headerTile1 {
  display:inline-table;
  vertical-align:top;
  text-align:left;
  padding:0px 5px;
}
.headerTile2 {
  display:inline-table;
  vertical-align:top;
  text-align:center;
  padding:0px 5px;
  white-space:normal;
}
.headerTile3 {
  display:inline-table;
  vertical-align:top;
  text-align:right;
  padding:0px 5px;
  font-size:90%;
  white-space:normal;
}



.hidden { display: none !important; }
.input {
  display: block;
  text-align: center;
  width: 100%;
}


/*
DD = middle dot
AD = and
CA = petit KA
QE = petit KE
TT = petit tsu

XX = nobasu
QQ = égal
DT = 3 points
PT = point (petit maru)
CM = virgule (virgule)
CO = Crochet Ouvrant
CF = Crochet Fermant
PV = Parenthèse ouVrant
PF = Parenthèse Fermante
TL = Tilde

QW = ?
EX = !
RB = arobas
MR = grand maru

PL = signe plus
DV = signe div
NM = noma (marque d'itération)

SP = espace
*/
.HG64AA,.HG64KA,.HG64SA,.HG64TA,.HG64NA,.HG64HA,.HG64MA,.HG64YA,.HG64RA,.HG64WA,.HG64GA,.HG64ZA,.HG64DA,.HG64BA,.HG64PA,.HG64QA,.HG64XA,.HG64XX,.HG64AG,
.HG64II,.HG64KI,.HG64SI,.HG64TI,.HG64NI,.HG64HI,.HG64MI,.HG64VU,.HG64RI,.HG64WI,.HG64GI,.HG64ZI,.HG64DI,.HG64BI,.HG64PI,.HG64CA,.HG64XI,.HG64EQ,.HG64AD,
.HG64UU,.HG64KU,.HG64SU,.HG64TU,.HG64NU,.HG64HU,.HG64MU,.HG64YU,.HG64RU,.HG64NN,.HG64GU,.HG64ZU,.HG64DU,.HG64BU,.HG64PU,.HG64QU,.HG64XU,.HG64DT,.HG64QW,
.HG64EE,.HG64KE,.HG64SE,.HG64TE,.HG64NE,.HG64HE,.HG64ME,.HG64DD,.HG64RE,.HG64WE,.HG64GE,.HG64ZE,.HG64DE,.HG64BE,.HG64PE,.HG64TT,.HG64XE,.HG64PT,.HG64EX,
.HG64OO,.HG64KO,.HG64SO,.HG64TO,.HG64NO,.HG64HO,.HG64MO,.HG64YO,.HG64RO,.HG64WO,.HG64GO,.HG64ZO,.HG64DO,.HG64BO,.HG64PO,.HG64QO,.HG64XO,.HG64CM,.HG64MR,
.HG64AD,.HG64QE,
.KT64AA,.KT64KA,.KT64SA,.KT64TA,.KT64NA,.KT64HA,.KT64MA,.KT64YA,.KT64RA,.KT64WA,.KT64GA,.KT64ZA,.KT64DA,.KT64BA,.KT64PA,.KT64QA,.KT64XA,.KT64XX,.KT64AG,
.KT64II,.KT64KI,.KT64SI,.KT64TI,.KT64NI,.KT64HI,.KT64MI,.KT64VU,.KT64RI,.KT64WI,.KT64GI,.KT64ZI,.KT64DI,.KT64BI,.KT64PI,.KT64CA,.KT64XI,.KT64EQ,.KT64AD,
.KT64UU,.KT64KU,.KT64SU,.KT64TU,.KT64NU,.KT64HU,.KT64MU,.KT64YU,.KT64RU,.KT64NN,.KT64GU,.KT64ZU,.KT64DU,.KT64BU,.KT64PU,.KT64QU,.KT64XU,.KT64DT,.KT64QW,
.KT64EE,.KT64KE,.KT64SE,.KT64TE,.KT64NE,.KT64HE,.KT64ME,.KT64DD,.KT64RE,.KT64WE,.KT64GE,.KT64ZE,.KT64DE,.KT64BE,.KT64PE,.KT64TT,.KT64XE,.KT64PT,.KT64EX,
.KT64OO,.KT64KO,.KT64SO,.KT64TO,.KT64NO,.KT64HO,.KT64MO,.KT64YO,.KT64RO,.KT64WO,.KT64GO,.KT64ZO,.KT64DO,.KT64BO,.KT64PO,.KT64QO,.KT64XO,.KT64CM,.KT64MR,
.KT64AD,.KT64QE {
  background-image: url(../img/kana/kana064-0.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  width:64px;
  height:64px;
  display:inline-block;
}
.HG64AA {background-position:     0px 0px;} .HG64II {background-position:     0px -64px;} .HG64UU {background-position:     0px -128px;} .HG64EE {background-position:     0px -192px;} .HG64OO {background-position:     0px -256px;}
.HG64KA {background-position:   -64px 0px;} .HG64KI {background-position:   -64px -64px;} .HG64KU {background-position:   -64px -128px;} .HG64KE {background-position:   -64px -192px;} .HG64KO {background-position:   -64px -256px;}
.HG64SA {background-position:  -128px 0px;} .HG64SI {background-position:  -128px -64px;} .HG64SU {background-position:  -128px -128px;} .HG64SE {background-position:  -128px -192px;} .HG64SO {background-position:  -128px -256px;}
.HG64TA {background-position:  -192px 0px;} .HG64TI {background-position:  -192px -64px;} .HG64TU {background-position:  -192px -128px;} .HG64TE {background-position:  -192px -192px;} .HG64TO {background-position:  -192px -256px;}
.HG64NA {background-position:  -256px 0px;} .HG64NI {background-position:  -256px -64px;} .HG64NU {background-position:  -256px -128px;} .HG64NE {background-position:  -256px -192px;} .HG64NO {background-position:  -256px -256px;}
.HG64HA {background-position:  -320px 0px;} .HG64HI {background-position:  -320px -64px;} .HG64HU {background-position:  -320px -128px;} .HG64HE {background-position:  -320px -192px;} .HG64HO {background-position:  -320px -256px;}
.HG64MA {background-position:  -384px 0px;} .HG64MI {background-position:  -384px -64px;} .HG64MU {background-position:  -384px -128px;} .HG64ME {background-position:  -384px -192px;} .HG64MO {background-position:  -384px -256px;}
.HG64YA {background-position:  -448px 0px;} .HG64VU {background-position:  -448px -64px;} .HG64YU {background-position:  -448px -128px;} .HG64DD {background-position:  -448px -192px;} .HG64YO {background-position:  -448px -256px;}
.HG64RA {background-position:  -512px 0px;} .HG64RI {background-position:  -512px -64px;} .HG64RU {background-position:  -512px -128px;} .HG64RE {background-position:  -512px -192px;} .HG64RO {background-position:  -512px -256px;}
.HG64WA {background-position:  -576px 0px;} .HG64WI {background-position:  -576px -64px;} .HG64NN {background-position:  -576px -128px;} .HG64WE {background-position:  -576px -192px;} .HG64WO {background-position:  -576px -256px;}
.HG64GA {background-position:  -640px 0px;} .HG64GI {background-position:  -640px -64px;} .HG64GU {background-position:  -640px -128px;} .HG64GE {background-position:  -640px -192px;} .HG64GO {background-position:  -640px -256px;}
.HG64ZA {background-position:  -704px 0px;} .HG64ZI {background-position:  -704px -64px;} .HG64ZU {background-position:  -704px -128px;} .HG64ZE {background-position:  -704px -192px;} .HG64ZO {background-position:  -704px -256px;}
.HG64DA {background-position:  -768px 0px;} .HG64DI {background-position:  -768px -64px;} .HG64DU {background-position:  -768px -128px;} .HG64DE {background-position:  -768px -192px;} .HG64DO {background-position:  -768px -256px;}
.HG64BA {background-position:  -832px 0px;} .HG64BI {background-position:  -832px -64px;} .HG64BU {background-position:  -832px -128px;} .HG64BE {background-position:  -832px -192px;} .HG64BO {background-position:  -832px -256px;}
.HG64PA {background-position:  -896px 0px;} .HG64PI {background-position:  -896px -64px;} .HG64PU {background-position:  -896px -128px;} .HG64PE {background-position:  -896px -192px;} .HG64PO {background-position:  -896px -256px;}
.HG64QA {background-position:  -960px 0px;} .HG64CA {background-position:  -960px -64px;} .HG64QU {background-position:  -960px -128px;} .HG64TT {background-position:  -960px -192px;} .HG64QO {background-position:  -960px -256px;}
.HG64XA {background-position: -1024px 0px;} .HG64XI {background-position: -1024px -64px;} .HG64XU {background-position: -1024px -128px;} .HG64XE {background-position: -1024px -192px;} .HG64XO {background-position: -1024px -256px;}
.HG64XA {background-position: -1088px 0px;} .HG64XI {background-position: -1088px -64px;} .HG64XU {background-position: -1088px -128px;} .HG64XE {background-position: -1088px -192px;} .HG64XO {background-position: -1088px -256px;}
.HG64XA {background-position: -1152px 0px;} .HG64XI {background-position: -1152px -64px;} .HG64XU {background-position: -1152px -128px;} .HG64XE {background-position: -1152px -192px;} .HG64XO {background-position: -1152px -256px;}

.KT64AA {background-position:     0px -320px;} .KT64II {background-position:     0px -384px;} .KT64UU {background-position:     0px -448px;} .KT64EE {background-position:     0px -512px;} .KT64OO {background-position:     0px -576px;}
.KT64KA {background-position:   -64px -320px;} .KT64KI {background-position:   -64px -384px;} .KT64KU {background-position:   -64px -448px;} .KT64KE {background-position:   -64px -512px;} .KT64KO {background-position:   -64px -576px;}
.KT64SA {background-position:  -128px -320px;} .KT64SI {background-position:  -128px -384px;} .KT64SU {background-position:  -128px -448px;} .KT64SE {background-position:  -128px -512px;} .KT64SO {background-position:  -128px -576px;}
.KT64TA {background-position:  -192px -320px;} .KT64TI {background-position:  -192px -384px;} .KT64TU {background-position:  -192px -448px;} .KT64TE {background-position:  -192px -512px;} .KT64TO {background-position:  -192px -576px;}
.KT64NA {background-position:  -256px -320px;} .KT64NI {background-position:  -256px -384px;} .KT64NU {background-position:  -256px -448px;} .KT64NE {background-position:  -256px -512px;} .KT64NO {background-position:  -256px -576px;}
.KT64HA {background-position:  -320px -320px;} .KT64HI {background-position:  -320px -384px;} .KT64HU {background-position:  -320px -448px;} .KT64HE {background-position:  -320px -512px;} .KT64HO {background-position:  -320px -576px;}
.KT64MA {background-position:  -384px -320px;} .KT64MI {background-position:  -384px -384px;} .KT64MU {background-position:  -384px -448px;} .KT64ME {background-position:  -384px -512px;} .KT64MO {background-position:  -384px -576px;}
.KT64YA {background-position:  -448px -320px;} .KT64VU {background-position:  -448px -384px;} .KT64YU {background-position:  -448px -448px;} .KT64DD {background-position:  -448px -512px;} .KT64YO {background-position:  -448px -576px;}
.KT64RA {background-position:  -512px -320px;} .KT64RI {background-position:  -512px -384px;} .KT64RU {background-position:  -512px -448px;} .KT64RE {background-position:  -512px -512px;} .KT64RO {background-position:  -512px -576px;}
.KT64WA {background-position:  -576px -320px;} .KT64WI {background-position:  -576px -384px;} .KT64NN {background-position:  -576px -448px;} .KT64WE {background-position:  -576px -512px;} .KT64WO {background-position:  -576px -576px;}
.KT64GA {background-position:  -640px -320px;} .KT64GI {background-position:  -640px -384px;} .KT64GU {background-position:  -640px -448px;} .KT64GE {background-position:  -640px -512px;} .KT64GO {background-position:  -640px -576px;}
.KT64ZA {background-position:  -704px -320px;} .KT64ZI {background-position:  -704px -384px;} .KT64ZU {background-position:  -704px -448px;} .KT64ZE {background-position:  -704px -512px;} .KT64ZO {background-position:  -704px -576px;}
.KT64DA {background-position:  -768px -320px;} .KT64DI {background-position:  -768px -384px;} .KT64DU {background-position:  -768px -448px;} .KT64DE {background-position:  -768px -512px;} .KT64DO {background-position:  -768px -576px;}
.KT64BA {background-position:  -832px -320px;} .KT64BI {background-position:  -832px -384px;} .KT64BU {background-position:  -832px -448px;} .KT64BE {background-position:  -832px -512px;} .KT64BO {background-position:  -832px -576px;}
.KT64PA {background-position:  -896px -320px;} .KT64PI {background-position:  -896px -384px;} .KT64PU {background-position:  -896px -448px;} .KT64PE {background-position:  -896px -512px;} .KT64PO {background-position:  -896px -576px;}
.KT64QA {background-position:  -960px -320px;} .KT64CA {background-position:  -960px -384px;} .KT64QU {background-position:  -960px -448px;} .KT64TT {background-position:  -960px -512px;} .KT64QO {background-position:  -960px -576px;}
.KT64XA {background-position: -1024px -320px;} .KT64XI {background-position: -1024px -384px;} .KT64XU {background-position: -1024px -448px;} .KT64XE {background-position: -1024px -512px;} .KT64XO {background-position: -1024px -576px;}
.KT64XA {background-position: -1088px -320px;} .KT64XI {background-position: -1088px -384px;} .KT64XU {background-position: -1088px -448px;} .KT64XE {background-position: -1088px -512px;} .KT64XO {background-position: -1088px -576px;}
.KT64XA {background-position: -1152px -320px;} .KT64XI {background-position: -1152px -384px;} .KT64XU {background-position: -1152px -448px;} .KT64XE {background-position: -1152px -512px;} .KT64XO {background-position: -1152px -576px;}

.HG32AA,.HG32KA,.HG32SA,.HG32TA,.HG32NA,.HG32HA,.HG32MA,.HG32YA,.HG32RA,.HG32WA,.HG32GA,.HG32ZA,.HG32DA,.HG32BA,.HG32PA,.HG32QA,.HG32XA,
.HG32II,.HG32KI,.HG32SI,.HG32TI,.HG32NI,.HG32HI,.HG32MI,.HG32VU,.HG32RI,.HG32WI,.HG32GI,.HG32ZI,.HG32DI,.HG32BI,.HG32PI,        .HG32XI,
.HG32UU,.HG32KU,.HG32SU,.HG32TU,.HG32NU,.HG32HU,.HG32MU,.HG32YU,.HG32RU,.HG32NN,.HG32GU,.HG32ZU,.HG32DU,.HG32BU,.HG32PU,.HG32QU,.HG32XU,
.HG32EE,.HG32KE,.HG32SE,.HG32TE,.HG32NE,.HG32HE,.HG32ME,        .HG32RE,.HG32WE,.HG32GE,.HG32ZE,.HG32DE,.HG32BE,.HG32PE,        .HG32XE,
.HG32OO,.HG32KO,.HG32SO,.HG32TO,.HG32NO,.HG32HO,.HG32MO,.HG32YO,.HG32RO,.HG32WO,.HG32GO,.HG32ZO,.HG32DO,.HG32BO,.HG32PO,.HG32QO,.HG32XO,
.HG32DD,.HG32AD,.HG32CA,.HG32QE,.HG32TT,.HG32XX,.HG32QQ,.HG32DT,.HG32PT,.HG32CM,.HG32CO,.HG32CF,.HG32PV,.HG32PF,.HG32TL,.HG32QW,.HG32EX,.HG32RB,.HG32MR,.HG32PL,.HG32DV,.HG32NM,

.KT32AA,.KT32KA,.KT32SA,.KT32TA,.KT32NA,.KT32HA,.KT32MA,.KT32YA,.KT32RA,.KT32WA,.KT32GA,.KT32ZA,.KT32DA,.KT32BA,.KT32PA,.KT32QA,.KT32XA,
.KT32II,.KT32KI,.KT32SI,.KT32TI,.KT32NI,.KT32HI,.KT32MI,.KT32VU,.KT32RI,.KT32WI,.KT32GI,.KT32ZI,.KT32DI,.KT32BI,.KT32PI,.KT32QE,.KT32XI,
.KT32UU,.KT32KU,.KT32SU,.KT32TU,.KT32NU,.KT32HU,.KT32MU,.KT32YU,.KT32RU,.KT32NN,.KT32GU,.KT32ZU,.KT32DU,.KT32BU,.KT32PU,.KT32QU,.KT32XU,
.KT32EE,.KT32KE,.KT32SE,.KT32TE,.KT32NE,.KT32HE,.KT32ME,.KT32AD,.KT32RE,.KT32WE,.KT32GE,.KT32ZE,.KT32DE,.KT32BE,.KT32PE,.KT32TT,.KT32XE,
.KT32OO,.KT32KO,.KT32SO,.KT32TO,.KT32NO,.KT32HO,.KT32MO,.KT32YO,.KT32RO,.KT32WO,.KT32GO,.KT32ZO,.KT32DO,.KT32BO,.KT32PO,.KT32QO,.KT32XO,
.KT32DD,.KT32AD,.KT32CA,.KT32QE,.KT32TT,.KT32XX,.KT32QQ,.KT32DT,.KT32PT,.KT32CM,.KT32CO,.KT32CF,.KT32PV,.KT32PF,.KT32TL,.KT32QW,.KT32EX,.KT32RB,.KT32MR,.KT32PL,.KT32DV,.KT32NM,
.HG32AA_,.HG32KA_,.HG32SA_,.HG32TA_,.HG32NA_,.HG32HA_,.HG32MA_,.HG32YA_,.HG32RA_,.HG32WA_,.HG32GA_,.HG32ZA_,.HG32DA_,.HG32BA_,.HG32PA_,.HG32QA_,.HG32XA_,
.HG32II_,.HG32KI_,.HG32SI_,.HG32TI_,.HG32NI_,.HG32HI_,.HG32MI_,.HG32VU_,.HG32RI_,.HG32WI_,.HG32GI_,.HG32ZI_,.HG32DI_,.HG32BI_,.HG32PI_,         .HG32XI_,
.HG32UU_,.HG32KU_,.HG32SU_,.HG32TU_,.HG32NU_,.HG32HU_,.HG32MU_,.HG32YU_,.HG32RU_,.HG32NN_,.HG32GU_,.HG32ZU_,.HG32DU_,.HG32BU_,.HG32PU_,.HG32QU_,.HG32XU_,
.HG32EE_,.HG32KE_,.HG32SE_,.HG32TE_,.HG32NE_,.HG32HE_,.HG32ME_,         .HG32RE_,.HG32WE_,.HG32GE_,.HG32ZE_,.HG32DE_,.HG32BE_,.HG32PE_,         .HG32XE_,
.HG32OO_,.HG32KO_,.HG32SO_,.HG32TO_,.HG32NO_,.HG32HO_,.HG32MO_,.HG32YO_,.HG32RO_,.HG32WO_,.HG32GO_,.HG32ZO_,.HG32DO_,.HG32BO_,.HG32PO_,.HG32QO_,.HG32XO_,
.HG32DD_,.HG32AD_,.HG32CA_,.HG32QE_,.HG32TT_,.HG32XX_,.HG32QQ_,.HG32DT_,.HG32PT_,.HG32CM_,.HG32CO_,.HG32CF_,.HG32PV_,.HG32PF_,.HG32TL_,.HG32QW_,.HG32EX_,.HG32RB_,.HG32MR_,.HG32PL_,.HG32DV_,.HG32NM_,
.KT32AA_,.KT32KA_,.KT32SA_,.KT32TA_,.KT32NA_,.KT32HA_,.KT32MA_,.KT32YA_,.KT32RA_,.KT32WA_,.KT32GA_,.KT32ZA_,.KT32DA_,.KT32BA_,.KT32PA_,.KT32QA_,.KT32XA_,
.KT32II_,.KT32KI_,.KT32SI_,.KT32TI_,.KT32NI_,.KT32HI_,.KT32MI_,.KT32VU_,.KT32RI_,.KT32WI_,.KT32GI_,.KT32ZI_,.KT32DI_,.KT32BI_,.KT32PI_,.KT32QE_,.KT32XI_,
.KT32UU_,.KT32KU_,.KT32SU_,.KT32TU_,.KT32NU_,.KT32HU_,.KT32MU_,.KT32YU_,.KT32RU_,.KT32NN_,.KT32GU_,.KT32ZU_,.KT32DU_,.KT32BU_,.KT32PU_,.KT32QU_,.KT32XU_,
.KT32EE_,.KT32KE_,.KT32SE_,.KT32TE_,.KT32NE_,.KT32HE_,.KT32ME_,.KT32AD_,.KT32RE_,.KT32WE_,.KT32GE_,.KT32ZE_,.KT32DE_,.KT32BE_,.KT32PE_,.KT32TT_,.KT32XE_,
.KT32OO_,.KT32KO_,.KT32SO_,.KT32TO_,.KT32NO_,.KT32HO_,.KT32MO_,.KT32YO_,.KT32RO_,.KT32WO_,.KT32GO_,.KT32ZO_,.KT32DO_,.KT32BO_,.KT32PO_,.KT32QO_,.KT32XO_,
.KT32XX_,.KT32QQ_,.KT32DT_,.KT32PT_,.KT32CM_,.KT32CO_,.KT32CF_,.KT32QW_,.KT32EX_,.KT32MR_,.KT32CA_,.KT32DD_,
.KT32DD_,.KT32AD_,.KT32CA_,.KT32QE_,.KT32TT_,.KT32XX_,.KT32QQ_,.KT32DT_,.KT32PT_,.KT32CM_,.KT32CO_,.KT32CF_,.KT32PV_,.KT32PF_,.KT32TL_,.KT32QW_,.KT32EX_,.KT32RB_,.KT32MR_,.KT32PL_,.KT32DV_,.KT32NM_
{
  background-image: url(../img/kana/kana032-0.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  width:32px;
  height:32px;
  display:inline-block;
}
.HG32AA,.HG32AA_ {background-position:     0px 0px;} .HG32II,.HG32II_ {background-position:     0px -32px;} .HG32UU,.HG32UU_ {background-position:     0px  -64px;} .HG32EE,.HG32EE_ {background-position:     0px  -96px;} .HG32OO,.HG32OO_ {background-position:     0px -128px;}
.HG32KA,.HG32KA_ {background-position:   -32px 0px;} .HG32KI,.HG32KI_ {background-position:   -32px -32px;} .HG32KU,.HG32KU_ {background-position:   -32px  -64px;} .HG32KE,.HG32KE_ {background-position:   -32px  -96px;} .HG32KO,.HG32KO_ {background-position:   -32px -128px;}
.HG32SA,.HG32SA_ {background-position:   -64px 0px;} .HG32SI,.HG32SI_ {background-position:   -64px -32px;} .HG32SU,.HG32SU_ {background-position:   -64px  -64px;} .HG32SE,.HG32SE_ {background-position:   -64px  -96px;} .HG32SO,.HG32SO_ {background-position:   -64px -128px;}
.HG32TA,.HG32TA_ {background-position:   -96px 0px;} .HG32TI,.HG32TI_ {background-position:   -96px -32px;} .HG32TU,.HG32TU_ {background-position:   -96px  -64px;} .HG32TE,.HG32TE_ {background-position:   -96px  -96px;} .HG32TO,.HG32TO_ {background-position:   -96px -128px;}
.HG32NA,.HG32NA_ {background-position:  -128px 0px;} .HG32NI,.HG32NI_ {background-position:  -128px -32px;} .HG32NU,.HG32NU_ {background-position:  -128px  -64px;} .HG32NE,.HG32NE_ {background-position:  -128px  -96px;} .HG32NO,.HG32NO_ {background-position:  -128px -128px;}
.HG32HA,.HG32HA_ {background-position:  -160px 0px;} .HG32HI,.HG32HI_ {background-position:  -160px -32px;} .HG32HU,.HG32HU_ {background-position:  -160px  -64px;} .HG32HE,.HG32HE_ {background-position:  -160px  -96px;} .HG32HO,.HG32HO_ {background-position:  -160px -128px;}
.HG32MA,.HG32MA_ {background-position:  -192px 0px;} .HG32MI,.HG32MI_ {background-position:  -192px -32px;} .HG32MU,.HG32MU_ {background-position:  -192px  -64px;} .HG32ME,.HG32ME_ {background-position:  -192px  -96px;} .HG32MO,.HG32MO_ {background-position:  -192px -128px;}
.HG32YA,.HG32YA_ {background-position:  -224px 0px;} .HG32VU,.HG32VU_ {background-position:  -224px -32px;} .HG32YU,.HG32YU_ {background-position:  -224px  -64px;} .HG32DD,.HG32DD_ {background-position:  -224px  -96px;} .HG32YO,.HG32YO_ {background-position:  -224px -128px;} .KT32DD,.KT32DD_ {background-position:  -224px  -96px;}
.HG32RA,.HG32RA_ {background-position:  -256px 0px;} .HG32RI,.HG32RI_ {background-position:  -256px -32px;} .HG32RU,.HG32RU_ {background-position:  -256px  -64px;} .HG32RE,.HG32RE_ {background-position:  -256px  -96px;} .HG32RO,.HG32RO_ {background-position:  -256px -128px;}
.HG32WA,.HG32WA_ {background-position:  -288px 0px;} .HG32WI,.HG32WI_ {background-position:  -288px -32px;} .HG32NN,.HG32NN_ {background-position:  -288px  -64px;} .HG32WE,.HG32WE_ {background-position:  -288px  -96px;} .HG32WO,.HG32WO_ {background-position:  -288px -128px;}
.HG32GA,.HG32GA_ {background-position:  -320px 0px;} .HG32GI,.HG32GI_ {background-position:  -320px -32px;} .HG32GU,.HG32GU_ {background-position:  -320px  -64px;} .HG32GE,.HG32GE_ {background-position:  -320px  -96px;} .HG32GO,.HG32GO_ {background-position:  -320px -128px;}
.HG32ZA,.HG32ZA_ {background-position:  -352px 0px;} .HG32ZI,.HG32ZI_ {background-position:  -352px -32px;} .HG32ZU,.HG32ZU_ {background-position:  -352px  -64px;} .HG32ZE,.HG32ZE_ {background-position:  -352px  -96px;} .HG32ZO,.HG32ZO_ {background-position:  -352px -128px;}
.HG32DA,.HG32DA_ {background-position:  -384px 0px;} .HG32DI,.HG32DI_ {background-position:  -384px -32px;} .HG32DU,.HG32DU_ {background-position:  -384px  -64px;} .HG32DE,.HG32DE_ {background-position:  -384px  -96px;} .HG32DO,.HG32DO_ {background-position:  -384px -128px;}
.HG32BA,.HG32BA_ {background-position:  -416px 0px;} .HG32BI,.HG32BI_ {background-position:  -416px -32px;} .HG32BU,.HG32BU_ {background-position:  -416px  -64px;} .HG32BE,.HG32BE_ {background-position:  -416px  -96px;} .HG32BO,.HG32BO_ {background-position:  -416px -128px;}
.HG32PA,.HG32PA_ {background-position:  -448px 0px;} .HG32PI,.HG32PI_ {background-position:  -448px -32px;} .HG32PU,.HG32PU_ {background-position:  -448px  -64px;} .HG32PE,.HG32PE_ {background-position:  -448px  -96px;} .HG32PO,.HG32PO_ {background-position:  -448px -128px;}
.HG32QA { background-position:  -480px    0px;} .HG32CA { background-position:  -480px  -32px;} .HG32QE { background-position:  -480px -192px;} .HG32QU { background-position:  -480px  -64px;} .HG32TT { background-position:  -480px   -96px;}  .HG32QO { background-position:  -480px -128px;} 
.HG32QA_ {background-position:  -576px    0px;} .HG32CA_ {background-position:  -576px  -32px;} .HG32QE_ {background-position:  -576px -192px;} .HG32QU_ {background-position:  -576px  -64px;} .HG32TT_ {background-position:  -576px   -96px;}  .HG32QO_ {background-position:  -576px -128px;} 
.HG32XA { background-position:  -512px    0px;} .HG32XI { background-position:  -512px  -32px;} .HG32XU { background-position:  -512px  -64px;} .HG32XE { background-position:  -512px   -96px;}  .HG32XO { background-position:  -512px -128px;}
.HG32XA_ {background-position:  -608px    0px;} .HG32XI_ {background-position:  -608px  -32px;} .HG32XU_ {background-position:  -608px  -64px;} .HG32XE_ {background-position:  -608px   -96px;}  .HG32XO_ {background-position:  -608px -128px;}
.HG32XX { background-position:  -544px    0px;} .HG32QQ { background-position:  -544px  -32px;} .HG32DT { background-position:  -544px  -64px;} .HG32PT { background-position:  -544px   -96px;}  .HG32CM { background-position:  -544px -128px;}
.HG32XX_ {background-position:  -640px    0px;} .HG32QQ_ {background-position:  -640px  -32px;} .HG32DT_ {background-position:  -640px  -64px;} .HG32PT_ {background-position:  -640px   -96px;}  .HG32CM_ {background-position:  -640px -128px;}
.HG32CO { background-position:  -544px -160px;} .HG32CF { background-position:  -544px -192px;} .HG32PV { background-position:  -544px -224px;} .HG32PF { background-position:  -544px  -256px;}  .HG32TL { background-position:  -544px -288px;}  
.HG32CO_ {background-position:  -640px -160px;} .HG32CF_ {background-position:  -640px -192px;} .HG32PV_ {background-position:  -640px -224px;} .HG32PF_ {background-position:  -640px  -256px;}  .HG32TL_ {background-position:  -640px -288px;} 
.HG32QW,.HG32QW_ { background-position: -576px    0px;} .HG32EX,.HG32EX_ { background-position:  -576px   -32px;} .HG32RB,.HG32RB_ {background-position:  -576px  -64px;}  .HG32MR,.HG32MR_ { background-position: -576px  -96px;}
.HG32PL,.HG32PL_ { background-position: -704px    0px;} .HG32DV,.HG32DV_ { background-position:  -704px   -32px;} .HG32NM,.HG32NM_ {background-position:  -704px  -64px;}
.KT32AA,.KT32AA_ {background-position:     0px -160px;} .KT32II,.KT32II_ {background-position:     0px -192px;} .KT32UU,.KT32UU_ {background-position:     0px -224px;} .KT32EE,.KT32EE_ {background-position:     0px -256px;} .KT32OO,.KT32OO_ {background-position:     0px -288px;}
.KT32KA,.KT32KA_ {background-position:   -32px -160px;} .KT32KI,.KT32KI_ {background-position:   -32px -192px;} .KT32KU,.KT32KU_ {background-position:   -32px -224px;} .KT32KE,.KT32KE_ {background-position:   -32px -256px;} .KT32KO,.KT32KO_ {background-position:   -32px -288px;}
.KT32SA,.KT32SA_ {background-position:   -64px -160px;} .KT32SI,.KT32SI_ {background-position:   -64px -192px;} .KT32SU,.KT32SU_ {background-position:   -64px -224px;} .KT32SE,.KT32SE_ {background-position:   -64px -256px;} .KT32SO,.KT32SO_ {background-position:   -64px -288px;}
.KT32TA,.KT32TA_ {background-position:   -96px -160px;} .KT32TI,.KT32TI_ {background-position:   -96px -192px;} .KT32TU,.KT32TU_ {background-position:   -96px -224px;} .KT32TE,.KT32TE_ {background-position:   -96px -256px;} .KT32TO,.KT32TO_ {background-position:   -96px -288px;}
.KT32NA,.KT32NA_ {background-position:  -128px -160px;} .KT32NI,.KT32NI_ {background-position:  -128px -192px;} .KT32NU,.KT32NU_ {background-position:  -128px -224px;} .KT32NE,.KT32NE_ {background-position:  -128px -256px;} .KT32NO,.KT32NO_ {background-position:  -128px -288px;}
.KT32HA,.KT32HA_ {background-position:  -160px -160px;} .KT32HI,.KT32HI_ {background-position:  -160px -192px;} .KT32HU,.KT32HU_ {background-position:  -160px -224px;} .KT32HE,.KT32HE_ {background-position:  -160px -256px;} .KT32HO,.KT32HO_ {background-position:  -160px -288px;}
.KT32MA,.KT32MA_ {background-position:  -192px -160px;} .KT32MI,.KT32MI_ {background-position:  -192px -192px;} .KT32MU,.KT32MU_ {background-position:  -192px -224px;} .KT32ME,.KT32ME_ {background-position:  -192px -256px;} .KT32MO,.KT32MO_ {background-position:  -192px -288px;}
.KT32YA,.KT32YA_ {background-position:  -224px -160px;} .KT32VU,.KT32VU_ {background-position:  -224px -192px;} .KT32YU,.KT32YU_ {background-position:  -224px -224px;} .KT32AD,.KT32AD_ {background-position:  -224px -256px;} .KT32YO,.KT32YO_ {background-position:  -224px -288px;} .HG32AD,.HG32AD_ {background-position:  -224px -256px;}
.KT32RA,.KT32RA_ {background-position:  -256px -160px;} .KT32RI,.KT32RI_ {background-position:  -256px -192px;} .KT32RU,.KT32RU_ {background-position:  -256px -224px;} .KT32RE,.KT32RE_ {background-position:  -256px -256px;} .KT32RO,.KT32RO_ {background-position:  -256px -288px;}
.KT32WA,.KT32WA_ {background-position:  -288px -160px;} .KT32WI,.KT32WI_ {background-position:  -288px -192px;} .KT32NN,.KT32NN_ {background-position:  -288px -224px;} .KT32WE,.KT32WE_ {background-position:  -288px -256px;} .KT32WO,.KT32WO_ {background-position:  -288px -288px;}
.KT32GA,.KT32GA_ {background-position:  -320px -160px;} .KT32GI,.KT32GI_ {background-position:  -320px -192px;} .KT32GU,.KT32GU_ {background-position:  -320px -224px;} .KT32GE,.KT32GE_ {background-position:  -320px -256px;} .KT32GO,.KT32GO_ {background-position:  -320px -288px;}
.KT32ZA,.KT32ZA_ {background-position:  -352px -160px;} .KT32ZI,.KT32ZI_ {background-position:  -352px -192px;} .KT32ZU,.KT32ZU_ {background-position:  -352px -224px;} .KT32ZE,.KT32ZE_ {background-position:  -352px -256px;} .KT32ZO,.KT32ZO_ {background-position:  -352px -288px;}
.KT32DA,.KT32DA_ {background-position:  -384px -160px;} .KT32DI,.KT32DI_ {background-position:  -384px -192px;} .KT32DU,.KT32DU_ {background-position:  -384px -224px;} .KT32DE,.KT32DE_ {background-position:  -384px -256px;} .KT32DO,.KT32DO_ {background-position:  -384px -288px;}
.KT32BA,.KT32BA_ {background-position:  -416px -160px;} .KT32BI,.KT32BI_ {background-position:  -416px -192px;} .KT32BU,.KT32BU_ {background-position:  -416px -224px;} .KT32BE,.KT32BE_ {background-position:  -416px -256px;} .KT32BO,.KT32BO_ {background-position:  -416px -288px;}
.KT32PA,.KT32PA_ {background-position:  -448px -160px;} .KT32PI,.KT32PI_ {background-position:  -448px -192px;} .KT32PU,.KT32PU_ {background-position:  -448px -224px;} .KT32PE,.KT32PE_ {background-position:  -448px -256px;} .KT32PO,.KT32PO_ {background-position:  -448px -288px;}
.KT32QA { background-position:  -480px -160px;} .KT32CA { background-position:  -480px  -32px;} .KT32QE { background-position:  -480px -192px;} .KT32QU { background-position:  -480px  -224px;} .KT32TT { background-position:  -480px  -256px;} .KT32QO { background-position:  -480px -288px;}
.KT32QA_ {background-position:  -576px -160px;} .KT32CA_ {background-position:  -576px  -32px;} .KT32QE_ {background-position:  -576px -192px;} .KT32QU_ {background-position:  -576px  -224px;} .KT32TT_ {background-position:  -576px  -256px;} .KT32QO_ {background-position:  -576px -288px;}
.KT32XA { background-position:  -512px -160px;} .KT32XI { background-position:  -512px -192px;} .KT32XU { background-position:  -512px  -224px;} .KT32XE { background-position:  -512px  -256px;} .KT32XO { background-position:  -512px -288px;}
.KT32XA_ {background-position:  -608px -160px;} .KT32XI_ {background-position:  -608px -192px;} .KT32XU_ {background-position:  -608px  -224px;} .KT32XE_ {background-position:  -608px  -256px;} .KT32XO_ {background-position:  -608px -288px;}
.KT32XX { background-position:  -544px    0px;} .KT32QQ { background-position:  -544px  -32px;} .KT32DT { background-position:  -544px  -64px;} .KT32PT { background-position:  -544px   -96px;}  .KT32CM { background-position:  -544px -128px;}
.KT32XX_ {background-position:  -640px    0px;} .KT32QQ_ {background-position:  -640px  -32px;} .KT32DT_ {background-position:  -640px  -64px;} .KT32PT_ {background-position:  -640px   -96px;}  .KT32CM_ {background-position:  -640px -128px;}
.KT32CO { background-position:  -544px -160px;} .KT32CF { background-position:  -544px -192px;} .KT32PV { background-position:  -544px -224px;} .KT32PF { background-position:  -544px  -256px;}  .KT32TL { background-position:  -544px -288px;}  
.KT32CO_ {background-position:  -640px -160px;} .KT32CF_ {background-position:  -640px -192px;} .KT32PV_ {background-position:  -640px -224px;} .KT32PF_ {background-position:  -640px  -256px;}  .KT32TL_ {background-position:  -640px -288px;} 
.KT32QW,.KT32QW_ { background-position: -576px    0px;} .KT32EX,.KT32EX_ { background-position:  -576px   -32px;} .KT32RB,.KT32RB_ {background-position:  -576px  -64px;}  .KT32MR,.KT32MR_ { background-position: -576px  -96px;}
.KT32PL,.KT32PL_ { background-position: -704px    0px;} .KT32DV,.KT32DV_ { background-position:  -704px   -32px;} .KT32NM,.KT32NM_ {background-position:  -704px  -64px;}

.HG32SP,.HG32SP_,.KT32SP,.KT32SP_ {
  background-color: #fff;
  width:32px;
  height:32px;
  display:inline-block;
}

.kanaMemoryTable {
  margin: auto;
  border-spacing: 10px; 
  background: none;
}
.kanaMemoryTable td {
  width:90px;
  height:90px;
  padding:5px;
  vertical-align:center;
  text-align:center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 8%;
  border:2px solid #999;
}
.kanaMemoryBack {
  background-color:#ccc;
  box-shadow: 0px 0px 17px 0px rgba(255, 255, 255, 1) inset;
  color:#fff;
  font-size:30px;
  font-weight:bold;
}
.kanaMemoryFront {
  background-color:#fff;
  box-shadow: 0px 0px 17px 0px rgba(0, 0, 0, 0.3) inset;
  color:#000;
  font-size:13px;
  font-weight:normal;
}

.kanaQuizTable {
  margin: auto;
  border-spacing: 5px; 
  background: none;
}
.kanaQuizTable td[name="kanaCell"] {
  width:10%;
  padding:5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-width:3px;
  border-style: solid;
  background-color:#fff;
}
.kanaQuizTable td[name="rowHeader"] {
  border: none;
  background: none;
  color:#c00;
}
.kanaQuizTable td[name="rowArrow"] {
  border: none;
  background: none;
  font-size: 120%;
}

.kanaWordleTable {
  margin: auto;
  border-spacing: 0px 3px; 
  background: none;
}
.kanaWordleTable td {
  vertical-align:center;
  padding: 0px 3px;
}
.kanaWordleTable th {
  width:40px;
  height:40px;
	font-size: 20px;
  text-align:center;
}
.kanaWordleTable div {
  width:64px;
  height:52px;
  padding:4px 0px 0px 0px;
  text-align:center;
	font-size: 26px;
  display: inline-table;
}
.kanaWordle li {
  margin-bottom: 15px;
}
.kanaWordleHint {
  margin: auto;
  border-spacing: 5px; 
  background-color: #eee;
}
.kanaWordleHint td {
  width:32px;
  height:40px;
  padding:1px;
  vertical-align:center;
  text-align:center;
	font-size: 20px;
	border-radius: 5px;
}
#kanaWordleAbsDiv {
  position: fixed;
  bottom: 0px;
  background-color: #eee;
}
#kanaWordleAbsDiv.shadow {  box-shadow: 0px -2px 4px #787c7e; }


@media all and (min-width: 800px) {
  #kanaWordleAbsDiv {
    width: 800px;
    margin: 0px -22px;
    border-left: 2px solid #999;
    border-right: 2px solid #999;
  }
}
@media all and (min-width: 640px) and (max-width: 799px) {
  #kanaWordleAbsDiv {
    width: 100%;
    margin: 0px;
    left: 0px;
  }
}
@media all and (max-width: 639px) {
  #kanaWordleAbsDiv {
    width: 100%;
    margin: 0px;
    left: 0px;
  }
}

.kanaWordleNeutral {
	background-color: #d3d6da;
	color: #000;
	border-radius: 5px;
  cursor: pointer;
}
.kanaWordleEmpty {
	background-color: #fff;
	color: #000;
  border:2px solid #888;
}
.kanaWordleW {
	background-color: #787c7e;
	color: #fff;
  border: none;
  font-weight: bold;
}
.kanaWordleNormal div.kanaWordleE, .kanaWordleNormal td.kanaWordleE, .kanaWordleNormal th.kanaWordleE {
	background-color: #c9b458;
	color: #fff;
  border: none;
  font-weight: bold;
}
.kanaWordleHighContrast div.kanaWordleE, .kanaWordleHighContrast td.kanaWordleE, .kanaWordleHighContrast th.kanaWordleE {
	background-color: #85c0f9;
	color: #fff;
  border: none;
  font-weight: bold;
}
.kanaWordleNormal div.kanaWordleG, .kanaWordleNormal td.kanaWordleG, .kanaWordleNormal th.kanaWordleG {
	background-color: #6aaa64 !important;
	color: #fff;
  border: none;
  font-weight: bold;
}
.kanaWordleHighContrast div.kanaWordleG, .kanaWordleHighContrast td.kanaWordleG, .kanaWordleHighContrast th.kanaWordleG {
	background-color: #f5793a !important;
	color: #fff;
  border: none;
  font-weight: bold;
}
.noHint {
	background-color: unset;
	color: #000;
  border: none;
}

.kanaTable {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 6px !important;
  padding: 2px;
  margin: 5px auto 5px auto;
  background-color: #acf;
  /*width:100%;*/
}

.kanjiList {
  height: 300px;
  overflow-y: scroll;
  width: calc(100% - 4px);
}

.keyboard {
  width: 30px;
  height: 45px;
  text-align: center;
  padding: 0px !important;
  border-radius: 6px !important;
  font-size: 20px;
  margin: 1px 1px !important;
}

.message { 
  padding: 10px;
  width:100%;
  position: fixed;
  top: 0px;
  right: 0px;
}
.messok { color:#00F; font-weight:normal; }
.messko { color:#C00; font-weight:normal; }

.nameLink {
  margin:10px;
  display:inline-block;
  text-align:center;
}

.pagTable { margin: 0px auto 0px auto; height:30px; width:280px; border-spacing:1px; display: inline-table; }
.pagTable td { padding:3px; text-align:center; }
.pagTable li { list-style-type:none; text-align:center; margin:0px; }
.pagTable li a { text-decoration:none; min-width:30px }

.paraBot{
  border-top: 1px solid #999;
  text-align:left;
  margin: 10px 0px 0px 0px;
  padding: 10px 20px 5px 10px;
  min-height: 10px;
}
.paraSectionHead {
  border-bottom: 2px solid #999;
  text-align:left;
  margin: 50px 0px 10px 0px;
  padding: 5px 10px;
}
.paraSmallTitle {
  /*white-space: nowrap;*/
  padding-right:10px;
  font-size: 100%;
  font-weight:bold;
  text-align: left;
}
.paraTitle {
  text-align: center;
  font-size: 90%;
  margin: 10px auto 10px auto;
  color: #000;
}
.paraTopBar{
  border-bottom: 1px solid #999;
  text-align:left;
  margin: 0px 0px 20px 0px;
  padding: 10px 20px 5px 10px;
  min-height: 10px;
}

.paraPad { padding: 5px; }
.paralrPad { padding: 0px 5px; }
.paraSpace { margin-bottom:10px;}

.pHira, .pKata, .pHori, .pVert, .pS16, .pS32, .pS64, .pS128, .pS256, .pF0, .pF1, .pF2, .pF3, .pF4, .pF5 {
  background-image: url(../img/kana/options.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  width:32px;
  height:32px;
  display: inline-table;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top:5px;
  margin-bottom:5px;
}
.pKata { background-position: -32px 0px; }
.pHori { background-position: -64px 0px; }
.pVert { background-position: -96px 0px; }
.pF0 { background-position:   0px -32px; }
.pF1 { background-position: -32px -32px; }
.pF2 { background-position: -64px -32px; }
.pF3 { background-position: -96px -32px; }
.pF4 { background-position:   0px -64px; }
.pF5 { background-position: -32px -64px; }
.pS16   { background-position:    0px  -96px; height: 16px; width:  16px; border-radius: 0px !important; }
.pS32   { background-position:  -32px  -96px; }
.pS64   { background-position:  -64px  -64px; height: 64px; width:  64px; }
.pS128 { background-position: -128px    0px; height:128px; width: 128px; }
.pS256 { background-position:    0px -128px; height:256px; width: 256px; }

.plainTable {
  border-spacing: 1px;
  margin:auto;
  margin-bottom:20px;
  background-color:#666;
  text-align:left;
  font-size:90%;
}
.plainTable th {
  font-weight:normal;
  background-color:#444;
  color:#eee;
  text-align:center;
  padding:5px;
}
.plainTable td {
  background-color:#eee;
  text-align:left;
  padding:5px;
}
.plainTrEven    td { background-color:#fed !important; }
.plainTrOdd     td { background-color:#def !important; }
.plainTrActive  td { background-color:#def !important; }

.illustr {
  border: 1px solid #666;
  -webkit-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
  -moz-box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 10px 0px rgba(0,0,0,0.5);
  max-width: 100%;
  height: auto;
  width: auto; /* ie8 */
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
}
.pron {
  font-family: "Courier New", Courier, mono;
  font-size: 115%;
  font-style: normal;
  font-weight: bold;
  font-variant: normal !important;
  color: #000088;
}

.qausertype0 {
  width: 150px;
  text-align: center;
  font-weight: normal;
  color: #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #999;
  background-color: #fff;
}

.qausertype1, .qausertype2, .qausertype3 {
  width: 150px;
  text-align: center;
  vertical-align:top;
  font-weight: bold;
  color: #600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #999;
  background-color: #fff;
}

.radio {
  text-align:left;
  margin-left:10px;
}
.remark {
  border-left: 2px solid #000000;
  padding-left: 6px;  
}
.resizeImg {
  max-width: 100%;
  /*min-width: 330px;*/
  height: auto;
  width: auto; /* ie8 */
}
.roma {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #660000;
}
.romaK {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 110%;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
  color: #006600;
}

.rTable { border-radius: 5px; }
.rTable td { background-color: #fff; }
.rTable tr:first-child td:first-child { border-top-left-radius: 4px; }
.rTable tr:first-child td:last-child { border-top-right-radius: 4px; }
.rTable tr:last-child td:first-child { border-bottom-left-radius: 4px; }
.rTable tr:last-child td:last-child { border-bottom-right-radius: 4px; }

.rubyFrame {
  background-color:#fff;
  text-align: left;
  margin:auto;
  border-radius: 5px;
  border:1px solid #ccc;
}
.rubyFrameM { border-radius: 5px; }
.rubyFrameH { border-radius: 5px; }
.rubyFrameT { border-top: 5px dotted #aaa; padding-top: 20px; }
.rubyFrameN { border-radius: 5px; }
.rubyFrameK { border-radius: 5px; border: 2px solid #f00; margin: 30px 0px; }
.rubyTxtM { font-family: ; line-height: 200%; font-size: 300%; color:#55d; font-weight: bold; text-align: center; }
.rubyTxtH { font-family: ; line-height: 230%; font-size: 250%; color:#000; }
.rubyTxtT { font-family: ; line-height: 230%; font-size: 200%; color:#000; font-weight: bold; text-align: center; }
.rubyTxtN { font-family: ; line-height: 230%; font-size: 200%; color:#000; }
.rubyTxtK { font-family: ;
  font-size: 200%;
  background-color:#f00;
  background-image: url(../img/keyWord.png);
  background-repeat:no-repeat;
  background-position: 9px 3px;
  color: #fff;
  text-align: left;
  padding:20px 10px 10px 90px;
  margin:auto;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  font-weight: bold;
}
.rubyKeyWord { font-family: ; line-height: 230%; font-size: 200%; color:#000; padding:15px 10px 10px 10px; }
.rubyTxtM rt { font-family: ; font-size: 40%; }
.rubyTxtH rt { font-family: ; font-size: 45%; }
.rubyTxtT rt { font-family: ; font-size: 50%; }
.rubyTxtN rt { font-family: ; font-size: 50%; }
.rubyTxtK rt { font-family: ; font-size: 50%; }
.rubyKeyWord rt { font-size: 50%; }
.rubyTransM { font-size:140%; line-height:140%; margin:10px auto 30px auto !important; border: 1px solid #bbb; border-radius: 5px; padding:5px 10px; text-align: center; display: table; color:#55d; font-weight:bold; }
.rubyTransH { font-size:130%; line-height:130%; margin:10px auto 30px auto !important; border: 1px solid #999; border-radius: 5px; padding:5px 10px; }
.rubyTransT { font-size:120%; line-height:130%; margin:10px auto 30px auto !important; border: 1px solid #999; border-radius: 5px; padding:5px 10px; display: table; margin: auto;}
.rubyTransN { font-size:120%; line-height:130%; margin:10px auto 30px auto !important; border: 1px solid #999; border-radius: 5px; padding:5px 10px; }
.rubyTransK { font-size:120%; line-height:130%; margin:10px 10px 10px 10px !important; border: 1px solid #999; border-radius: 5px; padding:5px 10px; background-color: #fcc !important; }
.rubyTransK p:first-child { 
  border-bottom: 2px solid #f00; 
  margin-top:3px; 
  margin-bottom:10px;
  background-image: url(../img/keyWord2.png);
  background-repeat:no-repeat;
  background-position: 0px 3px;
  text-indent: 47px;
  padding-bottom: 5px;
}

.showDiv {
  padding:20px;
  margin:15px;
  background-color:#fff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 15px;
  border: 1px solid #666;
}
.showPhonPara {
  text-align: left;
  font-size: 150%;
}
.showName {
  font-size:200%;
  color: #333;
}
.showOrigPhon {
  font-size:150%;
  font-weight:normal !important;
}
.smallText { font-size: 80%; }
.subMenuItem {
  text-align:center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-left: none;
  border-right: none;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-top-style: solid;
  border-bottom-style: solid;
  display:inline-block;
  width:100%;
  padding: 5px 0px 5px 0px;
}
.subMenuItem:hover { background-color:#666 !important; color: #eee; }
.subMenuItem_hover {
  background-color:#444 !important;
  color: #fff !important;
  text-decoration: none !important;
  text-align:center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-left: none;
  border-right: none;
  border-top-width: 3px;
  border-bottom-width: 3px;
  border-top-style: solid;
  border-bottom-style: solid;
  display:inline-block;
  width:100%;
  padding: 5px 0px 5px 0px;
}
.submit {
  display: inline-block;
  margin: 20px auto 10px auto;
  text-align: center;
}
.submitOK {
  width: 100px;
  /*min-width:100px;*/
  background-color:#55d;
  color:#fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #000;
  height: 30px;
}
.submitOK :hover{ background-color:#33b; }
.subSectionHead {
  font-family: Arial, Helvetica, sans-serif;
  color: #003355;
  font-weight: bold;
  font-variant: normal;
  font-size: 100%;
  margin: 30px 10px 5px 0px;
  text-align:left;
  overflow:hidden;
}
.success_flash { 
  color:#34f;
  background-color: #f8f8ff !important;
  width:500px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: auto;
  border: 2px solid #aaa;
  padding: 10px;
  display: block;
}
.tab5bs { border-spacing:15px; }
.tab5cell { padding: 10px 0px; background-color:#fff; border: 1px solid #666; border-radius: 5px !important; }

.tableKana {
  border-spacing:10px;
  margin:auto;
}
.tableKana td {
  border:1px solid #000;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding:15px;
}

.tableHead {
  font-weight: bold;
  background-color: #B3B3FF;
  text-align: center;
  vertical-align: middle;
  padding-left: 10px;
  padding-right: 10px;
}
.tableListText {
  font-family: "Courier New", Courier, mono;
  font-size: 11.5pt;
  font-style: normal;
  font-weight: bold;
  color: #000088;
}
.tableListCell {
  line-height: 19px;
  vertical-align: middle;
  padding-left: 10px;
  text-align: left;
  cursor: pointer;
}

.unfold {
  background-color: #ddd;
  border-radius: 4px;
  cursor: pointer;
  padding: 3px 5px;
}

.usertype0 { font-weight: normal; color: #000; }
.usertype1, .usertype2, .usertype3 { font-weight: bold; color: #600; }

/** Specific **/
#container  {
  text-align:center;
  display:inline-block;
  margin:auto;
  white-space: normal !important;
  padding:0px;
  min-height: calc(100vh - 450px);
}
#cookiePopup {
  display: none;
  position: fixed;
  margin: 0px;
  padding: 0px;
  right: 0px;
  text-align: center;
  width: 100%;
  z-index: 99999;
  height: auto;
  width: 100%;
  bottom: 0px;
  background-color: #4d4d4d;
  color:#eee;
}
#cookiePopup input[type=button] {
  color:#000;
  border-radius: 4px;
  margin: 2px 2px;
  border-width: 1px;
  font-style: normal;  
  white-space: nowrap;
  
  text-transform: uppercase;
  font-size: 10px;
  font-family: Arial;
  line-height: 18px;
  height: 28px;
  border: none;
  display: inline-block;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  padding: 6px 15px;
}
#advert  {
  text-align:center;
  display:inline-block;
  margin:auto;
}
#header  {
  margin: 0px auto;
  border-bottom:2px solid #999;
  background-color:#ddd;
  text-align:center;
  width:100%;
}
#footer  { 
  margin: 15px auto 0px auto;
  border-top:2px solid #999;
  border-bottom: 1px solid #999 !important;
  background-color:#ddd;
  padding:10px 20px;
  color: #000;
  font-size:11px;
  width:100%;
}
#loginbar  { height:25px; text-align:right; width:100%; margin-bottom: 10px; font-size:90%; border-bottom: 1px solid #999; }
#menu          { height:34px; vertical-align:center; text-align:center; display:table-cell; margin:0px auto 5px auto; padding-top: 5px;}
#subMenu    {  }
#subMenuTable { margin: auto; border-spacing: 10px 5px; }
#busy-indicator { display:none; }
#kanaShow  {
  background-image: url(../img/kana/aniKT.png);
  background-repeat:no-repeat;
  background-position: 0px 0px;
  width:128px;
  height:128px;
  margin: auto;
}
#kanaPic {
  /*
  background-image: url(../img/kana/kana032-0.png);
  background-repeat:no-repeat;
  background-position: -224px -96px;
  */
  background-color : #fff;
  width:32px;
  height:32px;
  margin: 5px 20px 30px 20px;
  float:left;
}
#MainPageMenu {
  border-spacing:5px;
}
#MainPageMenu td {
  width:20%;
  cursor: pointer;
  color: #000;
  font-size:110%;
  font-variant: small-caps;
  padding: 3px 5px;
  white-space: nowrap;
  border-radius: 12px;
  border: 1px solid #666;
}
#MainPageMenu td:hover {
  color: #fff;
  background-color: #333 !important;
}


/** Responsive **/
/* Wide */
@media all and (min-width: 800px) {
h1 {
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
h2 {
  -webkit-border-top-left-radius: 12px;
  -webkit-border-top-right-radius: 12px;
  -moz-border-radius-topleft: 12px;
  -moz-border-radius-topright: 12px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

#container  { width:800px; min-height: calc(100vh - 450px); }
#header div { max-width:800px; }
#footer div { max-width:800px; }
#MainPageMenu { width:790px; }
#subMenu { width: 100%; }
#subMenuTable { width: 800px; }

.bs1plus td { font-size: 110%; }
.dicoTable tr td:first-child { width: 30%; display: table-cell; }
.dicoTable tr td:nth-child(2) { width: calc(70%-40px); }
/* .dicoTable tr td:last-child  { width: 30px; } */
.footerMenu { width:14%; }
.fullWidth { width: 800px !important; }
.halfWidth { width: 375px !important; }
.fullInnerWidth { width: 760px !important; }
.halfInnerWidth { width: 355px !important; }
.headerTile1 { width: 200px; }
.headerTile2 { width: 410px; padding-left:10px; padding-right:10px; }
.headerTile3 { width: 150px !important; white-space: normal; }
.hideOnNarrow { display: inline-block; }
.hideOnNarrowBlock { display: block; }
.blockMainTop  { width: 800px; padding-top:10px; padding-bottom:10px; }
.blockMainBot  { width: 800px; padding-top:10px; padding-bottom:10px; }
.blockPara { width: 800px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.blockParaHalf { width: 370px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.nameLink { width:200px; }
.paraBody { padding: 10px 20px 10px 20px; margin: auto; }
.paraBot{
  border-bottom-left-radius: 13px;
  border-bottom-right-radius: 13px;
}
.paraSectionHead {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.paraTopBar{
  border-top-left-radius: 13px;
  border-top-right-radius: 13px;
}
.remark { margin: 30px 20px; }
.rubyFrame { width:100%; padding:10px 20px; }
.showOnNarrow { display: none; }
.showOnNarrowBlock { display: none; }
.showOnNarrowMedium { display: none; }
.showOnMedium { display: none; }
.showOnWideMedium { display: inline-block; }
.showOnWide { display: inline-block; }

.showDefOnNarrow { display: none; }
.showDefOnNarrowMedium { display: none; }
.showDefOnMedium { display: none; }
.showDefOnWideMedium { }
.showDefOnWide { }

.spacer { display:inline-table; width:40px; }
.spacerHalf { display:inline-table; width:20px; }
.subSectionHead { white-space:nowrap; }
.wideInput { width: 400px; }
.wideTable { width: 600px; }
}

/* Medium */
@media all and (min-width: 640px) and (max-width: 799px) {
h1 {
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
h2 {
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}

#container  { width:100%; display: block; }
#header div { max-width:640px; }
#footer div { width:100%; }
#MainPageMenu { width:630px; }
#subMenu { width: 100%; }
#subMenuTable { width: 640px; }

.bs1plus td { font-size: 100%; }

.bullet30R, .bullet30G, .bullet30B, .bullet30Y, .bullet30V  { 
  padding:3px 7px 5px 17px;
  text-decoration:none;
  background-image: url(../img/bullets.png);
  background-repeat:no-repeat;
  background-position: -17px -14px;
  margin-right: 5px;
  margin-left: 5px;
  background-color:#fff;
  color: #333;
  height:29px;
  display:inline-block;
  -webkit-border-radius: 10px !important;
  -moz-border-radius: 10px !important;
  border-radius: 10px !important;
  border: 2px solid #fff;
}
.bullet30G  {      background-position: -17px -109px; }
.bullet30B  {      background-position: -17px -205px; }
.bullet30Y  {      background-position: -17px -301px; }
.bullet30V  {      background-position: -17px -397px; }
.bullet30R:hover { background-position: -17px -501px; background-color:#333; border: 2px solid #333; color: #fff; }
.bullet30G:hover { background-position: -17px -597px; background-color:#333; border: 2px solid #333; color: #fff; }
.bullet30B:hover { background-position: -17px -693px; background-color:#333; border: 2px solid #333; color: #fff; }
.bullet30Y:hover { background-position: -17px -789px; background-color:#333; border: 2px solid #333; color: #fff; }
.bullet30V:hover { background-position: -17px -885px; background-color:#333; border: 2px solid #333; color: #fff; }

.dicoTable tr td:first-child { width: 30%; display: table-cell; }
.dicoTable tr td:nth-child(2) { width: calc(70%-40px); }
/* .dicoTable tr td:last-child  { width: 30px; } */
.footerMenu { /*width:19%;*/ }
.fullWidth { width: 100% !important; }
.halfWidth { width: calc(50% - 10px) !important; }
.fullInnerWidth { width: calc(100% - 40px) !important; }
.halfInnerWidth { width: calc(50% - 40px) !important; }
.headerTile1 { width: 200px; }
.headerTile2 { width: 400px; }
.headerTile3 { width: 300px !important; float:right; margin-top:5px; }
.hideOnNarrow { display: inline-block; }
.hideOnNarrowBlock { display: block; }
.blockMainTop  { width: 100%; padding-top:10px; padding-bottom:10px; }
.blockMainBot  { width: 100%; padding-top:10px; padding-bottom:10px; }
.blockPara { width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.blockParaHalf { width: 310px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; }
.nameLink { width:200px; }
.paraBody { padding: 5px 10px 5px 10px; margin: auto; }
.paraBot{
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.paraSectionHead {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.paraTopBar{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.remark { margin: 20px 10px; }
.rubyFrame { width:100%; padding:10px 10px; }
.showOnNarrow { display: none; }
.showOnNarrowBlock { display: none; }
.showOnNarrowMedium { display: inline-block; }
.showOnMedium { display: inline-block; }
.showOnWideMedium { display: inline-block; }
.showOnWide { display: none; }

.showDefOnNarrow { display: none; }
.showDefOnNarrowMedium { }
.showDefOnMedium { }
.showDefOnWideMedium { }
.showDefOnWide { display: none; }

.spacer { display:none; width:20px; }
.spacerHalf { display:inline-table; width:10px; }
.subSectionHead { white-space:nowrap; }
.tab5bs { border-spacing:10px; }
.tab5cell { padding:10px 0px; }
.wideInput { width: 350px; }
.wideTable { width: 400px; }
}

/* Narrow */
@media all and (max-width: 639px) {
a { white-space:normal; }
h1 {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
h2 {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

#container  { width:100%; display: block; }
#header div { width:100%; }
#footer div { width:100%; }
#subMenu { width: 100%; }
#subMenuTable { width: 100%; }
#MainPageMenu { width:100%; }
#MainPageMenu td { font-size:2.5vw; width:calc(100% - 10px); }

.bs1plus td { font-size: 90%; }

.bullet30R, .bullet30G, .bullet30B, .bullet30Y, .bullet30V  { 
  padding:3px 7px 5px 17px;
  text-decoration:none;
  background-image: url(../img/bullets.png);
  background-repeat:no-repeat;
  background-position: -19px -14px;
  margin: 2px;
  background-color:#fff;
  color: #333;
  height:29px;
  display:inline-block;
  -webkit-border-radius: 5px !important;
  -moz-border-radius: 5px !important;
  border-radius: 5px !important;
  border: 2px solid #fff;
}
.bullet30G  {      background-position: -19px -109px; }
.bullet30B  {      background-position: -19px -205px; }
.bullet30Y  {      background-position: -19px -301px; }
.bullet30V  {      background-position: -19px -397px; }
.bullet30R:hover { background-position: -19px -501px; background-color:#333; border: 2px solid #333; color: #fff; }
.bullet30G:hover { background-position: -19px -597px; background-color:#333; border: 2px solid #333; color: #fff; }
.bullet30B:hover { background-position: -19px -693px; background-color:#333; border: 2px solid #333; color: #fff; }
.bullet30Y:hover { background-position: -19px -789px; background-color:#333; border: 2px solid #333; color: #fff; }
.bullet30V:hover { background-position: -19px -885px; background-color:#333; border: 2px solid #333; color: #fff; }

.dicoTable tr td:first-child { display: none; }
.dicoTable tr td:nth-child(2) { width: calc(70%-40px); }
/* .dicoTable tr td:last-child  { width: 30px; } */
.footerMenu { width:100%; display:table; }
.fullWidth { width: 100%; }
.halfWidth { width: 100%; }
.fullInnerWidth { width: 100%; }
.halfInnerWidth { width: 95%; }
.headerTile1 { width: 100%; text-align:center; display:table; }
.headerTile2 { width: 90%; margin:auto; display:table; }
.headerTile3 { width: 100%; white-space:nowrap; margin-top:10px; }
.hideOnNarrow { display: none; }
.hideOnNarrowBlock { display: none; }
.blockMainTop  { width: 100%; padding-top:10px; padding-bottom:10px; }
.blockMainBot  { width: 100%; padding-top:10px; padding-bottom:10px; }
.blockPara { width: 100%; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.blockParaHalf { width: 100%; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; }
.nameLink { width:90%; }
.paraBody { padding: 3px 5px 3px 5px; margin: auto; }
.paraBot{
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.paraSectionHead {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.paraTopBar{
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
}
.remark { margin: 10px 5px; }
.rubyFrame { width:100%; padding:10px 5px; }
.showOnNarrow { display: inline-block; }
.showOnNarrowBlock { display: block; }
.showOnNarrowMedium { display: inline-block; }
.showOnMedium { display: none; }
.showOnWideMedium { display: none; }
.showOnWide { display: none; }

.showDefOnNarrow { }
.showDefOnNarrowMedium { }
.showDefOnMedium { display: none; }
.showDefOnWideMedium { display: none; }
.showDefOnWide { display: none; }

.spacer { display:none; }
.spacerHalf { display:none; }
.subSectionHead { white-space:nowrap; }
.tab5bs { border-spacing:5px; }
.tab5cell { padding:5px 0px; }
.wideInput { width: 100%; max-width:400px; }
.wideTable { width: 100%; }
}

/*  */



.wrapper{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 150px;
  margin: 40px 0px 0px 0px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.switch_box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}


/* optionSwitch */
input[type="checkbox"].optionSwitch{
  font-size: 20px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 3.5em;
  height: 1.5em;
  background: #ddd;
  border-radius: 3em;
  position: relative;
  cursor: pointer;
  outline: none;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
  
input[type="checkbox"].optionSwitch:checked{
  background: #0ebeff;
}

input[type="checkbox"].optionSwitch:after{
  position: absolute;
  content: "";
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  background: #fff;
  -webkit-box-shadow: 0 0 .25em rgba(0,0,0,.3);
  box-shadow: 0 0 .25em rgba(0,0,0,.3);
  -webkit-transform: scale(.7);
  transform: scale(.7);
  left: 0;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

input[type="checkbox"].optionSwitch:checked:after{
  left: calc(100% - 1.5em);
}
  
/* optionSwitch End */


