

div.topContents,
div.bottomContents{
min-width:1300px;
}
div.mainContents{
min-width:1300px;height:900px;
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/common/bg.jpg");
}
h2{
width:900px;margin:0px auto 0px auto;
}
.bg_mdl{
width:900px;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/common/bg_side.png");margin:0px auto 0px auto;
}
.bg_btm{
width:900px;height:5px;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/common/bg_btm.png");margin:0px auto 0px auto;
}

/*フッターのメニュー*/
ul#menu_f{
 float:right;
}
ul#menu_f:after{
 clear:both;
}
ul#menu_f li{
 width:220px;display:inline-block;text-align:center;margin-top:15px;
}

ul#menu_f li div:hover{
background-position:0px -60px !important;
}


ul#menu_f div a{
 width:200px;height:60px;display:block;
}

/*キャラクター*/
div.shortmain{
height:700px;
}
div.charamain{
height:700px;width:1300px;margin:0px auto 0px auto;
}
img#charaEx{
 z-index:0;/*position:relative;*/
}

/*ボタン*/
div#c_btn0{
margin:-300px 0px 0px 600px;width:600px;height:100px;z-index:1;position:relative;
}
div#prev_btn{
width:100px;height:60px;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/arrow_prev.png");
display:inline-block;margin-right:400px;
}
div#next_btn{
width:100px;height:60px;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/arrow_next.png")no-repeat;display:inline-block;
}
div#prev_btn:hover,
div#next_btn:hover{
background-position:0px -60px;cursor: pointer;
}

div.charamain div#chara_box{
text-align:right;
}
div.charamain div#exp_box{
/*margin:-480px 0px 20px 0px;position:relative;*/
width:500px;height:450px;color:#ffffff;font-size:16px;position:absolute;top:160px;
}
div.charamain div#exp_box div#c_name{
position:absolute;top:45px;left:0px;
}
div.charamain div#exp_box div#birthday{
position:absolute;top:112px;left:125px;
}
div.charamain div#exp_box div#c_height{
position:absolute;top:145px;left:125px;
}
div.charamain div#exp_box div#bloodType{
position:absolute;top:176px;left:125px;
}
div.charamain div#exp_box div#like{
position:absolute;top:208px;left:125px;
}
div.charamain div#exp_box div#hate{
position:absolute;top:241px;left:125px;
}
div.charamain div#exp_box div#txt{
position:absolute;top:270px;left:20px;width:456px;
}
div.charamain div.w_btn_box{
position:absolute;top:622px;min-width:1200px;
}

div.charamain div.l_btn_box{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/base_btn.png") no-repeat;z-index:1;position:relative;
width:930px;height:200px;display:inline-block;
}
div.charamain div.r_btn_box{
display:inline-block;margin-left:50px;width:140px;height:140px;
}
div.charamain div.r_btn_box a{
display:block;width:140px;height:140px;
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn_fullsize.png");
}
div.charamain div.r_btn_box a:hover{
background-position:0px -140px;
}
ul#charaBtList{
margin:0px 0px 0px 70px;
}
ul#charaBtList li{
display:inline-block;
}
ul#charaBtList li div.c_btn{
width:72px;height:46px;margin:8px -8px 0px 0px;
}
ul#charaBtList li div#btn00{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_000.png);
}
ul#charaBtList li div#btn01{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_001.png);
}
ul#charaBtList li div#btn02{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_002.png);
}
ul#charaBtList li div#btn03{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_003.png);
}
ul#charaBtList li div#btn04{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_004.png);
}
ul#charaBtList li div#btn05{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_005.png);
}
ul#charaBtList li div#btn06{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_006.png);
}
ul#charaBtList li div#btn07{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_007.png);
}
ul#charaBtList li div#btn08{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_008.png);
}

ul#charaBtList li div#btn30{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_100.png);
}
ul#charaBtList li div#btn31{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_101.png);
}
ul#charaBtList li div#btn32{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_102.png);
}
ul#charaBtList li div#btn33{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_103.png);
}
ul#charaBtList li div#btn34{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_104.png);
}
ul#charaBtList li div#btn35{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_105.png);
}
ul#charaBtList li div#btn36{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_106.png);
}
ul#charaBtList li div#btn37{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_107.png);
}
ul#charaBtList li div#btn38{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_108.png);
}
ul#charaBtList li div#btn39{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_109.png);
}
ul#charaBtList li div#btn40{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_110.png);
}
ul#charaBtList li div#btn41{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_111.png);
}

ul#charaBtList li div#btn60{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_200.png);
}
ul#charaBtList li div#btn61{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_201.png);
}
ul#charaBtList li div#btn62{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_202.png);
}
ul#charaBtList li div#btn63{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_203.png);
}
ul#charaBtList li div#btn64{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_204.png);
}
ul#charaBtList li div#btn65{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_205.png);
}
ul#charaBtList li div#btn66{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_206.png);
}
ul#charaBtList li div#btn67{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_207.png);
}
ul#charaBtList li div#btn68{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_208.png);
}
ul#charaBtList li div#btn69{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_209.png);
}
ul#charaBtList li div#btn70{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_210.png);
}
ul#charaBtList li div#btn71{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_211.png);
}
ul#charaBtList li div#btn72{
background:url(https://eacache.s.konaminet.jp/game/qma/12/p/images/about/chara/btn/btn_212.png);
}
/*ul#charaBtList li div.c_btn:hover{
background-position:0px -46px !important;
}*/
ul#charaBtList li.blank{
display:block;
margin-top:15px;
}
ul#charaBtList li.student{
margin-top:15px !important;
}
div.parallelogram {
 -moz-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%;
 -moz-transform:skewX(-25deg);-webkit-transform:skewX(-25deg);transform:skewX(-25deg);
}
div.square{
 width: 52px;height: 46px;background:rgba(255,255,255,0);
}
/*div.square div.img_box{
 -moz-transform-origin:0 100%;-webkit-transform-origin:0 100%;transform-origin:0 100%;
 -moz-transform:skewX(25deg);-webkit-transform:skewX(25deg);transform:skewX(25deg);
 top:5px;left:19px;position:absolute;
}*/

/*遊び方*/
/*メニュー*/
ul#menu_howto{
text-align:center;
}
ul#menu_howto li{
display:inline-block;margin:20px 20px 0px 20px;width:110px;
}
ul#menu_howto li div.how_btn a{
width:110px;height:50px;display:block;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/menu_howto.png");
}
ul#menu_howto li div.mode_btn a{
width:110px;height:50px;display:block;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/menu_mode.png");
}
ul#menu_howto li div.genre_btn a{
width:110px;height:50px;display:block;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/menu_genre.png");
}
ul#menu_howto li div.format_btn a{
width:110px;height:50px;display:block;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/menu_keishiki.png");
}
ul#menu_howto li div.paseli_btn a{
width:110px;height:50px;display:block;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/menu_paseli.png");
}
ul#menu_howto li div.ea_btn a{
width:110px;height:50px;display:block;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/menu_ea.png");
}
ul#menu_howto li div.how_btn a:hover,
ul#menu_howto li div.mode_btn a:hover,
ul#menu_howto li div.genre_btn a:hover,
ul#menu_howto li div.format_btn a:hover,
ul#menu_howto li div.paseli_btn a:hover,
ul#menu_howto li div.ea_btn a:hover,
.select_bg{
background-position:0px -50px !important;
}
.about_box{
margin:0px auto 0px auto;height:832px;
}
.about_box div.box_long{
height:750px;overflow:auto;
}
.howto_box{
margin:20px 0px 0px 0px;
}

.howto_box .exbox{
color:#ffffff;font-size:18px;text-align:center;padding-top:10px;
}
.howto_box .quizdetailBox{
display:inline-block;padding-top:30px;margin:20px 0px 20px 10px;
width:450px;vertical-align:top;
}
.howto_box .quizBoxBg{
display:inline-block;padding-top:30px;margin:20px 0px 20px 20px;vertical-align:top;
width:406px;height:318px;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/format/bg_btn.png");
}
.howto_box div.quizBox{
 width:80px;height:300px;text-align:center;vertical-align:top;display:inline-block;
}
.howto_box div.quizBox1{
width:76px;height:300px;text-align:center;vertical-align:top;display:inline-block;
}
.howto_box div.quizBox2{
width:78px;height:300px;text-align:center;vertical-align:top;display:inline-block;
}
.howto_box div.quizBox3{
width:76px;height:300px;text-align:center;vertical-align:top;display:inline-block;
}
.howto_box div.quizBox2 div.qb{
margin-top:30px;
}
.howto_box div.quizEx{
width:400px;margin:10px 0px 0px 50px;font-size:16px;color:#ffffff;
}

#mode div.modeType{
width:840px;padding:20px 0px 20px 0px;margin:0px auto 0px auto;
}
#mode div.modeType div.title{
margin-top:20px;
}
#mode div.inner_mdl{
width:840px;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/mode/base_s_side.png");
}
#mode div.inner_btm{
width:840px;height:21px;background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/howtoplay/mode/base_s_btm.png");
}
div.wBox{
text-align:center;padding-top:10px;
}
div.wBox div.left_box{
display:inline-block;margin-right:10px;
}
div.wBox div.right_box{
display:inline-block;
}
div.jenre_box,
div.paseli_box,
div.ea_box,
div.howtoplay_box{
padding-bottom:20px;
}
div.oneBox{
text-align:center;
margin-top:20px;
}
div.howtoplay_box div.oneBox:first-child{
margin-top:0px;padding-top:20px;
}

div#movie_box,
div#bgm_box{
padding:20px 0px 0px 0px;
}
div#movie_box{
text-align:center;
}
div#movie_box div.mv{
display:inline-block;
}
div#movie_box div.mv a{
/*width:184px;height:133px;*/
width:147px;height:106px;
margin:20px 0px 20px 26px;display:block;
}
div#movie_box div.mv:first-child a{
margin-left:0px;
}
div#movie_box div.mv a.op_mv{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/movie_op.png");
background-size:100% 200%;
}
div#movie_box div.mv a.te_mv{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/movie_teaser.png");
background-size:100% 200%;
}
div#movie_box div.mv a.ev_mv{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/movie_event.png");
background-size:100% 200%;
}
div#movie_box div.mv a.evt_mv{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/movie_t_event.png");
background-size:100% 200%;
}
div#movie_box div.mv a.sha_mv{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/movie_sha.png");
background-size:100% 200%;
}


div#movie_box div.mv a:hover{
background-position:0px 100%;
}
div#bgm_box div.bgm_wappar{
padding:20px 0px 0px 0px;
}
div#bgm_box div.bgm_top{
width:880px;height:200px;margin:0px auto 0px auto;
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bg_bgm_top.png");
}
div#bgm_box div.bgm_mdl{
width:880px;margin:0px auto 0px auto;
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bg_bgm_side.png");
}
div#bgm_box div.bgm_btm{
width:880px;height:12px;margin:0px auto 0px auto;
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bg_bgm_btm.png");
}
div#bgm_box iframe.bgm_playerbox{
height:180px;width:310px;margin:8px 0px 0px 8px;display:inline-block;vertical-align:top;
}
div#bgm_box .bgm_exbox{
display:inline-block;margin:0px 0px 0px 10px;width:543px;text-align:center;vertical-align:top;
}
div#bgm_box div.bgm_exbox div.btn{
display:inline-block;
}
div#bgm_box div.bgm_exbox div.btn a{
width:200px;height:90px;display:block;
}
div#bgm_box div.bgm_exbox div.about_btn a{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/link_about.png");margin:30px 40px 0px 10px;
}
div#bgm_box div.bgm_exbox div.shop_btn a{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/link_shop.png");margin-top:30px;
}
div#bgm_box div.bgm_exbox div.btn a:hover{
background-position:0px -90px;
}
div#bgm_box .exbox{
color:#ffffff;font-size:18px;text-align:center;padding-top:10px;
}
div#bgm_box div.bgm_list{
padding-top:10px;width:860px;margin:0px auto 0px auto;height:260px;overflow:auto;
}
div#bgm_box div.bgm_list div.bgm_icon{
display:inline-block;margin:0px 5px 10px 0px;
}
div#bgm_box div.bgm_list div.bgm_icon a img.new{
position:absolute;top:0px;left:0px;
}
div#bgm_box div.bgm_list div.bgm_icon a div.mes{
font-size:14px;position:absolute;top:35px;text-align:center;width:190px;margin-left:5px;
}
div#bgm_box div.bgm_list div.bgm_icon a div.mes1{
top:25px;
}
div#bgm_box div.bgm_list div.bgm_icon a{
width:200px;height:110px;display:block;position:relative;
}
div#bgm_box div.bgm_list div.bgm1{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_1.png");
}
div#bgm_box div.bgm_list div.bgm2{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_2.png");
}
div#bgm_box div.bgm_list div.bgm3{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_3.png");
}
div#bgm_box div.bgm_list div.bgm4{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_4.png");
}
div#bgm_box div.bgm_list div.bgm5{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_5.png");
}
div#bgm_box div.bgm_list div.bgm6{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_6.png");
}
div#bgm_box div.bgm_list div.bgm7{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_7.png");
}
div#bgm_box div.bgm_list div.bgm8{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_8.png");
}
div#bgm_box div.bgm_list div.bgm9{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_9.png");
}
div#bgm_box div.bgm_list div.bgm10{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_10.png");
}
div#bgm_box div.bgm_list div.bgm11{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_11.png");
}
div#bgm_box div.bgm_list div.bgm12{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/about/special/bgm/bgm_12.png");
}
div#bgm_box div.bgm_list div.bgm_icon:hover{
background-position:0px -110px;
}
div.grimm_btn a:hover,
div.grimm_btn a:active{
background-position:0px -78px;
}
div.grimm_btn a{
background:url("https://eacache.s.konaminet.jp/game/qma/12/p/images/news/summer_ev/link_gribus.png") no-repeat;
width:768px;height:78px;display:block;margin:20px auto 0px auto;
}

/*story*/
div.story_box{
width:98%;margin:0px auto 0px auto;height:832px;overflow:auto;
}
div.story{
width:900px;margin:20px auto 0px auto;
}
.no-active{
display:none;
}

