


body {
 background-color:#ffffff;
 font-size:12px;
}
body, h1, h2, h3, h4, p, ul, li, dl, dt, dd {
  margin:0;
}
li { list-style:none; }

ul,li{ padding:0px; margin:0px; }

img { border:none; }

a { text-decoration:none; }
#ddr_body{
 min-width:980px;
 background:url("https://eacache.s.konaminet.jp/game/ddr/ddra/p/images/common/ddr_bg.jpg") top center no-repeat fixed #F0F8FF;
}
.ddr_body_on{
 width:980px;
 margin:0px auto;
}

#ddr_body #title_bg{
 height:193px;
 margin:0px auto;
}

#ddr_body #title_bg div.title_logo{
 text-align:center;
 padding-top:10px;
}

#ddr_body #title_bg .inner{
 position:relative;
}

#ddr_body #title_bg #ontitle_link{
 margin:-180px 0px 0px 820px;
 padding-top:20px;
 width:152px;
}

#ddr_body #title_bg #ontitle_link li{
 overflow: hidden;
}
#ddr_body #title_bg #ontitle_link #freeplay{
 height:0px;
 padding-top:100px;
 width:99px;
 margin:0px auto 6px;
 background:url("../images/common/free_play_icon.png") no-repeat;
}
#ddr_body #title_bg #ontitle_link #shop a{
 width:152px;
 height:0px;
 padding-top:52px;
 display:block;
 background:url("../images/common/serch_button_mini.png") no-repeat;
 background-position:0px 0px;
}
#ddr_body #title_bg #ontitle_link #shop a:hover{
 background-position: 0 -52px;
}

#ddr_body #goto_page_top{
 height:40px;
 text-align:right;
}
#ddr_body #goto_page_top #button{
 margin:0 auto;
}

#ddr_body #goto_page_top #button a{
 background:url("../images/common/pagetop_btn.png") no-repeat;
 display:block;
 width:157px;
 height:0px;
 padding-top:24px;
 overflow:hidden;
 margin:8px 0px 0px 820px;
}
#ddr_body #goto_page_top #button a:hover{
background-position:0 -24px;
}
/***************
コンテンツ内分割
****************/
#ddr_contents{
text-align:center;
width:960px;margin:0px auto 0px auto;
}
#ddr_contents div#ddr_main{
text-align:left;
}
#ddr_contents div#ddr_left{
 width:206px;margin:0px 16px 0px 0px;display:inline-block;
 text-align:left;vertical-align:top;
}
#ddr_contents div#ddr_right{
 width:738px;
 display:inline-block;
 text-align:left;vertical-align:top;
}
/***************
サイドメニュー
***************/
#ddr_contents div#ddr_left div.menu_top{
 background:url(../images/common/side_base_top.png) no-repeat;width:206px;heigth:0px;padding-top:16px;
}
#ddr_contents div#ddr_left div.menu_mdl{
background:url(../images/common/side_base_middle.png)repeat-y;width:206px;text-align:center;
}
#ddr_contents div#ddr_left div.menu_mdl div.title{
margin:0px 0px 10px 0px;
}
#ddr_contents div#ddr_left div.menu_mdl div.item{
width:184px;height:0px;padding-top:24px;overflow:hidden;
background-position:0px 0px;
margin:10px auto 0px auto;
}
#ddr_contents div#ddr_left div.menu_mdl div.item:hover{
background-position:0px -24px;
}


#ddr_contents div#ddr_left div.menu_mdl div.item#bottom{
 margin-bottom:6px;
}

#ddr_contents div#ddr_left div.menu_mdl div.item#top{
 margin-top:6px;
}

#ddr_contents div#ddr_left div.menu_mdl div.subitem{
width:184px;height:0px;padding-top:24px;overflow:hidden;
background-position:0px 0px;
margin:0px auto 0px auto;
}
#ddr_contents div#ddr_left div.menu_mdl div.subitem:hover{
background-position:0px -24px;
}



#ddr_contents div#ddr_left div.menu_btm{
background:url(../images/common/side_base_under.png) no-repeat;width:206px;height:0px;padding-top:58px;
}
/***************
メイン項目
***************/
#ddr_contents div#ddr_right div.main{
border:1px solid #000000;
background:#ffffff;
padding:12px 0px 20px 0px;
margin:4px 0px 0px 0px;
}
/***************
上部メニューバー
****************/
#ddr_body #ddr_menu{
 width:1082px;
 height:65px;
 margin:0px 0px 0px -51px;
 background:url("../images/common/top_menu_base.png") no-repeat;
}
#ddr_body #ddr_menu ul{
 margin:0px auto;
 padding-top:25px;
 width:912px;
}

#ddr_body #ddr_menu ul li{
 margin-top:1px;
 float:left;
}
#ddr_body #ddr_menu ul li a{
 height:0px;
 padding-top:30px;
 overflow:hidden;
 display:block;
 width:114px;
 text-align:center;
}

#ddr_body #ddr_menu li a:hover,
#ddr_body #ddr_menu li a.select{
 background-position:0 -30px;
}

.menu_close a{
 background:url("../images/common/top_menu_event.png") no-repeat;
}

#menu_info a{
 background:url("../images/common/top_menu_news.png") no-repeat;
}
#menu_how a{
 background:url("../images/common/top_menu_howto.png") no-repeat;
}
#menu_music a{
 background:url("../images/common/top_menu_music.png") no-repeat;
}
#menu_event a{
 background:url("../images/common/top_menu_event.png") no-repeat;
}
#menu_play a{
 background:url("../images/common/top_menu_playdata.png") no-repeat;
}
#menu_rival a{
 background:url("../images/common/top_menu_rival.png") no-repeat;
}
#menu_setting a{
 background:url("../images/common/top_menu_setting.png") no-repeat;
}
#menu_customize a{
 background:url("../images/common/top_menu_customize.png") no-repeat;
}

/*************************

ユーザーのコミュニティニックネーム、ダンサーネーム

**************************/

#ddr_body #user_name{
 width:960px;
 margin:4px auto 6px;
}

#ddr_body #user_name a{
 width:477px;
 height:47px;
 display:block;
 overflow:hidden;
}

#ddr_body #user_name #community_nickname{
 float:left;
 position:relative;
 background:url("../images/common/gate_menu.png"); 
}

#ddr_body #user_name #community_nickname:hover{
 background-position:0 -46px;
}
 
#ddr_body #user_name #community_nickname img{
 position:absolute;
 left:250px;
 top:2px;
 height:41px;
 width:41px;
}
#ddr_body #user_name #community_nickname .name_str{
 position:absolute;
 left:293px;
 top:18px;
 font-size:12px;
 text-align:center;
 width:160px;
}

#ddr_body #user_name #dancer_name{
 float:right;
 position:relative;
 background:url("../images/common/gate_menu.png");
 background-position:477px 0;
}

/*
#ddr_body #user_name #dancer_name:hover{
 background-position:477px -46px;
}
*/

#ddr_body #user_name #dancer_name img{
 position:absolute;
 left:200px;
 top:2px;
 height:41px;
 width:41px;
}

#ddr_body #user_name #dancer_name .name_str{
 position:absolute;
 left:250px;
 top:18px;
 font-size:12px;
 text-align:center;
 width:200px;
}
#ddr_body #user_name #community_nickname a .name_str,
#ddr_body #user_name #dancer_name a .name_str{
 text-decoration:underline;
}
#ddr_body #user_name #community_nickname a:hover .name_str,
#ddr_body #user_name #dancer_name a:hover .name_str{
 text-decoration:none;
}
#ddr_body #user_name #dancer_name a#no_link .name_str{
 text-decoration:none;
}
/*
#ddr_body #ddr_contents #user_name #community_nickname a{
 background-position:0px 0px;
}
#ddr_body #ddr_contents #user_name #dancer_name a{
 background-position:-475px 0px;
}
#ddr_body #ddr_contents #user_name #community_nickname a:hover{
 background-position:0px -64px;
}
#ddr_body #ddr_contents #user_name #dancer_name a:hover{
 background-position:-475px -64px;
}
#ddr_body #ddr_contents #user_name #dancer_name a:hover#no_link{
 background-position:-475px 0px;
}*/

/*float 解除*/
#ddr_body #ddr_menu ul:after,
#ddr_body #user_name:after{
clear:both;
}




/*楽曲絞込*/
/*************************

ポップアップの絞込み

*************************/
#ddr_right .game_type#t_narrowing {
 margin-top:2px;
 background-image:url("../images/music/button_shiborikomi.png");
 height /**/:33px;
 width:131px;
}
#ddr_right .game_type#t_narrowing:hover{
 background-position:0 -33px;
}

#slide_contents{
/*width:670px;*/
padding-bottom:12px;
/*display:none;*/
}


.tab{
overflow:hidden;
/*margin:0px 30px;*/
}
.tab li{
 float:left; 
 margin-right:1px;
 display:block;
}

.tab li.bpm{
 height: 31px;
 width: 59px;
 background: url(../images/music/music_button_bpm.png);
 background-position-y:0px;
}

.tab li.bemani{
 height: 31px;
 width: 76px;
 background: url(../images/music/music_button_bemani.png);
 background-position-y:0px;
} 
.tab li.level_s{
 height: 31px;
 width: 110px;
 background: url(../images/music/music_button_level_s.png);
 background-position-y:0px;
} 

.tab li.level_d{
 height: 31px;
 width: 110px;
 background: url(../images/music/music_button_level_d.png);
 background-position-y:0px;
} 
.tab li.clearrank{
 height: 31px;
 width: 86px;
 background: url(../images/music/music_button_clear.png);
 background-position-y:0px;
} 

.tab li.genle{
 height: 31px;
 width: 76px;
 background: url(../images/music/music_button_genre.png);
 background-position-y:0px;
} 


.tab li.hit{
 height: 31px;
 width: 94px;
 background: url(../images/music/music_button_hit.png);
 background-position-y:0px;
} 

.tab li.musicname{
 height: 31px;
 width: 57px;
 background: url(../images/music/music_button_musicname.png);
 background-position-y:0px;
} 

.tab li.version{
 height: 31px;
 width: 77px;
 background: url(../images/music/music_button_version.png);
 background-position-y:0px;
} 

.tab li.all{
 height: 31px;
 width: 77px;
 background: url(../images/music/music_button_all.png);
 background-position-y:0px;
} 
.tab li.all a {
display:block;
height:31px;
}

.tab li.select{
 background-position-y:31px;
}
  
.content li{
    padding: 10px 6px;
/*    margin-bottom: 10px;*/
    /* margin-left: 30px; */
    /* margin-right: 30px; */
    border: solid 1px #A9A9A9;
    width: 685px;
    display:none;
}
.defo {display:none;}
.hide {display:none;}



.narrow_btn{
/*background:url(../images/music/button_blank.png);*/
 float:left;
    float: left;

    height: 25px;
    line-height: 29px;
    font-size: 12px;
    margin: 1px;
    text-align: center;
}

.narrow_btn:hover,
.narrow_btn.select{
 background-position-y:-25px;
}
.filter2_0 .narrow_btn,
.filter2_1 .narrow_btn{
    width: 66px;
background-image:url(../images/music/button_level.png);
}
.filter3 .narrow_btn{
    width: 66px;
background-image:url(../images/music/button_level.png);
}
.filter5 .narrow_btn{
    width: 135px;
background-image:url(../images/music/button_bemani.png);
}
.filter6 .narrow_btn{
    width: 112px;
background-image:url(../images/music/button_version.png);
}
.filter7 .narrow_btn{
    width: 112px;
background-image:url(../images/music/button_version.png);
}
.filter7 .narrow_btn_l{
    width: 169px;
background-image:url(../images/music/button_version_long.png);
}
.filter8 .narrow_btn_al{
float:left;
height:25px;
    width: 22px;
line-height: 25px;
font-size: 12px;
margin:2px 1px;
text-align:center;    
background-image:url(../images/music/button_alphabet.png);
}
.filter8 .narrow_btn_num{
float:left;
height:25px;
    width: 72px;
line-height: 25px;
font-size: 12px;
margin:2px 1px;
text-align:center;    
background-image:url(../images/music/button_symbol.png);
}
.filter8 .narrow_btn_jp{
float:left;
height:25px;
    width: 50px;
line-height: 25px;
font-size: 12px;
margin:2px 1px;
text-align:center;    
background-image:url(../images/music/button_japanese.png);
}
.narrow_btn_al:hover,
.narrow_btn_al.select,
.narrow_btn_num:hover,
.narrow_btn_num.select,
.narrow_btn_jp:hover,
.narrow_btn_jp.select{
 background-position-y:-25px;
}
.narrow_btn_l{
/*background:url(../images/music/button_blank_long.png); */
float:left;
width:200px;
height:25px;
line-height: 25px;
font-size: 12px;
margin:2px 1px;
text-align:center;
}

.narrow_btn_l:hover,
.narrow_btn_l.select{
 background-position-y:-25px;
}


.narrow_btn_ll{
background:url(../images/music/button_blank_long.png); float:left;
width:200px;
height:29px;
line-height: 29px;
font-size: 12px;
margin:10px 23px 10px 10px;
text-align:center;
}

.narrow_btn_ll:hover,
.narrow_btn_ll.select{
 background-position-y:-29px;
}


.narrow_btn_lr{
background:url(../images/music/button_blank_long.png); float:left;
width:200px;
height:29px;
line-height: 29px;
font-size: 12px;
margin:10px 10px 10px 23px;
text-align:center;
}

.narrow_btn_lr:hover,
.narrow_btn_lr.select{
 background-position-y:-29px;
}


/*海外対応*/
span.lg-ja,
span.lg-en {
  display: none;
}
body.ja span.lg-ja,
body.en span.lg-en {
  display: inline;
}


div.ja span.lg-ja,
div.en span.lg-en {
  display: inline ;
}



