div#title_bnr img{
max-width:100%;
}
@media (min-width: 980px) {
div#title_bnr{
text-align:center;
}
#main_contents{
background:url("../../images/common/bg_1.png") no-repeat center center,
url("../../images/common/bg_btm.jpg") no-repeat center bottom,
url("../../images/common/bg.jpg") no-repeat center top,
url("../../images/common/bg_loop.jpg") repeat-y center top,#000000 !important;
}

/*スライドバナー*/
div.bg_box_1{
background:url("../../images/top/box1_bg_left.png") no-repeat left top,
url("../../images/top/box1_bg_right.png")no-repeat right top,
url("../../images/top/box1_bg_loop.png")repeat-x left top;
height:353px;padding-top:20px;margin:10px auto 10px auto;
}
div#bnr_bg div#bnr_box{
width:600px;position:relative;margin:0px auto;
}
#bnr_box #bnr_view{
 width:100%;
 overflow:hidden;
}
#bnr_box #bnr_area{
 margin:0 auto;
 display:inline-block;
 width:600px;
 height:300px;
 background:gray;
 text-align:center;
 position:relative;
}
#bnr_box #bnr_area ul{
 top:0;
 left:0;
 position:absolute;
 font-size:0;
 overflow:hidden;
 padding:0px 0px 0px 0px;
}
#bnr_box #bnr_area ul li{
 font-size:12px;
 width:600px;
 height:300px;
 display:inline-block;
 overflow:hidden;
}
#bnr_box #icon_area{
/* top:80px;position:absolute;*/
text-align:center;
}
#bnr_box #icon_area ul li{
 cursor: pointer;
 margin:0px auto;
 width:45px;
 height:45px;
}
li.icon{
 width:45px;
 height:45px;
 background:url("../../images/top/top_sli1.png");
 display:inline-block;
}
li.active{
 background-position:0px -45px;
}
div.right_inner{
width:752px;margin:0px 0px 0px 16px;
}
/*bnr*/
div.bnr{
width:600px;height:300px;text-align:left;
}
/*検定*/
div.bnr_kentei{
background:url("../../images/common/bnr/banner_kentei.jpg");
}
div.bnr_arc_kentei{
background:url("../../images/common/bnr/banner_arc.jpg");
}
div.bnr div.now_kentei{
background:url("../../images/common/bnr/sign_now_kentei.png");/*background-size:134px 36px;*/
}
div.bnr div.next_kentei{
background:url("../../images/common/bnr/sign_next_kentei.png");/*background-size:134px 36px;*/
}
div.bnr div.now_arc_kentei{
background:url("../../images/common/bnr/sign_now_arc.png");/*background-size:134px 36px;*/
}
div.bnr div.next_arc_kentei{
background:url("../../images/common/bnr/sign_next_arc.png");/*background-size:134px 36px;*/
}
div.bnr div.title{
width:400px;display:inline-block;font-size:18px;vertical-align:top;text-align:center;
padding:30px 0px 0px 8px;font-weight:bold;color:#FFFFFF;
}
div.grimm_bnr{
background:url("../../images/common/bnr/banner_enm.jpg");
}
div.grimm_bnr div.imgbox img{
width:374px;height:223px;
}
div.bnr div.detail div.imgbox{
margin:0px 20px 0px 11px;display:inline-block;position:relative;
}
div.bnr div.detail div.imgbox div.type0{
top:0px;left:0px;width:374px;height:223px;position:absolute;
background:url("../../images/common/bnr/grimm/type0.png");background-size:100% 100%;
}
div.bnr div.detail div.imgbox div.type1{
top:0px;left:0px;width:374px;height:223px;position:absolute;
background:url("../../images/common/bnr/grimm/type1.png");background-size:100% 100%;
}
div.bnr div.detail div.imgbox div.ranking{
top:0px;left:0px;width:374px;height:223px;position:absolute;
background:url("../../images/common/bnr/grimm/ranking.png");background-size:100% 100%;
}
div.bnr div.detail div.imgbox div.job_holynight{
top:0px;left:0px;width:374px;height:223px;position:absolute;
background:url("../../images/common/bnr/grimm/job_holynight.png");background-size:100% 100%;
}
div.bnr div.detail div.imgbox div.job_samurai{
top:0px;left:0px;width:374px;height:223px;position:absolute;
background:url("../../images/common/bnr/grimm/job_samurai.png");background-size:100% 100%;
}
div.bnr div.detail div.imgbox div.job_pyromancer{
top:0px;left:0px;width:374px;height:223px;position:absolute;
background:url("../../images/common/bnr/grimm/job_pyromancer.png");background-size:100% 100%;
}
/*div.bnr div.detail div.imgbox img{
width: 261px;height: 156px;
}*/
div.bnr div.date_box{
display:inline-block;width:150px;height:160px;vertical-align:top;font-size:18px;color:#ffffff;margin-top:22px;
}
div.bnr div.date_box div.start{
margin:35px 0px 0px 10px;
}
div.bnr div.date_box div.end{
margin:54px 0px 0px 10px;
}

div.bnr div.now_state{
/*width:134px;height:36px;*/width:192px;height:52px;display:inline-block;margin:5px 0px 0px 0px;vertical-align:top;
}
/*グリム*/
div.bnr div.now_enemy{
background:url("../../images/common/bnr/sign_now_enm.png");/*background-size:134px 36px;*/
}
div.bnr div.next_enemy{
background:url("../../images/common/bnr/sign_next_enm.png");/*background-size:134px 36px;*/
}

/*トーナメント*/
li div.now_toulim{
margin-left:408px !important;
background:url("../../images/common/bnr/sign_toulim.png");/*background-size:134px 36px;*/
}
li div.next_toulim{
margin-left:408px !important;
background:url("../../images/common/bnr/sign_next_toulim.png");/*background-size:134px 36px;*/
}
li div.bnr_toulim_an{
background:url("../../images/common/bnr/toulimi/banner_toulimi_an.jpg");
}
li div.bnr_toulim_li{
background:url("../../images/common/bnr/toulimi/banner_toulimi_li.jpg");
}
li div.bnr_toulim_sp{
background:url("../../images/common/bnr/toulimi/banner_toulimi_sp.jpg");
}
li div.bnr_toulim_ri{
background:url("../../images/common/bnr/toulimi/banner_toulimi_ri.jpg");
}
li div.bnr_toulim_bun{
background:url("../../images/common/bnr/toulimi/banner_toulimi_bun.jpg");
}
li div.bnr_toulim_sh{
background:url("../../images/common/bnr/toulimi/banner_toulimi_sh.jpg");
}
li div.bnr_toulim_no{
background:url("../../images/common/bnr/toulimi/banner_toulimi_no.jpg");
}
li div.bnr_toulim_ge{
background:url("../../images/common/bnr/toulimi/banner_toulimi_ge.jpg");
}
li div.toulim div.ywc{
color:#ffd700;
}
li div.toulim div.soon{
width:600px;height:300px;top:0px;position:absolute;
background:url("../../images/common/bnr/banner_toulimi_pre.png");
background-size:100% 100% !important;
}
li div.date_box_tour{
display:inline-block;width:180px;height:228px;vertical-align:top;font-size:16px;color:#ffffff;
margin-left:416px;
}
li div.date_box_tour div.start{
margin:60px 0px 0px 20px;
}
li div.date_box_tour div.end{
margin:60px 0px 0px 20px;
}
li div.toulim div.title{
margin-top:-73px;
}
li div.toulim div.sub_title{
font-size:30px;color:#ffff00;width:400px;font-weight:bold;margin-top:-42px;text-align:center;
}
li div.bnr_toulim_an div.sub_title{
color:#00bfff;
}
li div.bnr_toulim_ri div.sub_title{
color:#bb5deb;
}
li div.bnr_toulim_sp div.sub_title{
color:#FF0000;
}
li div.bnr_toulim_ge div.sub_title{
color:#3cb371;
}
li div.bnr_toulim_bun div.sub_title{
color:#0075c2;
}
li div.bnr_toulim_no div.sub_title{
color:#d0d0d0;
}
li div.bnr_toulim_sh div.sub_title{
color:#ffa500;
}
/*アプリ*/
div#appli{
background:#ffffff;width:94%;height:400px;overflow:auto;margin:0px auto;
}
/*info*/
div#notice{
width:99%;height:400px;overflow:auto;margin:0px auto;
}
div#twitter_box div.snsBox0{
margin-top:10px;
}
div#twitter_box{
width:99%;height:350px;overflow:auto;background:#ffffff;margin:0px auto;text-align:center;
}
/*メニュー*/
div.menu_box{
margin-bottom:10px;
}
div.menu_t{
background:url("../../images/top/bg_lbox_top.png");
width:214px;height:32px;
}
div.menu_m{
background:url("../../images/top/bg_lbox_loop.png");
width:214px;
}
div.menu_b{
background:url("../../images/top/bg_lbox_bottom.png");
width:214px;height:32px;
}

/*btn*/
#top_menu_btn li a{
width:200px;height:60px;margin:0px auto 10px auto;display:block;
}

li.btn_event a{
background:url("../../images/common/link_event_s.png")no-repeat;
}
li.btn_rank a{
background:url("../../images/common/link_ranking_s.png")no-repeat;
}
li.btn_myroom a{
background:url("../../images/common/link_myroom_s.png") no-repeat;
}
li.btn_calendar a{
background:url("../../images/common/link_calendar_s.png") no-repeat;
}
li.btn_circle a{
background:url("../../images/common/link_circle_s.png") no-repeat;
}
li.btn_shop a{
background:url("../../images/common/link_shop_s.png") no-repeat;
}
li.btn_bc a{
background:url("../../images/top/link_broadcast.png") no-repeat;margin-bottom:0px !important;
}
li.btn_tour a{
background:url("../../images/top/link_tour.png") no-repeat;
}

li.btn_rank a:hover,
li.btn_event a:hover,
li.btn_myroom a:hover,
li.btn_calendar a:hover,
li.btn_circle a:hover,
li.btn_shop a:hover,
li.btn_bc a:hover,
li.btn_tour a:hover{
background-position:0px -60px;
}

}