@font-face {
  font-family: RoKyoKashoStd-Md;
  src: url(../font/RoKyoKashoStd-Md.otf); }
@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(20deg); } }
@-webkit-keyframes frame_in {
  from {
    left: 599px; }
  to {
    left: 499px; } }
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scaleX(0) scaleY(0.5); }
  to {
    -webkit-transform: scaleX(1) scaleY(1); } }
.inactive {
  opacity: 0.5; }

.faded {
  opacity: 0.5; }

/* common */
.imgBack, .imgCloseHelp {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 110px;
  height: 107px;
  z-index: 1; }

.imgHome {
  position: absolute;
  left: 1170px;
  top: 0px;
  width: 110px;
  height: 107px;
  z-index: 1; }

.doYoko {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 720px;
  height: 1280px;
  z-index: 90000;
  display: none; }

.doYoko3by4 {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 960px;
  height: 1280px;
  z-index: 90000;
  display: none; }

.initBlock {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 960px;
  background-color: #000;
  opacity: 0.5;
  z-index: 99999; }

.popup_window {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%; }

/* title */
.title_main {
  background-color: #ff5875; }

.imgMainTopTitle {
  position: absolute;
  left: 231.5px;
  top: 100px;
  width: 857px;
  height: 307px; }

.imgMainTopEnd {
  position: absolute;
  left: 1192.6666666667px;
  top: 110.6666666667px;
  width: 87.3333333333px;
  height: 501.3333333333px; }

.imgMainTopStart {
  position: absolute;
  left: 239px;
  top: 454px;
  width: 802px;
  height: 138px; }

/* top */
.top_main {
  background-color: #ff5875; }

.top_imgMainTitle {
  position: absolute;
  left: 110px;
  top: 38px;
  width: 817px;
  height: 151px; }

.top_imgMainYubi {
  position: absolute;
  left: 895px;
  top: 0px;
  width: 385px;
  height: 463px; }

.top_btnMenu, .top_btnHiragana, .top_btnKatakana, .top_btnKanji1, .top_btnKanji2, .top_btnKanji3, .top_btnKotoba1, .top_btnKotoba2, .top_btnKotoba3 {
  position: absolute;
  top: 225px;
  width: 87px;
  height: 404px; }

.top_btnHiragana {
  left: 754px; }

.top_btnKatakana {
  left: 654px; }

.top_btnKanji1 {
  left: 554px; }

.top_btnKanji2 {
  left: 454px; }

.top_btnKanji3 {
  left: 354px; }

.top_btnKotoba1 {
  left: 254px; }

.top_btnKotoba2 {
  left: 154px; }

.top_btnKotoba3 {
  left: 54px; }

.top_imgTopNew, .top_imgTopNewHira, .top_imgTopNewKata, .top_imgTopNewKanji1, .top_imgTopNewKanji2, .top_imgTopNewKanji3, .top_imgTopNewKotoba1, .top_imgTopNewKotoba2, .top_imgTopNewKotoba3 {
  position: absolute;
  top: 185px;
  width: 87px;
  height: 83px; }

.top_imgTopNewHira {
  left: 754px; }

.top_imgTopNewKata {
  left: 654px; }

.top_imgTopNewKanji1 {
  left: 554px; }

.top_imgTopNewKanji2 {
  left: 454px; }

.top_imgTopNewKanji3 {
  left: 354px; }

.top_imgTopNewKotoba1 {
  left: 254px; }

.top_imgTopNewKotoba2 {
  left: 154px; }

.top_imgTopNewKotoba3 {
  left: 54px; }

.top_btnDeleteMenu, .top_btnDeleteHiragana, .top_btnDeleteKatakana, .top_btnDeleteKanji1, .top_btnDeleteKanji2, .top_btnDeleteKanji3, .top_btnDeleteKotoba1, .top_btnDeleteKotoba2, .top_btnDeleteKotoba3 {
  position: absolute;
  top: 566px;
  width: 87px;
  height: 89px; }

.top_btnDeleteHiragana {
  left: 754px; }

.top_btnDeleteKatakana {
  left: 654px; }

.top_btnDeleteKanji1 {
  left: 554px; }

.top_btnDeleteKanji2 {
  left: 454px; }

.top_btnDeleteKanji3 {
  left: 354px; }

.top_btnDeleteKotoba1 {
  left: 254px; }

.top_btnDeleteKotoba2 {
  left: 154px; }

.top_btnDeleteKotoba3 {
  left: 54px; }

.top_container {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1136px;
  height: 640px;
  opacity: 0; }

.top_lblDeleteMsg {
  position: absolute;
  left: 100px;
  top: 50px;
  width: 1080px;
  height: 260px;
  borderRadius: 10px;
  background-color: #FFFFFF;
  display: table; }

.top_lblDeleteMsg > span {
  line-height: 36px;
  color: #3b3311;
  font-size: 36px;
  display: table-cell;
  vertical-align: middle; }

.top_imgDialogBase {
  position: absolute;
  left: 220px;
  top: 88px;
  width: 840px;
  height: 540px; }

.top_lblConfirmMsg {
  position: absolute;
  left: 270px;
  top: 150px;
  width: 740px;
  height: 260px;
  display: table; }

.top_lblConfirmMsg > span {
  line-height: 1.2;
  color: #3b3311;
  font-size: 48px;
  text-align: left;
  vertical-align: middle;
  display: table-cell; }

.top_imgDialogYes {
  position: absolute;
  left: 291px;
  top: 494px;
  width: 340px;
  height: 85px; }

.top_imgDialogNo {
  position: absolute;
  left: 654px;
  top: 494px;
  width: 340px;
  height: 85px; }

.top_imgNeosNextbook {
  position: absolute;
  left: 504px;
  top: 675px;
  width: 272px;
  height: 25px; }

.top_btnDelete {
  position: absolute;
  left: 952px;
  top: 628px;
  width: 207px;
  height: 72px;
  z-index: 1; }

.top_btnInfo {
  position: absolute;
  left: 1180px;
  top: 620px;
  width: 81px;
  height: 81px; }

/* drill_list */
.hiragana_reading_dl_main {
  background-color: #ffb1c5; }

.hiragana_writing_dl_main {
  background-color: #eebbff; }

.katakana_reading_dl_main {
  background-color: #7efafa; }

.katakana_writing_dl_main {
  background-color: #17b9ff; }

.kanji1_reading_dl_main {
  background-color: #c2ff0d; }

.kanji1_writing_dl_main {
  background-color: #e5ff43; }

.kanji2_reading_dl_main {
  background-color: #85e33f; }

.kanji2_writing_dl_main {
  background-color: #afff99; }

.kanji3_reading_dl_main {
  background-color: #66f1b1; }

.kanji3_writing_dl_main {
  background-color: #99ffd7; }

.kotoba1_odd_dl_main {
  background-color: #f7ff00; }

.kotoba1_even_dl_main {
  background-color: #ffff77; }

.kotoba2_odd_dl_main {
  background-color: #ffe500; }

.kotoba2_even_dl_main {
  background-color: #ffee66; }

.kotoba3_odd_dl_main {
  background-color: #ffae33; }

.kotoba3_even_dl_main {
  background-color: #ffd161; }

.dl_hiraganaPageTitle {
  position: absolute;
  left: 516px;
  top: 38px;
  width: 246px;
  height: 54px; }

.dl_katakanaPageTitle {
  position: absolute;
  left: 516px;
  top: 38px;
  width: 246px;
  height: 54px; }

.dl_kanjiPageTitle, .dl_kanji1PageTitle, .dl_kanji2PageTitle, .dl_kanji3PageTitle {
  position: absolute;
  left: 520px;
  top: 38px;
  width: 242px;
  height: 74px; }

.dl_kotoba1PageTitle {
  position: absolute;
  left: 399px;
  top: 38px;
  width: 482px;
  height: 74px; }

.dl_kotoba2PageTitle {
  position: absolute;
  left: 377px;
  top: 38px;
  width: 526px;
  height: 74px; }

.dl_kotoba3PageTitle {
  position: absolute;
  left: 377px;
  top: 38px;
  width: 526px;
  height: 74px; }

.dl_drillListScrollView {
  position: absolute;
  left: 150px;
  top: 126px;
  width: 880px;
  height: 590px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }

.dl_drillListScrollView ul {
  white-space: nowrap;
  display: inline; }

.dl_drillListScrollView li {
  position: relative;
  margin: 0px 75px 0px 75px;
  width: 105px;
  height: 509px;
  display: inline; }

.dl_btnDrill {
  position: absolute;
  width: 105px;
  height: 509px;
  margin: 0px 25px 0px 25px; }

.dl_imgCoin {
  position: absolute;
  width: 83px;
  height: 83px;
  margin: 12px 0px 0px 37px; }

.dl_lblPoint {
  position: absolute;
  width: 105px;
  height: 56px;
  line-height: 56px;
  margin: 94px 25px 0px 25px;
  color: #FB1638;
  font-size: 36px;
  text-align: center;
  vertical-align: middle; }

.dl_lblDrillNo {
  position: absolute;
  width: 105px;
  height: 60px;
  margin: 410px 25px 0px 25px;
  color: #3b3311;
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle; }

.dl_lblDoneAt {
  position: absolute;
  width: 105px;
  height: 56px;
  line-height: 28px;
  margin: 509px 25px 0px 25px;
  color: #3b3311;
  font-size: 20px;
  text-align: center;
  vertical-align: middle; }

.dl_imgNew {
  position: absolute;
  width: 69px;
  height: 76px;
  margin: 17px 0px 0px 43px; }

.dl_imgBtnQ {
  position: absolute;
  left: 1180px;
  top: 620px;
  width: 81px;
  height: 81px; }

/* paint_board */
.paintBackground {
  position: absolute;
  left: 178px;
  top: 130px;
  width: 446px;
  height: 447px; }

.paintBackgroundFull {
  position: absolute;
  left: 406px;
  top: 234px;
  width: 466px;
  height: 466px; }

.imgChar {
  position: absolute;
  left: 189px;
  top: 141px;
  width: 424px;
  height: 424px; }

.imgCharFull {
  position: absolute;
  left: 418px;
  top: 246px;
  width: 442px;
  height: 442px; }

.zoomChar, .imgChar.ng-hide-remove, .imgCharFull.ng-hide-remove {
  -webkit-animation-name: zoom;
  -webkit-animation-duration: 500ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s; }

.imgCharAnimate {
  position: absolute;
  left: 189px;
  top: 141px;
  width: 424px;
  height: 424px; }

.imgCharAnimateFull {
  position: absolute;
  left: 418px;
  top: 246px;
  width: 442px;
  height: 442px; }

.imgStrokeOrder {
  position: absolute;
  left: 189px;
  top: 141px;
  width: 424px;
  height: 424px; }

.imgStrokeOrderFull {
  position: absolute;
  left: 418px;
  top: 246px;
  width: 442px;
  height: 442px; }

.lblPaintChar {
  position: absolute;
  left: 178px;
  top: 130px;
  width: 446px;
  height: 447px;
  line-height: 447px;
  font-size: 320px;
  font-family: RoKyoKashoStd-Md;
  text-align: center;
  vertical-align: middle;
  color: #3b3311; }

.lblPaintCharFull {
  position: absolute;
  left: 406px;
  top: 234px;
  width: 466px;
  height: 466px;
  line-height: 466px;
  font-size: 144px;
  font-family: RoKyoKashoStd-Md;
  text-align: center;
  vertical-align: middle;
  color: #3b3311; }

.canvasPaint {
  position: absolute;
  left: 178px;
  top: 130px;
  width: 446px;
  height: 447px; }

.canvasPaintFull {
  position: absolute;
  left: 406px;
  top: 234px;
  width: 466px;
  height: 466px; }

.paint {
  position: absolute;
  left: 178px;
  top: 130px;
  width: 446px;
  height: 447px; }

.paintFull {
  position: absolute;
  left: 406px;
  top: 234px;
  width: 466px;
  height: 466px; }

.imgBgPrevChar {
  position: absolute;
  left: 0px;
  top: 270px;
  width: 201px;
  height: 242px;
  z-index: -1; }

.imgPrevChar {
  position: absolute;
  left: -32px;
  top: 270px;
  width: 229px;
  height: 229px;
  z-index: -1; }

.imgBgNextChar {
  position: absolute;
  left: 1079px;
  top: 270px;
  width: 201px;
  height: 242px;
  z-index: -1; }

.imgNextChar {
  position: absolute;
  left: 1079px;
  top: 270px;
  width: 229px;
  height: 229px;
  z-index: -1; }

.btnPrev {
  position: absolute;
  left: 32px;
  top: 307px;
  width: 89px;
  height: 96px;
  z-index: 1; }

.btnPrevFull {
  position: absolute;
  left: 180px;
  top: 338px;
  width: 200px;
  height: 96px;
  z-index: 1; }

.btnNext {
  position: absolute;
  left: 711px;
  top: 307px;
  width: 89px;
  height: 96px;
  z-index: 1; }

.btnNextFull {
  position: absolute;
  left: 902px;
  top: 338px;
  width: 200px;
  height: 96px;
  z-ndex: 1; }

.btnEraser {
  position: absolute;
  left: 0px;
  top: 519px;
  width: 201px;
  height: 201px;
  z-index: -1; }

.btnEraserFull {
  position: absolute;
  left: 0px;
  top: 519px;
  width: 201px;
  height: 201px;
  z-index: -1; }

.btnOk {
  position: absolute;
  left: 599px;
  top: 519px;
  width: 201px;
  height: 201px;
  z-index: -1; }

.btnOkFull {
  position: absolute;
  left: 1079px;
  top: 519px;
  width: 201px;
  height: 201px;
  z-index: -1; }

.btnGuide {
  position: absolute;
  left: 216px;
  top: 592px;
  width: 71px;
  height: 71px; }

.btnGuideFull {
  position: absolute;
  left: 342px;
  top: 512px;
  width: 64px;
  height: 66px; }

.btnCrossLine {
  position: absolute;
  left: 316px;
  top: 592px;
  width: 71px;
  height: 71px; }

.btnCrossLineFull {
  position: absolute;
  left: 342px;
  top: 579px;
  width: 64px;
  height: 66px; }

.btnStrokeOrder {
  position: absolute;
  left: 416px;
  top: 592px;
  width: 71px;
  height: 71px; }

.btnStrokeOrderFull {
  position: absolute;
  left: 872px;
  top: 512px;
  width: 63px;
  height: 66px; }

.btnAutomate {
  position: absolute;
  left: 516px;
  top: 592px;
  width: 71px;
  height: 71px; }

.btnAutomateFull {
  position: absolute;
  left: 872px;
  top: 579px;
  width: 63px;
  height: 66px; }

.dataArea {
  display: none; }

/* result_popup_window */
.imgPopupBg {
  position: absolute;
  left: 220px;
  top: 88px;
  width: 840px;
  height: 540px; }

.lblTitle {
  position: absolute;
  left: 220px;
  top: 175px;
  width: 840px;
  height: 60px;
  color: #3b3311;
  font-family: RoKyoKashoStd-Md;
  font-size: 48px;
  text-align: center;
  vertical-align: middle; }

.lblMainText {
  position: absolute;
  left: 220px;
  top: 300px;
  width: 840px;
  height: 70px;
  color: #3b3311;
  font-family: RoKyoKashoStd-Md;
  font-size: 60px;
  text-align: center;
  vertical-align: middle; }

.lblSubText {
  position: absolute;
  left: 220px;
  top: 434px;
  width: 840px;
  height: 46px;
  color: #3b3311;
  font-family: RoKyoKashoStd-Md;
  font-size: 40px;
  text-align: center;
  vertical-align: middle; }

.rpw_btnOkPass {
  position: absolute;
  left: 470px;
  top: 494px;
  width: 340px;
  height: 85px; }

.rpw_btnOk {
  position: absolute;
  left: 291px;
  top: 494px;
  width: 340px;
  height: 85px; }

.rpw_btnRetry {
  position: absolute;
  left: 654px;
  top: 494px;
  width: 340px;
  height: 85px; }

.ngdialog-content .pane {
  background-color: initial; }

/* toast */
.toa_imgBgToast {
  position: absolute;
  left: 365px;
  top: 85px;
  width: 550px;
  height: 550px; }

.toa_imgMainMenuContainer {
  position: absolute;
  left: 423px;
  top: 230px;
  width: 185px;
  height: 248px; }

.toa_imgDrill {
  width: 185px;
  height: 46px;
  margin-top: 16px; }

.toa_imgIllust {
  position: absolute;
  left: 500px;
  top: 221px;
  width: 280px;
  height: 200px; }

.toa_lblIllust {
  position: absolute;
  left: 500px;
  top: 450px;
  width: 280px;
  height: 34px;
  line-height: 34px;
  font-size: 28px;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle; }

.toa_lblKanji, .toa_lblKanji1, .toa_lblKanji2, .toa_lblKanji3 {
  position: absolute;
  left: 641px;
  width: 60px;
  height: 50px;
  line-height: 50px;
  font-size: 40px;
  color: #000000;
  text-align: right;
  vertical-align: middle; }

.toa_lblKanji1 {
  top: 221px; }

.toa_lblKanji2 {
  top: 281px; }

.toa_lblKanji3 {
  top: 341px; }

.toa_btnOk {
  position: absolute;
  left: 549px;
  top: 569px;
  width: 182px;
  height: 51px; }

/* drill */
.resultContainer {
  position: absolute;
  left: 124px;
  top: 30px;
  font-size: 0; }

.resultBox, .resultBox1, .resultBox2, .resultBox3, .resultBox4, .resultBox5 {
  position: absolute;
  top: 0px;
  width: 63px;
  height: 63px;
  line-height: 63px;
  color: #3b3311;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #3b3311;
  border-width: 2.5px;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  font-size: 36px;
  display: inline-block; }

.resultBox1 {
  left: 4px; }

.resultBox2 {
  left: 71px; }

.resultBox3 {
  left: 138px; }

.resultBox4 {
  left: 205px; }

.resultBox5 {
  left: 272px; }

.imgResultBox, .imgResultBox1, .imgResultBox2, .imgResultBox3, .imgResultBox4, .imgResultBox5 {
  position: absolute;
  top: 0px;
  width: 63px;
  height: 63px;
  display: inline-block; }

.imgResultBox1 {
  left: 4px; }

.imgResultBox2 {
  left: 71px; }

.imgResultBox3 {
  left: 138px; }

.imgResultBox4 {
  left: 205px; }

.imgResultBox5 {
  left: 272px; }

.imgKakunin {
  position: absolute;
  left: 475px;
  top: 36px;
  width: 215px;
  height: 54px; }

.imgBgQuestionNo {
  position: absolute;
  left: 986px;
  top: 106px;
  width: 107px;
  height: 53px; }

.questionNo {
  position: absolute;
  left: 1020px;
  top: 115px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  color: #3b3311;
  text-align: center;
  vertical-align: middle;
  font-size: 36px; }

.imgDrillMaru {
  position: absolute;
  left: 191px;
  top: 143px;
  width: 420px;
  height: 420px; }

.imgDrillBatsu {
  position: absolute;
  left: 191px;
  top: 143px;
  width: 420px;
  height: 420px; }

.imgTatekei {
  position: absolute;
  top: 0px;
  left: 800px;
  width: 7px;
  height: 720px; }

.imgKotobaRight {
  position: absolute;
  left: 599px;
  top: 519px;
  width: 201px;
  height: 201px;
  z-index: -2; }

.questionBoard {
  position: absolute;
  left: 848px;
  top: 178px;
  width: 385px;
  height: 509px;
  border-radius: 20px;
  background-color: #ffffff;
  font-size: 0px; }

.fillIn, .krd_fillIn {
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #3b3311;
  background-color: #FFFFFF;
  border-style: solid;
  border-color: #FB1638;
  border-width: 2.5px;
  text-align: center;
  vertical-align: middle;
  font-size: 30px;
  margin: 0px 16px 0px 0px;
  display: inline-block; }

/* char_board */
.btnCharContainer {
  position: absolute;
  width: 100px;
  height: 100px; }

.btnChar, .btnCharA, .btnChar01, .btnChar02, .btnChar03, .btnChar04, .btnChar05, .btnCharK, .btnChar06, .btnChar07, .btnChar08, .btnChar09, .btnChar10, .btnCharS, .btnChar11, .btnChar12, .btnChar13, .btnChar14, .btnChar15, .btnCharT, .btnChar16, .btnChar17, .btnChar18, .btnChar19, .btnChar20, .btnCharN, .btnChar21, .btnChar22, .btnChar23, .btnChar24, .btnChar25, .btnCharH, .btnChar26, .btnChar27, .btnChar28, .btnChar29, .btnChar30, .btnCharM, .btnChar31, .btnChar32, .btnChar33, .btnChar34, .btnChar35, .btnCharY, .btnChar36, .btnChar37, .btnChar38, .btnCharR, .btnChar39, .btnChar40, .btnChar41, .btnChar42, .btnChar43, .btnCharW, .btnChar44, .btnChar45, .btnCharNN, .btnChar46 {
  position: absolute;
  width: 67px;
  height: 67px;
  font-size: 40px;
  font-family: RoKyoKashoStd-Md;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 67px;
  color: #3b3311;
  background-color: #FFFFFF; }

.btnCharA, .btnChar01, .btnChar02, .btnChar03, .btnChar04, .btnChar05 {
  left: 986px; }

.btnCharK, .btnChar06, .btnChar07, .btnChar08, .btnChar09, .btnChar10 {
  left: 898px; }

.btnCharS, .btnChar11, .btnChar12, .btnChar13, .btnChar14, .btnChar15 {
  left: 810px; }

.btnCharT, .btnChar16, .btnChar17, .btnChar18, .btnChar19, .btnChar20 {
  left: 722px; }

.btnCharN, .btnChar21, .btnChar22, .btnChar23, .btnChar24, .btnChar25 {
  left: 634px; }

.btnCharH, .btnChar26, .btnChar27, .btnChar28, .btnChar29, .btnChar30 {
  left: 546px; }

.btnCharM, .btnChar31, .btnChar32, .btnChar33, .btnChar34, .btnChar35 {
  left: 458px; }

.btnCharY, .btnChar36, .btnChar37, .btnChar38 {
  left: 370px; }

.btnCharR, .btnChar39, .btnChar40, .btnChar41, .btnChar42, .btnChar43 {
  left: 282px; }

.btnCharW, .btnChar44, .btnChar45 {
  left: 194px; }

.btnCharNN, .btnChar46 {
  left: 106px; }

.btnChar01 {
  top: 0px; }

.btnChar02 {
  top: 72px; }

.btnChar03 {
  top: 144px; }

.btnChar04 {
  top: 216px; }

.btnChar05 {
  top: 288px; }

.btnChar06 {
  top: 0px; }

.btnChar07 {
  top: 72px; }

.btnChar08 {
  top: 144px; }

.btnChar09 {
  top: 216px; }

.btnChar10 {
  top: 288px; }

.btnChar11 {
  top: 0px; }

.btnChar12 {
  top: 72px; }

.btnChar13 {
  top: 144px; }

.btnChar14 {
  top: 216px; }

.btnChar15 {
  top: 288px; }

.btnChar16 {
  top: 0px; }

.btnChar17 {
  top: 72px; }

.btnChar18 {
  top: 144px; }

.btnChar19 {
  top: 216px; }

.btnChar20 {
  top: 288px; }

.btnChar21 {
  top: 0px; }

.btnChar22 {
  top: 72px; }

.btnChar23 {
  top: 144px; }

.btnChar24 {
  top: 216px; }

.btnChar25 {
  top: 288px; }

.btnChar26 {
  top: 0px; }

.btnChar27 {
  top: 72px; }

.btnChar28 {
  top: 144px; }

.btnChar29 {
  top: 216px; }

.btnChar30 {
  top: 288px; }

.btnChar31 {
  top: 0px; }

.btnChar32 {
  top: 72px; }

.btnChar33 {
  top: 144px; }

.btnChar34 {
  top: 216px; }

.btnChar35 {
  top: 288px; }

.btnChar36 {
  top: 0px; }

.btnChar37 {
  top: 144px; }

.btnChar38 {
  top: 288px; }

.btnChar39 {
  top: 0px; }

.btnChar40 {
  top: 72px; }

.btnChar41 {
  top: 144px; }

.btnChar42 {
  top: 216px; }

.btnChar43 {
  top: 288px; }

.btnChar44 {
  top: 0px;
  left: 194px; }

.btnChar45 {
  top: 288px; }

.btnChar46 {
  top: 0px; }

.btnDaku {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 84px;
  height: 85px; }

.btnHandaku {
  position: absolute;
  left: 0px;
  top: 98px;
  width: 84px;
  height: 85px; }

.btnYosoku {
  position: absolute;
  left: 0px;
  top: 196px;
  width: 84px;
  height: 85px; }

/* hiragana_top */
.hiragana_top_main {
  background-color: #ff8ecc; }

.ht_imgYubiKidsCTop {
  position: absolute;
  top: 18px;
  left: 526px;
  width: 209px;
  height: 77px; }

.ht_imgTopYubi {
  position: absolute;
  left: 966px;
  top: 0px;
  width: 314px;
  height: 573px; }

.ht_imgFlashCard {
  position: absolute;
  left: 259px;
  top: 130px;
  width: 122px;
  height: 556px; }

.ht_imgKakuDrill {
  position: absolute;
  left: 419px;
  top: 130px;
  width: 122px;
  height: 556px; }

.ht_imgYomuDrill {
  position: absolute;
  left: 579px;
  top: 130px;
  width: 122px;
  height: 556px; }

.ht_imgGojuon {
  position: absolute;
  left: 739px;
  top: 130px;
  width: 122px;
  height: 556px; }

.ht_imgTopVLine, .ht_imgTopVLine1, .ht_imgTopVLine2, .ht_imgTopVLine3, .ht_imgTopVLine4 {
  position: absolute;
  width: 4px;
  height: 588px; }

.ht_imgTopVLine1 {
  left: 240px;
  top: 130px; }

.ht_imgTopVLine2 {
  left: 400px;
  top: 130px; }

.ht_imgTopVLine3 {
  left: 560px;
  top: 130px; }

.ht_imgTopVLine4 {
  left: 720px;
  top: 130px; }

.ht_imgTopNew, .ht_imgTopNewFlashCard, .ht_imgTopNewKaku, .ht_imgTopNewYomu, .ht_imgTopNewGojuon {
  position: absolute;
  top: 100px;
  width: 69px;
  height: 76px; }

.ht_imgTopNewFlashCard {
  left: 326px; }

.ht_imgTopNewKaku {
  left: 486px; }

.ht_imgTopNewYomu {
  left: 646px; }

.ht_imgTopNewGojuon {
  left: 806px; }

/* hiragana_gojuon */
.hiragana_gojuon_main {
  background-color: #ff83cc; }

.hg_pageTitle {
  position: absolute;
  left: 422px;
  top: 42px;
  width: 432px;
  height: 54px; }

.hg_lblWord {
  position: absolute;
  left: 90px;
  top: 100px;
  width: 270px;
  height: 60px;
  color: #3b3311;
  font-size: 36px;
  line-height: 40px;
  font-family: RoKyoKashoStd-Md;
  text-align: right; }

.hg_charIllust {
  position: absolute;
  left: 362px;
  top: 140px;
  width: 200px;
  height: 143px; }

.hg_charIllustAnimate {
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 1.0s;
  -webkit-animation-iteration-count: 6;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-direction: alternate;
  -webkit-animation-delay: 0s; }

.hg_imgNew {
  position: absolute;
  left: 526px;
  top: 126px;
  width: 69px;
  height: 76px; }

.hg_imgCharSelected {
  position: absolute;
  left: 708px;
  top: 122px;
  width: 190px;
  height: 190px;
  font-size: 120px;
  font-family: RoKyoKashoStd-Md; }

.hg_charSelected {
  position: absolute;
  left: 708px;
  top: 122px;
  width: 190px;
  height: 190px;
  line-height: 190px;
  font-size: 120px;
  font-family: RoKyoKashoStd-Md;
  text-align: center;
  vertical-align: middle;
  color: #3b3311; }

.hg_btnSound {
  position: absolute;
  left: 964px;
  top: 122px;
  width: 86px;
  height: 90px; }

.hg_btnPractice {
  position: absolute;
  left: 964px;
  top: 224px;
  width: 86px;
  height: 90px; }

.hg_imgBtnQ {
  position: absolute;
  left: 1180px;
  top: 620px;
  width: 81px;
  height: 81px; }

.hg_charBoard {
  position: absolute;
  left: 112px;
  top: 330px; }

/* hiragana_practice */
.hiragana_practice_main {
  background-color: #ff83cc; }

.hp_pageTitle {
  position: absolute;
  left: 422px;
  top: 42px;
  width: 507px;
  height: 54px; }

.savedChar, .savedChar1, .savedChar2, .savedChar3, .savedChar4, .savedChar5, .savedChar6, .savedChar7, .savedChar8, .savedChar9, .savedChar10 {
  position: absolute;
  top: 116px;
  width: 94px;
  height: 94px;
  padding: 3px;
  border-radius: 20px;
  background-color: #FFFFFF; }

.savedChar1 {
  left: 126px; }

.savedChar2 {
  left: 230px; }

.savedChar3 {
  left: 334px; }

.savedChar4 {
  left: 438px; }

.savedChar5 {
  left: 542px; }

.savedChar6 {
  left: 646px; }

.savedChar7 {
  left: 750px; }

.savedChar8 {
  left: 854px; }

.savedChar9 {
  left: 958px; }

.savedChar10 {
  left: 1062px; }

.imgSavedChar {
  width: 88px;
  height: 88px; }

.hp_imgBtnQ {
  position: absolute;
  left: 980px;
  top: 620px;
  width: 81px;
  height: 81px; }

/* hiragana_reading_drill */
.hiragana_reading_drill_main {
  background-color: #ffb1c5; }

.hrd_pageTitle {
  position: absolute;
  left: 521px;
  top: 40px;
  width: 246px;
  height: 54px; }

.pageSubTitle {
  position: absolute;
  left: 305px;
  top: 120px;
  width: 660px;
  height: 33px; }

.hrd_imgKakunin {
  position: absolute;
  left: 117px;
  top: 36px;
  width: 215px;
  height: 54px; }

.charIllust {
  position: absolute;
  top: 125px;
  left: 122px;
  width: 200px;
  height: 143px; }

.hrd_answerContainer {
  position: absolute;
  left: 329px;
  top: 177px;
  width: 786px;
  height: 108px;
  background-color: #FFF;
  border-radius: 10px;
  text-align: center;
  vertical-align: middle; }

.hrd_answerChar {
  width: 60.4615384615px;
  height: 108px;
  line-height: 108px;
  font-size: 48px;
  font-family: RoKyoKashoStd-Md;
  text-align: center;
  vertical-align: middle;
  color: #2D270E;
  margin: 0px 10px 0px 10px; }

.hrd_charBoard {
  position: absolute;
  left: 112px;
  top: 330px; }

.hrd_btnSound {
  position: absolute;
  left: 1044px;
  top: 36px;
  width: 86px;
  height: 90px; }

.hrd_imgCorrectMaru {
  position: absolute;
  left: 440px;
  top: 156px;
  width: 400px;
  height: 400px; }

.hrd_imgIncorrect, .hrd_lblIncorrect {
  position: absolute;
  left: 410px;
  top: 206px;
  width: 460px;
  height: 300px;
  z-index: 1; }

.hrd_lblIncorrect {
  line-height: 300px;
  color: #000;
  font-size: 36px;
  text-align: center;
  vertical-align: middle;
  z-index: 1; }

.hrd_imgBtnQ {
  position: absolute;
  left: 1180px;
  top: 620px;
  width: 81px;
  height: 81px; }

/* hiragana_writing_drill */
.hiragana_writing_drill_main {
  background-color: #eebbff; }

.hwd_pageTitle {
  position: absolute;
  left: 521px;
  top: 40px;
  width: 246px;
  height: 54px; }

.hwd_imgKakunin {
  position: absolute;
  left: 117px;
  top: 36px;
  width: 215px;
  height: 54px; }

.hwd_answerContainer {
  position: absolute;
  left: 242px;
  top: 110px;
  width: 788px;
  height: 101px;
  background-color: #FFF;
  border-radius: 10px;
  text-align: center; }

.hwd_answerChar {
  width: 60.4615384615px;
  height: 108px;
  line-height: 108px;
  font-size: 48px;
  font-family: RoKyoKashoStd-Md;
  text-align: center;
  vertical-align: middle;
  color: #2D270E;
  margin: 0px 10px 0px 10px; }

.hwd_imgCorrectMaru {
  position: absolute;
  left: 440px;
  top: 206px;
  width: 400px;
  height: 400px; }

.hwd_imgIncorrect, .hwd_lblIncorrect {
  position: absolute;
  left: 410px;
  top: 206px;
  width: 460px;
  height: 300px;
  z-index: 1; }

.hwd_lblIncorrect {
  line-height: 300px;
  color: #3b3311;
  font-family: RoKyoKashoStd-Md;
  font-size: 36px;
  text-align: center;
  vertical-align: middle;
  z-index: 1; }

.hwd_imgBtnQ {
  position: absolute;
  left: 980px;
  top: 620px;
  width: 81px;
  height: 81px; }

/* hiragana_flashcard */
.hiragana_fc_main {
  background-color: #ff83cc; }

.hfc_pageTitle {
  position: absolute;
  left: 446px;
  top: 40px;
  width: 383px;
  height: 54px; }

.hfc_numerator {
  position: absolute;
  left: 575px;
  top: 530px;
  width: 58px;
  height: 44px;
  text-align: right;
  /*font-family: $font_family;*/
  font-size: 36px;
  font-weight: bold;
  color: #3b3311; }

.hfc_bar {
  position: absolute;
  left: 633px;
  top: 530px;
  width: 44px;
  height: 44px;
  text-align: center;
  /*font-family: $font_family;*/
  font-size: 36px;
  font-weight: bold;
  color: #3b3311; }

.hfc_denominator {
  position: absolute;
  left: 650px;
  top: 530px;
  width: 58px;
  height: 44px;
  text-align: right;
  /*font-family: $font_family;*/
  font-size: 36px;
  font-weight: bold;
  color: #3b3311; }

.btnStop {
  position: absolute;
  left: 761px;
  top: 122px;
  width: 57px;
  height: 58px; }

.hfc_cardBg {
  position: absolute;
  left: 456px;
  top: 112px;
  width: 379px;
  height: 479px; }

.hfc_cardIllust {
  position: absolute;
  left: 499px;
  top: 246px;
  width: 280px;
  height: 200px; }

.hfc_cardIllustAnimate {
  -webkit-animation-name: frame_in;
  -webkit-animation-duration: 200ms;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: 0s; }

.hfc_cardWord {
  position: absolute;
  left: 456px;
  top: 112px;
  width: 366px;
  height: 468px;
  line-height: 468px;
  font-size: 50px;
  font-family: RoKyoKashoStd-Md;
  color: #3b3311;
  text-align: center;
  vertical-align: middle; }

.btnStart {
  position: absolute;
  left: 558px;
  top: 265px;
  width: 166px;
  height: 167px; }

.btn30Sheet {
  position: absolute;
  left: 413px;
  top: 634px;
  width: 151px;
  height: 67px; }

.btn20Sheet {
  position: absolute;
  left: 258px;
  top: 634px;
  width: 151px;
  height: 67px; }

.btn10Sheet {
  position: absolute;
  left: 101px;
  top: 634px;
  width: 151px;
  height: 67px; }

.hfc_btnPrev {
  position: absolute;
  left: 164px;
  top: 272px;
  width: 114px;
  height: 130px; }

.speed, .speed0, .speed1, .speed2, .speed3, .speed4 {
  position: absolute;
  top: 629px;
  width: 75px;
  height: 76px; }

.speed0 {
  left: 738px; }

.speed1 {
  left: 813px; }

.speed2 {
  left: 890px; }

.speed3 {
  left: 966px; }

.speed4 {
  left: 1042px; }

.imgSlow {
  position: absolute;
  left: 657px;
  top: 653px;
  width: 77px;
  height: 29px; }

.imgFast {
  position: absolute;
  left: 1124px;
  top: 653px;
  width: 77px;
  height: 29px; }

.hfc_btnNext {
  position: absolute;
  left: 1004px;
  top: 272px;
  width: 114px;
  height: 130px; }

.imgTimer {
  position: absolute;
  left: 466px;
  top: 122px;
  width: 57px;
  height: 58px; }

.fc_imgBtnQ {
  position: absolute;
  left: 1180px;
  top: 520px;
  width: 81px;
  height: 81px; }

/* katakana_top */
.katakana_top_main {
  background-color: #11e0ff; }

/* katakana_gojuon */
.katakana_gojuon_main {
  background-color: #11e0ff; }

/* katakana_practice */
.katakana_practice_main {
  background-color: #11e0ff; }

/* katakana_reading_drill */
.katakana_reading_drill_main {
  background-color: #7efafa; }

/* katakana_writing_drill */
.katakana_writing_drill_main {
  background-color: #17b9ff; }

/* katakana_flashcard */
.katakana_fc_main {
  background-color: #11e0ff; }

/* kanji_top */
.kanji1_top_main {
  background-color: #99F100; }

.kanji2_top_main {
  background-color: #48D10F; }

.kanji3_top_main {
  background-color: #14CF74; }

.kt_imgYubiKidsCTop {
  position: absolute;
  top: 18px;
  left: 526px;
  width: 209px;
  height: 77px; }

.kt_imgKTopYubi {
  position: absolute;
  left: 966px;
  top: 0px;
  width: 314px;
  height: 573px; }

.kt_imgKakuDrill {
  position: absolute;
  left: 419px;
  top: 130px;
  width: 122px;
  height: 556px; }

.kt_imgYomuDrill {
  position: absolute;
  left: 579px;
  top: 130px;
  width: 122px;
  height: 556px; }

.kt_imgKanjiTable {
  position: absolute;
  left: 739px;
  top: 130px;
  width: 122px;
  height: 556px; }

.kt_imgTopVLine, .kt_imgTopVLine1, .kt_imgTopVLine2, .kt_imgTopVLine3 {
  position: absolute;
  top: 130px;
  width: 4px;
  height: 588px; }

.kt_imgTopVLine1 {
  left: 400px; }

.kt_imgTopVLine2 {
  left: 560px; }

.kt_imgTopVLine3 {
  left: 720px; }

.kt_imgTopNew, .kt_imgTopNewKaku, .kt_imgTopNewYomu, .kt_imgTopNewTable {
  position: absolute;
  top: 100px;
  width: 69px;
  height: 76px; }

.kt_imgTopNewKaku {
  left: 486px; }

.kt_imgTopNewYomu {
  left: 646px; }

.kt_imgTopNewTable {
  left: 806px; }

/* kanji_table */
.kanji1_table_main {
  background-color: #99F100; }

.kanji2_table_main {
  background-color: #48D10F; }

.kanji3_table_main {
  background-color: #14CF74; }

.ktbl_pageTitle {
  position: absolute;
  left: 556px;
  top: 14px;
  width: 172px;
  height: 74px; }

.ktbl_tableScrollView {
  position: absolute;
  left: 52px;
  top: 134px;
  width: 1166px;
  height: 548px;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch; }

.ktbl_tableScrollView table {
  table-layout: fixed; }

.ktbl_tableScrollView td {
  height: 108px;
  width: 108px;
  min-width: 108px;
  max-width: 108px;
  text-align: center;
  vertical-align: middle; }

.ktbl_char {
  height: 100px;
  width: 100px;
  line-height: 100px;
  margin: 4px;
  font-family: RoKyoKashoStd-Md;
  font-size: 72px;
  border-radius: 10px;
  color: #3b3311;
  text-align: center;
  vertical-align: middle;
  display: block;
  background-color: #FFFFFF; }

.ktbl_imgNew {
  position: absolute;
  height: 42px;
  width: 45px;
  margin: -105px 0px 0px -57px;
  display: inline-block; }

.ktbl_btnPrev {
  position: absolute;
  left: 22px;
  top: 368px;
  width: 31px;
  height: 84px; }

.ktbl_btnNext {
  position: absolute;
  left: 1227px;
  top: 368px;
  width: 31px;
  height: 84px; }

.ktbl_imgBtnQ {
  position: absolute;
  left: 1070px;
  top: 10px;
  width: 81px;
  height: 81px; }

/* kanji_practice */
.kanji1_practice_main {
  background-color: #99F100; }

.kanji2_practice_main {
  background-color: #48D10F; }

.kanji3_practice_main {
  background-color: #14CF74; }

.kp_pageTitle {
  position: absolute;
  left: 860px;
  top: 18px;
  width: 260px;
  height: 74px; }

.kp_imgTatekei {
  position: absolute;
  left: 800px;
  top: 0px;
  width: 7px;
  height: 720px; }

.kp_lblKanji {
  position: absolute;
  left: 234px;
  top: 20px;
  width: 100px;
  height: 100px;
  line-height: 100px;
  color: #3b3311;
  font-size: 80px;
  font-family: RoKyoKashoStd-Md;
  text-align: center;
  vertical-align: middle; }

.kp_lblStrokeNum {
  position: absolute;
  left: 320px;
  top: 54px;
  width: 90px;
  height: 38px;
  line-height: 38px;
  color: #3b3311;
  font-size: 30px;
  font-family: RoKyoKashoStd-Md;
  text-align: center;
  vertical-align: middle; }

.kp_readingContainer, .kp_readingContainerL, .kp_readingContainerR {
  position: absolute;
  top: 14px;
  width: 100px;
  height: 112px; }

.kp_readingContainerL {
  left: 420px;
  display: table; }

.kp_readingContainerR {
  left: 520px; }

.centeringContainer {
  display: table-cell;
  vertical-align: middle; }

.kp_lblReading {
  display: block;
  width: 100px;
  height: 18.6666666667px;
  line-height: 18.6666666667px;
  text-align: left;
  vertical-align: middle;
  color: #3b3311;
  font-size: 16px;
  font-family: RoKyoKashoStd-Md; }

.kp_lblOkuri {
  color: #FB1638; }

.kp_savedChar, .kp_savedChar1, .kp_savedChar2, .kp_savedChar3, .kp_savedChar4, .kp_savedChar5, .kp_savedChar6, .kp_savedChar7, .kp_savedChar8, .kp_savedChar9, .kp_savedChar10 {
  position: absolute;
  width: 110px;
  height: 110px;
  padding: 3px;
  border-radius: 10px;
  background-color: #FFFFFF; }

.kp_savedChar1 {
  left: 1065px;
  top: 113px; }

.kp_savedChar2 {
  left: 1065px;
  top: 233px; }

.kp_savedChar3 {
  left: 1065px;
  top: 353px; }

.kp_savedChar4 {
  left: 1065px;
  top: 473px; }

.kp_savedChar5 {
  left: 1065px;
  top: 593px; }

.kp_savedChar6 {
  left: 905px;
  top: 113px; }

.kp_savedChar7 {
  left: 905px;
  top: 233px; }

.kp_savedChar8 {
  left: 905px;
  top: 353px; }

.kp_savedChar9 {
  left: 905px;
  top: 473px; }

.kp_savedChar10 {
  left: 905px;
  top: 593px; }

.kp_imgSavedChar {
  width: 104px;
  height: 104px; }

.kp_imgBtnQ {
  position: absolute;
  left: 700px;
  top: 10px;
  width: 81px;
  height: 81px; }

/* kanji_reading_drill */
.kanji1_reading_drill_main {
  background-color: #c2ff0d; }

.kanji2_reading_drill_main {
  background-color: #85e33f; }

.kanji3_reading_drill_main {
  background-color: #66f1b1; }

.krd_pageTitle {
  position: absolute;
  left: 846px;
  top: 16px;
  width: 237px;
  height: 74px; }

.krd_questionLine {
  position: relative;
  left: 100px;
  width: 52px;
  height: 509px;
  line-height: 52px;
  font-size: 26px;
  font-family: RoKyoKashoStd-Md;
  -webkit-writing-mode: vertical-rl;
  display: inline; }

.krd_fillInLine {
  left: 484.5714285714px;
  top: 5.9333333333px;
  width: 40px;
  height: 509px;
  line-height: 40px;
  margin-left: 4px;
  font-size: 40px;
  font-family: RoKyoKashoStd-Md;
  -webkit-writing-mode: vertical-rl;
  display: inline; }

.krd_fillIn {
  margin: 0px 0px 0px 0px; }

.krd_textLine {
  width: 160.4166666667px;
  height: 509px;
  color: #3b3311;
  font-size: 40px;
  font-family: RoKyoKashoStd-Md;
  line-height: 1.2;
  -webkit-writing-mode: vertical-rl;
  display: inline; }

.krd_imgBgDrillNo {
  position: absolute;
  left: 1098px;
  top: 37px;
  width: 53px;
  height: 53px; }

.krd_drillNo, .krd_drillNoForTest {
  position: absolute;
  left: 1098px;
  top: 37px;
  width: 53px;
  height: 53px;
  line-height: 53px;
  color: #FFFFFF;
  border-radius: 90px;
  text-align: center;
  vertical-align: middle;
  font-size: 30px; }

.krd_drillNoForTest {
  color: #000000; }

.krd_imgBtnQ {
  position: absolute;
  left: 700px;
  top: 10px;
  width: 81px;
  height: 81px; }

/* kanji_writing_drill */
.kanji1_writing_drill_main {
  background-color: #e5ff43; }

.kanji2_writing_drill_main {
  background-color: #afff99; }

.kanji3_writing_drill_main {
  background-color: #99ffd7; }

.kwd_pageTitle {
  position: absolute;
  left: 846px;
  top: 16px;
  width: 237px;
  height: 74px; }

.kwd_questionLine {
  position: relative;
  left: 100px;
  width: 52px;
  height: 509px;
  line-width: 52px;
  font-size: 26px;
  font-family: RoKyoKashoStd-Md;
  -webkit-writing-mode: vertical-rl;
  display: inline; }

.kwd_textLine {
  width: 160.4166666667px;
  height: 509px;
  color: #3b3311;
  font-size: 40px;
  font-family: RoKyoKashoStd-Md;
  line-height: 1.2;
  -webkit-writing-mode: vertical-rl;
  display: inline; }

.kwd_imgBgDrillNo {
  position: absolute;
  left: 1098px;
  top: 37px;
  width: 53px;
  height: 53px; }

.kwd_drillNo, .kwd_drillNoForTest {
  position: absolute;
  left: 1098px;
  top: 37px;
  width: 53px;
  height: 53px;
  line-height: 53px;
  color: #FFFFFF;
  border-radius: 90px;
  text-align: center;
  vertical-align: middle;
  font-size: 30px; }

.kwd_drillNoForTest {
  color: #000000; }

.kwd_imgBtnQ {
  position: absolute;
  left: 700px;
  top: 10px;
  width: 81px;
  height: 81px; }

/* kotoba_top */
.kotoba1_top_main {
  background-color: #fff82f; }

.kotoba2_top_main {
  background-color: #ffcc0d; }

.kotoba3_top_main {
  background-color: #ff8855; }

.kott_imgYubiKidsCTop {
  position: absolute;
  top: 18px;
  left: 526px;
  width: 209px;
  height: 77px; }

.kott_imgKotTopYubi {
  position: absolute;
  left: 966px;
  top: 0px;
  width: 314px;
  height: 573px; }

.kott_drillMenuScrollView {
  position: absolute;
  left: 0px;
  top: 98px;
  width: 889px;
  height: 600px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch; }

.kott_drillMenuContainer {
  width: 889px;
  height: 600px;
  text-align: right; }

.kott_imgTopVLine {
  width: 4px;
  height: 588px;
  vertical-align: top;
  margin: 32px 0px 0px 0px; }

.kott_imgTopTitle {
  width: 122px;
  height: 556px;
  vertical-align: top;
  margin: 32px 8px 0px 8px; }

.kott_imgTopNew {
  position: absolute;
  width: 69px;
  height: 76px;
  margin: 0px 0px 0px -70px; }

/* kotoba_drill */
.kotoba1_odd_drill_main {
  background-color: #f7ff00; }

.kotoba1_even_drill_main {
  background-color: #ffff77; }

.kotoba2_odd_drill_main {
  background-color: #ffe500; }

.kotoba2_even_drill_main {
  background-color: #ffee66; }

.kotoba3_odd_drill_main {
  background-color: #ffae33; }

.kotoba3_even_drill_main {
  background-color: #ffd161; }

.kotd_pageTitle {
  position: absolute;
  left: 834px;
  top: 40px;
  width: 358px;
  height: 73px; }

.kotd_imgBgOption {
  position: absolute;
  left: 178px;
  top: 130px;
  width: 446px;
  height: 447px; }

.kotd_optionBoard {
  position: absolute;
  left: 182px;
  top: 134px;
  width: 438px;
  height: 439px;
  font-size: 0px;
  text-align: center;
  vertical-align: top;
  display: table;
  table-layout: fixed; }

.kotd_option {
  width: auto;
  height: 446px;
  color: #3b3311;
  font-size: 30px;
  font-family: RoKyoKashoStd-Md;
  vertical-align: top;
  display: table-cell; }

.kotd_optionText {
  height: 426px;
  line-height: 1.2;
  margin-top: 10px;
  text-align: left;
  -webkit-writing-mode: vertical-rl; }

.kotd_imgBgExplain {
  position: absolute;
  left: 206px;
  top: 577px;
  width: 390px;
  height: 128px; }

.kotd_lblExplain {
  position: absolute;
  left: 210px;
  top: 596px;
  width: 382px;
  height: 105px;
  line-height: 1.2;
  font-size: 24px;
  font-family: RoKyoKashoStd-Md;
  text-align: left;
  vertical-align: top; }

.kotd_imgKotobaLeft {
  position: absolute;
  left: 0px;
  top: 519px;
  width: 201px;
  height: 201px;
  z-index: -2; }

.kotd_questionLine {
  position: absolute;
  right: 0px;
  top: 0px;
  width: auto;
  height: 501px;
  line-height: 1.2;
  font-size: 26px;
  font-family: RoKyoKashoStd-Md;
  margin: 13px;
  -webkit-writing-mode: vertical-rl;
  display: inline; }

.kotd_textLine {
  width: 210px;
  height: 501px;
  color: #3b3311;
  font-size: 40px;
  font-family: RoKyoKashoStd-Md;
  line-height: 1.2;
  margin: 13px;
  -webkit-writing-mode: vertical-rl;
  display: inline; }

.kotd_questionIllust {
  position: absolute;
  left: 940.5px;
  top: 487px;
  width: 200px;
  height: 200.4801920768px; }

.kotd_imgBtnQ {
  position: absolute;
  left: 700px;
  top: 10px;
  width: 81px;
  height: 81px;
  z-index: 10; }

/* info */
.imgInfo {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px; }

/* help */
.imgHelp {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1280px;
  height: 720px; }

.imgCloseHelp {
  z-index: 2; }

div.dialog > div#inputArea > input[type="password"] {
  border: 1px solid !important;
  display: inline-block !important; }

.notice_img_bg {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 85px;
	width: 978px;
	height: 550px;
	text-align: center;
 }
 .notice_title {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 100px;
	width: 900px;
	text-align: center;
}
.notice_detail {
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 200px;
	width: 800px;
	white-space: pre-line;
	font-size: 20px;
	line-height: 35px;
	height: 340px;
}
.notice_btnClose {
	position: absolute;
	left: 1078px;
	top: 50px;
	width: 100px;
	height: 100px; }
/*# sourceMappingURL=allDevice_1280.css.map */