@charset "utf-8";

/* CSS Document */



.mq_off{ display:none;}



/*全体レイアウト指定＋テキストぶっ飛ばし*/

#mq_wrapper { width:890px; position:relative;}

#mq_header{ width:890px; height:130px; background:url(../../quiz/img/bgHead.jpg) no-repeat; position:relative;}

#mq_header h1{ width:480px; height:100px; position:absolute; top:25px; left:35px; text-indent:-9999px;}

#mq_header h1 a{ width:480px; height:100px; display:block;cursor:pointer;}

#mq_header ul{ position:absolute; top:55px; left:605px; width:268px; height:75px;}

#mq_main{ width:890px; height:555px; position:relative;} 

#mq_main p{ visibility:hidden;}

#mq_main h2{ text-indent:-9999px;}

.mq_content{ width:890px; height:555px; position:absolute; top:0px;}

#mq_footer{ width:890px; height:195px; background:url(../../quiz/img/bgFoot.jpg) no-repeat; position:relative; z-index:1;}

li{list-style-type:none;}





/*ナビゲーションボタン指定*/

div.classMainNav{ width:890px; height:100px; background:url(../../quiz/img/bgNav.jpg) no-repeat; position:absolute; top:623px; z-index:10;}



div.classMainNav li.mq_mainNavP{ width:81px; height:89px; position:absolute; top:2px; left:276px; text-indent:-9999px;}

div.classMainNav li.mq_mainNavP a{ display:block; width:81px; height:89px;cursor:pointer;}

div.classMainNav li.mq_mainNavP a:hover{ background:url(../../quiz/img/btNavP.jpg);}

div.classMainNav li.mq_mainNavP span{ display:block; width:81px; height:89px; background:url(../../quiz/img/btNavP_off.jpg);}



div.classMainNav li.mq_mainNav1{ width:58px; height:89px; position:absolute; top:2px; left:357px; text-indent:-9999px;}

div.classMainNav li.mq_mainNav1 a{ display:block; width:58px; height:89px;cursor:pointer;}

div.classMainNav li.mq_mainNav1 a:hover{ background:url(../../quiz/img/btNav1.jpg);}

div.classMainNav li.mq_mainNav1 span{ display:block; width:58px; height:89px; background:url(../../quiz/img/btNav1.jpg);}



div.classMainNav li.mq_mainNav2{ width:58px; height:89px; position:absolute; top:2px; left:415px; text-indent:-9999px;}

div.classMainNav li.mq_mainNav2 a{ display:block; width:58px; height:89px;cursor:pointer;}

div.classMainNav li.mq_mainNav2 a:hover{ background:url(../../quiz/img/btNav2.jpg);}

div.classMainNav li.mq_mainNav2 span{ display:block; width:58px; height:89px; background:url(../../quiz/img/btNav2.jpg);}



div.classMainNav li.mq_mainNavQ{ width:64px; height:89px; position:absolute; top:2px; left:473px; text-indent:-9999px;}

div.classMainNav li.mq_mainNavQ a{ display:block; width:64px; height:89px;cursor:pointer;}

div.classMainNav li.mq_mainNavQ a:hover{ background:url(../../quiz/img/btNavQ.jpg);}

div.classMainNav li.mq_mainNavQ span{ display:block; width:64px; height:89px; background:url(../../quiz/img/btNavQ.jpg);}



div.classMainNav li.mq_mainNavN{ width:81px; height:89px; position:absolute; top:2px; left:537px; text-indent:-9999px;}

div.classMainNav li.mq_mainNavN a{ display:block; width:81px; height:89px;cursor:pointer;}

div.classMainNav li.mq_mainNavN a:hover{ background:url(../../quiz/img/btNavN.jpg);}

div.classMainNav li.mq_mainNavN span{ display:block; width:81px; height:89px; background:url(../../quiz/img/btNavN_off.jpg);}



/*各コンテンツ背景指定*/

div#mq_base{ background:url(../../quiz/img/base.jpg);display:block;height:600px;}

div#mq00{ background:url(../../quiz/img/00.jpg) no-repeat;}

div#mq11{ background:url(../../quiz/img/11.jpg) no-repeat;}

div#mq12{ background:url(../../quiz/img/12.jpg) no-repeat;}

div#mq14a{ background:url(../../quiz/img/14a.jpg);}

div#mq14b{ background:url(../../quiz/img/14b.jpg);}

div#mq21{ background:url(../../quiz/img/21.jpg);}

div#mq22{ background:url(../../quiz/img/22.jpg);}

div#mq24a{ background:url(../../quiz/img/24a.jpg);}

div#mq24b{ background:url(../../quiz/img/24b.jpg);}

div#mq31{ background:url(../../quiz/img/31.jpg);}

div#mq32{ background:url(../../quiz/img/32.jpg);}

div#mq34a{ background:url(../../quiz/img/34a.jpg);}

div#mq34b{ background:url(../../quiz/img/34b.jpg);}

div#mq40{ background:url(../../quiz/img/40.jpg);}

div#mq41{ background:url(../../quiz/img/41.jpg);}

div#mq42{ background:url(../../quiz/img/42.jpg);}

div#mq43{ background:url(../../quiz/img/43.jpg);}



/*各コンテンツボタン指定*/



div#mq_header li{ width:63px; height:75px; text-indent:-9999px; overflow:hidden;}
div#mq_header li.mq_Menu1 a{width:63px; height:75px; position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; overflow:hidden;}
div#mq_header li.mq_Menu1 a:hover{ background:url(../../quiz/img/btMenu1.jpg); text-indent:-9999px; display:block; overflow:hidden;}

div#mq_header li.mq_Menu2 a{width:63px; height:75px; position:absolute; top:0px; left:63px; text-indent:-9999px; display:block; overflow:hidden;}
div#mq_header li.mq_Menu2 a:hover{ background:url(../../quiz/img/btMenu2.jpg); text-indent:-9999px; display:block; overflow:hidden;}

div#mq_header li.mq_Menu3 a{width:63px; height:75px; position:absolute; top:0px; left:126px; text-indent:-9999px; display:block; overflow:hidden;}
div#mq_header li.mq_Menu3 a:hover{ background:url(../../quiz/img/btMenu3.jpg); text-indent:-9999px; display:block; overflow:hidden;}



div#mq00 a{ width:298px; height:78px; position:absolute; top:438px; left:261px; z-index:20; text-indent:-9999px; display:block}

div#mq00 a:hover { background:url(../../quiz/img/bt00.jpg);}







.mq_result h3{ width:132px; height:42px; position:absolute; top:506px; left:558px; z-index:10; text-indent:-9999px;}

.mq_result h3 a{ display:block; width:132px; height:42px;cursor:pointer;}

.mq_result h3 a:hover{ background:url(../../quiz/img/btRetry.jpg);}



.mq_quiz li{ width:196px; height:68px; text-indent:-9999px;}

.mq_quiz li a{ display:block; width:196px; height:68px;cursor:pointer;}



.mq_quiz li.btnL{position:absolute; top:285px; left:130px; z-index:30;}

.mq_quiz li.btnC{position:absolute; top:285px; left:348px; z-index:30;}

.mq_quiz li.btnR{position:absolute; top:285px; left:566px; z-index:30;}



#mq14a li.btnL a:hover{ background:url(../../quiz/img/bt14aa.jpg);}

#mq14a li.btnC a:hover{ background:url(../../quiz/img/bt14ab.jpg);}

#mq14a li.btnR a:hover{ background:url(../../quiz/img/bt14ac.jpg);}

#mq14b li.btnL a:hover{ background:url(../../quiz/img/bt14ba.jpg);}

#mq14b li.btnC a:hover{ background:url(../../quiz/img/bt14bb.jpg);}

#mq14b li.btnR a:hover{ background:url(../../quiz/img/bt14bc.jpg);}


#mq24a li.btnL a:hover{ background:url(../../quiz/img/bt24aa.jpg);}

#mq24a li.btnC a:hover{ background:url(../../quiz/img/bt24ab.jpg);}

#mq24a li.btnR a:hover{ background:url(../../quiz/img/bt24ac.jpg);}

#mq24b li.btnL a:hover{ background:url(../../quiz/img/bt24ba.jpg);}

#mq24b li.btnC a:hover{ background:url(../../quiz/img/bt24bb.jpg);}

#mq24b li.btnR a:hover{ background:url(../../quiz/img/bt24bc.jpg);}


#mq34a li.btnL a:hover{ background:url(../../quiz/img/bt34aa.jpg);}

#mq34a li.btnC a:hover{ background:url(../../quiz/img/bt34ab.jpg);}

#mq34a li.btnR a:hover{ background:url(../../quiz/img/bt34ac.jpg);}

#mq34b li.btnL a:hover{ background:url(../../quiz/img/bt34ba.jpg);}

#mq34b li.btnC a:hover{ background:url(../../quiz/img/bt34bb.jpg);}

#mq34b li.btnR a:hover{ background:url(../../quiz/img/bt34bc.jpg);}


/*画像位置指定*/

#mq_footer img{ position:absolute; top:45px; left:90px;} 

.mq_result img{ position:absolute; top:277px; left:409px;}

.mq_chapter img{ position:absolute; top:130px; left:102px; z-index:10;}



/*作業確認用*/

.mq_content { display:none;}

.classMainNav { display:none;}



.mq_content img{

	display:none;

}

#marubatsu{

	display:block;

}