@charset "Shift_JIS";

/* =========================================================



2013/09/26/02:50



========================================================= */

/* ---------------------------------------------------------


index


--------------------------------------------------------- */

#mojicheck #index .inner {
position:relative;
background:url(../img/index/bg.png) no-repeat 18px top;
}

#mojicheck #index .inner p.gst {
position:absolute;
top:2px;
left:453px;
}

#mojicheck #index .inner p.choice {
position:absolute;
top:335px;
left:122px;
}

#mojicheck #index .inner ul {
position:absolute;
top:386px;
left:122px;
}

#mojicheck #index .inner li {
float:left;
}

#mojicheck #index .inner li.tf {
padding:0 44px 0 0;
}

#mojicheck #index .inner .btn {
padding:487px 0 0 0;
}

#mojicheck #index .inner input {
display:none;
}


/* ---------------------------------------------------------


questionHop


--------------------------------------------------------- */

#mojicheck #questionHop .inner {
position:relative;
background:url(../img/question/common/bg.png) no-repeat 10px top;
padding:295px 10px 0 10px;
}

#mojicheck #questionHop .inner li {
border-left:solid 1px #bbb;
border-right:solid 1px #bbb;
border-bottom:solid 1px #ddd;
padding:10px 15px 10px 20px;
}

#mojicheck #questionHop .inner li { /* IE ALLver.bug */
line-height:0;
font-size:1px;
}

#mojicheck #questionHop .inner li.odd {
background:#fff;
}

#mojicheck #questionHop .inner li.even {
background:#d2edf8;
}

#mojicheck #questionHop .inner li.highlight {
background:#fcf3db;
}

#mojicheck #questionHop .inner li.last {
border-bottom:#bbb solid 1px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-ms-border-radius:0 0 10px 10px;
-o-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
/* behavior:url("PIE/PIE.htc");	 */
}

#mojicheck #questionHop .inner li dt {
float:left;
padding:18px 24px 0 0;
}

#mojicheck #questionHop .inner li dd {
float:left;
}

#mojicheck #questionHop .inner li dd.yesno {
float:right;
padding:18px 0 0 0;
}

#mojicheck #questionHop .inner li input {
display: none;
}

#mojicheck #questionHop .inner li dd.yesno a.yes {
margin:0 10px 0 0;
}

#mojicheck #questionHop .inner .btn {
padding:30px 0 0 0;
}

#mojicheck #questionHop .inner #btnOn {
display: none;
cursor: pointer;
}


/* ---------------------------------------------------------


questionStep


--------------------------------------------------------- */

#mojicheck #questionStep .inner {
position:relative;
background:url(../img/question/common/bg.png) no-repeat 10px top;
padding:295px 10px 0 10px;
}

#mojicheck #questionStep .inner li {
border-left:solid 1px #bbb;
border-right:solid 1px #bbb;
border-bottom:solid 1px #ddd;
padding:10px 15px 10px 20px;
}

#mojicheck #questionStep .inner li { /* IE ALLver.bug */
line-height:0;
font-size:1px;
}

#mojicheck #questionStep .inner li.odd {
background:#fff;
}

#mojicheck #questionStep .inner li.even {
background:#d4ebd7;
}

#mojicheck #questionStep .inner li.highlight {
background:#fcf3db;
}

#mojicheck #questionStep .inner li.last {
border-bottom:#bbb solid 1px;
-webkit-border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-ms-border-radius:0 0 10px 10px;
-o-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px;
/* behavior:url("PIE/PIE.htc");	 */
}

#mojicheck #questionStep .inner li dt {
float:left;
padding:18px 24px 0 0;
}

#mojicheck #questionStep .inner li dd {
float:left;
}

#mojicheck #questionStep .inner li dd.yesno {
float:right;
padding:18px 0 0 0;
}

#mojicheck #questionStep .inner li input {
display: none;
}

#mojicheck #questionStep .inner li dd.yesno a.yes {
margin:0 10px 0 0;
}

#mojicheck #questionStep .inner .btn {
padding:30px 0 0 0;
}
#mojicheck #questionStep .inner #btnOn {
display: none;
cursor: pointer;
}


/* ---------------------------------------------------------


result


--------------------------------------------------------- */

#mojicheck #result .inner {
background:url(../img/result/common/bg.png) repeat-y center;
padding:0 49px 0 47px;
position: relative;
}

#mojicheck #result .inner::after{
  content: "";
  background-image: url(/contents/hiragana/moji_check/img/result/ff/220930/bg_step.png);
  height: 43px;
  width: 650px;
  position: absolute;
  bottom: -43px;
  left: 30px;
}

#mojicheck #result .bgtop {
background:url(../img/result/common/bg_top.png) no-repeat top;
height:10px;
margin:11px 0 0 0;
}

#mojicheck #result .inner #error {
height: 300px;
display: none;
}
#mojicheck #result .inner #error .hd {
background:url(../img/result/common/bg_advicehd.png) no-repeat center 9px;
position:relative;
padding-top: 160px;
height: 140px;
}
#mojicheck #result .inner #error p {
text-align: center;
font-size: 20px;
color: #f00;
font-weight: bold;
line-height: 1.4;
}

#mojicheck #result .inner .advice .hd {
background:url(../img/result/common/bg_advicehd.png) no-repeat center 9px;
position:relative;
}

#mojicheck #result .inner .advice .hd p {
position:absolute;
bottom:12px;
right:31px;
}

#mojicheck #result .inner .advice .hd p a {
display:block;
width:140px;
height:27px;
background:url(../img/result/common/btn_profile_on.gif) no-repeat top;
text-indent:-5555px;
margin:14px 0 0 0;
}

#mojicheck #result .inner .advice .hd p a:hover {
background-position:left bottom;
}

#mojicheck #result .inner .advice .hd h3 {
padding:21px 0 0 0;
}

#mojicheck #result .inner .advice .cnt {
background:#fff;
padding:18px 40px 0 40px;
}

#mojicheck #result .inner .cnt .now p#nowImg {
background:url(../img/result/common/bg_now.gif) no-repeat;
width:468px;
height:284px;
}

#mojicheck #result .inner .cnt .now img {
padding:53px 0 0 66px;
}

#mojicheck #result .inner .cnt .now p#nowText {
padding:30px 0 40px 0;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','?��?�� ?��ゴシ�?ク',sans-serif !important;
font-size:114%;
line-height:1.8;
}

#mojicheck #result .inner .cnt .game p#gameImg {
background:url(../img/result/common/bg_game.gif) no-repeat;
width:514px;
height:305px;
}

#mojicheck #result .inner .cnt .game img {
padding:74px 0 0 66px;
}

#mojicheck #result .inner .cnt .game p#gameText {
padding:30px 0 50px 0;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','?��?�� ?��ゴシ�?ク',sans-serif !important;
font-size:114%;
line-height:1.8;
}

#mojicheck #result .inner .cnt .kodomo {
display: none;
background:url(../img/result/common/bg_kodomo.gif) no-repeat;
height:228px;
}

#mojicheck #result .inner .cnt .kodomo h4 {
padding:36px 0 0 29px;
}

#mojicheck #result .inner .cnt .kodomo p {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','?��?�� ?��ゴシ�?ク',sans-serif !important;
font-size:142%;
line-height:1.6;
padding:34px 29px 0 29px;
}

#mojicheck #result .inner .program {
background:#fff;
padding:20px 0 45px 0;
}

#mojicheck #result .inner .program h3 {
padding:0 0 0 24px;
}

#mojicheck #result .inner .program h4 {
padding:0 0 0 24px;
}

#mojicheck #result .inner .program .movie {
padding:27px 0 0 0;
}

#mojicheck #result .inner .program .movie p {
padding:12px 0 0 0;
}

#mojicheck #result .inner .program .toy {
padding:21px 0 0 0;
position:relative;
}

#mojicheck #result .inner .program .toy p.machine {
padding:6px 0 0 0;
}

#mojicheck #result .inner .program .toy p.web {
position:absolute;
bottom:15px;
left:40px;
}

#mojicheck #result .inner .program .toy p.web a {
display:block;
width:514px;
height:60px;
background:url(../img/result/common/btn_experience.png) no-repeat top;
text-indent:-5555px;
}

#mojicheck #result .inner .program .toy p.web a:hover {
background-position:left bottom;
}

#mojicheck #result .inner .program .work {
padding:49px 0 0 0;
}

#mojicheck #result .inner .program .work p {
padding:21px 0 0 0;
}

#mojicheck #result .inner .program .notes {
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','?��?�� ?��ゴシ�?ク',sans-serif !important;
font-size:90%;
padding:8px 0 0 24px;
}

#mojicheck #result .hop {
background:url(../img/result/tf/bg_hop.png) no-repeat center;
height:300px;
}

#mojicheck #result .hop h3 {
padding:31px 0 20px 84px;
}

#mojicheck #result .hop p {
width:544px;
margin:0 auto;
}


#mojicheck #result .hop p a {
display:block;
width:544px;
height:80px;
background:url(../img/result/common/btn_more.png) no-repeat top;
text-indent:-5555px;
}

#mojicheck #result .hop p a:hover {
background-position:left bottom;
}

#mojicheck #result .ready {
padding:20px 0 0 0;
}

#mojicheck #result .ready h3 {
width:639px;
margin:0 auto;
}

#mojicheck #result .ready ul {
padding:33px 50px 0 50px;
}

#mojicheck #result .ready ul li.leftblc a {
display:block;
width:283px;
height:168px;
background:url(../img/result/tf/btn_ffp.png) no-repeat top;
text-indent:-5555px;
}

#mojicheck #result .ready ul li.leftblc {
float:left;
}

#mojicheck #result .ready ul li.rightblc a {
display:block;
width:283px;
height:168px;
background:url(../img/result/tf/btn_fsp.png) no-repeat top;
text-indent:-5555px;
}

#mojicheck #result .ready ul li.rightblc {
float:right;
}

#mojicheck #result .ready ul li a:hover {
background-position:left bottom !important;
}

#mojicheck #result .inner .program .hiragana {
padding:21px 0 0 0;
position:relative;
}

#mojicheck #result .inner .program .hiragana p.pica {
padding:6px 0 0 0;
}

#mojicheck #result .inner .program .hiragana p.web {
position:absolute;
top:670px;
left:40px;
}

#mojicheck #result .inner .program .hiragana p.web a {
display:block;
width:514px;
height:60px;
background:url(../img/result/common/btn_experience.png) no-repeat top;
text-indent:-5555px;
}

#mojicheck #result .inner .program .hiragana p.web a:hover {
background-position:left bottom;
}

#mojicheck #result .inner .program .letter {
padding:47px 0 0 0;
}

#mojicheck #result .inner .program .letter p {
padding:6px 0 0 0;
}

#mojicheck #result .inner .program .kana {
padding:47px 0 0 0;
}

#mojicheck #result .inner .program .kana p {
padding:3px 0 0 0;
}

#mojicheck #result .step {
background:url(../img/result/ff/bg_step.png) no-repeat center;
height:300px;
}

#mojicheck #result .step h3 {
padding:31px 0 20px 79px;
}

#mojicheck #result .step p {
width:544px;
margin:0 auto;
}


#mojicheck #result .step p a {
display:block;
width:544px;
height:80px;
background:url(../img/result/common/btn_more.png) no-repeat top;
text-indent:-5555px;
}

#mojicheck #result .step p a:hover {
background-position:left bottom;
}

#mojicheck #result .ready ul li.tf a {
display:block;
width:283px;
height:168px;
background:url(../img/result/ff/btn_tfp.png) no-repeat top;
text-indent:-5555px;
}


/* Light Box Me */
/*#profilebox {
width:544px;
background:#fff;
padding:30px 25px;
position:relative;
display:none;
}

#profilebox h4 {
padding:0 0 40px 0;
}

#profilebox p:nth-of-type(1) {
padding:0 0 0 40px;
float:left;
}

#profilebox p:nth-of-type(2) {
padding:0 40px 0 0;
width:350px;
float:right;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','?��?�� ?��ゴシ�?ク',sans-serif !important;
font-size:136%;
line-height:1.6;
}

#profilebox p:nth-of-type(3) {
clear:both;
width:95px;
padding:40px 0 0 0 ;
margin:0 auto;
}

#profilebox p:nth-of-type(3) a {
display:block;
width:95px;
height:24px;
background:url(../img/result/profile/btn_close.gif) no-repeat top;
text-indent:-5555px;
}

#profilebox p:nth-of-type(3) a:hover {
background-position:left bottom;
}
*/