@charset "UTF-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	line-height:150%;
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,address,form {
margin:0 ; 
padding:0;
font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}
html,body{
height: 100% ;

}

img{border-width:0px}

body > #wrapper {
height: auto;
}
a{

	text-decoration:none;
}

a:visited{
	
}

.floatClear{
	clear:both;
	height:0;
}
	

#wrapper {
    overflow:hidden;
	min-height:100%;

	margin: 0px;
	padding: 0px;
	border-style: none;
    background-image:url(../images/wrapperbg.jpg);
    background-position: left top;
    background-attachment:fixed;
    background-repeat:repeat-x;
    background-color:#00285f;
}


#shadow{
    position:relative;
    overflow:hidden;
	margin:0 auto;
    width:930px;
    height:965px;
	}
#contents{
    position:relative;
    overflow:hidden;
	margin:0 auto;
    width:902px;
    height:966px;
    border-bottom:#00c 1px solid;
    border-right:#00c 1px solid;
    border-left:#00c 1px solid;
    background-color:#000;
    overflow:visible;
	}
#header{
    width:900px;
    height:65px;
    background-color:#000;
    background-image:url(../images/headerbg.jpg);
    background-repeat:no-repeat;
    background-position:0 0;

    }

#nob_30logo{
    background-image:url(../images/nob_30_logo.png);
    background-repeat:no-repeat;
    background-position:0 0;

    width:66px;
    height:65px;
    position:absolute;
    right:20px;
    top:0px;
    }
#nob_30logo a{
    display:block;
    text-indent:-9999px;
    width:66px;
    height:65px;
    }

#mdlarea{
    width:900px;
    overflow:visible;
    z-index:1000;

    }

#mdlarea,#maincontentbox,#top,#top2 {
    height:627px;
    }    
#leftnavi{
    height:626px;
    position:absolute;
    top:65px;
    left:0px;
    width:200px;
    float:left;
    background-color:#000;
    color:#fff;
    overflow:hidden;
    z-index:800;
    border-right:#00c 1px solid;
    
    }
#gotop,#battle,#champion,#load,#meisei,#edit,#add_officer,#add_scn{
    width:200px;
    background-image:url(../images/navibtnbg.jpg);
    background-repeat:no-repeat;
    cursor:pointer;
    text-indent:-9999px;
    }
#iam,#newelement{
    width:200px;
    background-image:url(../images/navibtntop2.jpg);
    background-repeat:no-repeat;
    cursor:pointer;
    text-indent:-9999px;
    }
#btns808{
    padding:10px 0 3px 0 ;
    overflow:visible;}
#forbiginners,#forveterans,#forearlycustomr{
     width:200px;
    background-image:url(../images/navibtn808.jpg);
    background-repeat:no-repeat;
    cursor:pointer;
    text-indent:-9999px;
    position:relative;
    overflow:visible;
    
    }
#gotop,#battle,#champion,#load,#meisei,#add_officer,#edit,#add_scn,#forbiginners,#forveterans,#forearlycustomr{
    height:32px;
    z-index:1000;
    }
#battle_sub,#chp_sub,#load_sub,#edit_sub,#bigin_sub,#veteran_sub,#forearly_sub{
    height:0px;
    overflow:hidden;
    }
#iam,#newelement{
    height:48px;
    }
#gotop{
    background-position:-200px 0px;
    }
#iam{
    background-position:0 0px;
    }
    
#newelement{
    background-position:0 -48px;
    }
#battle{
    background-position:0 -242px;
    }
#champion{
    background-position:0 -278px;
    }
#load{
    background-position:0 -311px;
    }
#meisei{
    background-position:0 -343px;
    }
#edit{
    background-position:0 -375px;
    }
#add_officer{
    background-position:0 -409px;
    }
#add_scn{
    background-position:0 -441px;
    }
#forbiginners{background-position:0 0px;}
#forveterans{background-position:0 -30px;}
#forearlycustomr{background-position:0 -60px;}
#whatsan,#theworld,#kaindly,#edit_2,#superb,#newscn,#newbushou,#cards,#addscenario,#bgmset{
        text-indent:-9999px;
    width:200px;
    height:32px;
    background-image:url(../images/subnavi808.jpg);
    background-repeat:no-repeat;
    
    }
#whatsan{
    background-position:0 0px;
    }
#theworld{
    background-position:0 -32px;
    }
#kaindly{
    background-position:0 -64px;
    }
#edit_2{
    background-position:0 -96px;
    }
#superb{
    background-position:0 -128px;
    }
#newscn{
    background-position:0 -160px;
    }
#newbushou{
    background-position:0 -192px;
    }
#cards{
    background-position:0 -224px;
    }
#addscenario{
    background-position:0 -256px;
    }
#bgmset{
    background-position:0 -288px;
    }    

#inaction,#officerinfo,#spefect,#jinkei,#chp_mode,#chp_select,#chp_rank,#load_mode,#load_map,#load_army,#load_officer,#edit_sel,#edit_city,#edit_army{
    text-indent:-9999px;
    width:200px;
    height:32px;
    background-image:url(../images/subnavibg.jpg);
    background-repeat:no-repeat;
    }

.pansw_subbox div{
    cursor:pointer;
    }
#inaction{
    background-position:0 0px;
    }
#officerinfo{
    background-position:0 -32px;
    }
#spefect{
    background-position:0 -64px;
    }
#jinkei{
    background-position:0 -96px;
    }
#chp_mode{
    background-position:0 -128px;
    }
    
#chp_select{
    background-position:0 -160px;
    }
#chp_rank{
    background-position:0 -192px;
    }
#load_mode{
    background-position:0 -224px;
    }
#load_map{
    background-position:0 -256px;
    }
    
#load_army{
    background-position:0 -288px;
    }
#load_officer{
    background-position:0 -320px;
    }
#edit_sel{
    background-position:0 -352px;
    }
#edit_city{
    background-position:0 -384px;
    }
#edit_army{
    background-position:0 -416px;
    }

#minivavi{
    height:70px;
    overflow:hidden;
    }

    
#mini_naisei,#mini_war,#mini_hyoujou,#mini_genjutu{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/nininavibg.jpg);
    background-repeat:no-repeat;
    }
#mini_naisei{
    background-position:-200px 0;
    }
#mini_war{
    background-position:0 -16px;
    }
#mini_hyoujou{
    background-position:0 -32px;
    }
#mini_genjutu{
    background-position:0 -48px;
    }    
#minivavi2{
    height:38px;
    overflow:hidden;
    
    }
#mini_rekishi,#mini_ikkiuchi,#mini_tut,#mini_kyousho{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/nininavibg2.jpg);
    background-repeat:no-repeat;
    }
#mini_rekishi{
    background-position:-200px 0;
    }
#mini_ikkiuchi{
    background-position:0 -16px;
    }
#mininavi3{
    height:38px;
    overflow:hidden;
    
    }
#mini_tut{
    background-position:-200px -32px;
    }
#mini_kyousho{
    background-position:0 -48px;
    } 
#mininavi4{
    height:38px;
    overflow:hidden;
    
    }
#mini_moukaku,#mini_byimage{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/nininavibg3.jpg);
    background-repeat:no-repeat;
    }

#mini_moukaku{
    background-position:-200px 0;
    }
#mini_byimage{
    background-position:0 -16px;
    }
#mininavi5{
    height:38px;
    overflow:hidden;
    
    }
#mini_goro,#mini_ryofu{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/nininavibg4.jpg);
    background-repeat:no-repeat;
    }
#mini_goro{
    background-position:-200px 0;
    }
#mini_ryofu{
    background-position:0 -16px;
    }
#mininavi6{
    height:38px;
    overflow:hidden;
    
    }
#mini_ougenki,#mini_kanginpei{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/nininavibg5.jpg);
    background-repeat:no-repeat;
    }
#mini_ougenki{
    background-position:-200px 0;
    }
#mini_kanginpei{
    background-position:0 -16px;
    }
#mininavi7{
    height:32px;
    overflow:hidden;
    
    }
#mini_cardget,#mini_cardgally{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/nininavibg6.jpg);
    background-repeat:no-repeat;
    }
#mini_cardget{
    background-position:-200px 0;
    }
#mini_cardgally{
    background-position:0 -16px;
    }
#mininavi8{
    height:40px;
    overflow:hidden;
    
    }
#mini_info1,#mini_info2{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/nininavibg7.jpg);
    background-repeat:no-repeat;
    }
#mini_info1{
    background-position:-200px 0;
    }
#mini_info2{
    background-position:0 -16px;
    }
    
#mininavi9{
    height:40px;
    overflow:hidden;
    
    }
#mini_spepw1,#mini_spepw2{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image:url(../images/nininavibg7.jpg);
    background-repeat:no-repeat;
    }
#mini_spepw1{
    background-position:-200px -32px;
    }
#mini_spepw2{
    background-position:0 -48px;
    }

    
#shopbtns{
    width:198px;
    height:120px;
    position:absolute;
    bottom:0;
    left:0;
    }
#odai,#odai a{
    width:200px;
    height:75px;
    }
#odai a{
    display:block;
    text-indent:-9999px;
    background-image:url(../images/navibtnbg.jpg);
    background-position:0 -491px;
     width:200px;
    height:75px;
    }
#odai a:hover{background-position:-200px -491px;}
#buygc a,#gonitendo a{
    display:block;
    text-indent:-9999px;
    width:198px;
    height:45px;
    background-image:url(../images/shopbtn.jpg);
    background-repeat:no-repeat;
    cursor: pointer;
    }
#buygc a{
    background-position:0 0;
    }
#buygc a:hover{
    background-position:-200px 0;
    }
#gonitendo a{
    background-position:0 -45px;
    }
#gonitendo a:hover{
    background-position:-200px -45px;
    }
           
#maincontentbox{
    /*width:700px;*/
    position:absolute;
    top:65px;
    left:200px;
    }
#top {
    width:700px;
    background-image:url(../images/topbg.jpg);
    background-position:0 0;
    background-repeat:no-repeat;

    position:absolute;
    top:0;
    left:0;
    }
#top2{
    width:700px;
    position:absolute;
    top:0;
    left:0;
    display:none;
    }
#snsapi{padding-top:6px;
    position:absolute;
    top:2px;
    right:5px;
    z-index:100;
    }
#snsapi div{
    float:right;
    margin-left:5px;
    }
#dlcbtn{
    width:260px;
    height:160px;
    
    
    position:absolute;
    bottom:90px;

    right:30px;
    }
#dlcbtn a{
    display:block;
    width:260px;
    height:160px;
    background-image:url(../images/dlcbtnbg.png);
    background-repeat:no-repeat;
    background-position:0 0;
    text-indent:-9999px;
    

    }
#dlcbtn a:hover{
    background-position:0 -160px;
    }
    
#showtwinpak,#showp_box{
    width:337px;
    height:90px;
    position:absolute;
    bottom:3px;
    }
#showtwinpak{
    left:0;
    }
#showp_box{
    left:337px;
    }

#showtwinpak a,#showp_box a{
    display:block;
    width:337px;
    height:90px;
    background-image:url(../images/paksbnr.png);
    background-repeat:no-repeat;
    
     text-indent:-9999px;
    }
#showtwinpak a{
    background-position:0 0;
    }

#showp_box a{
    background-position:-337px 0;
    }
#showtwinpak a:hover{
    background-position:0 -90px;
    }
#showp_box a:hover{
    background-position:-337px -90px;
    }
#bnrspace{
    padding:20px 0px 20px 40px;
   width:860px;
   overflow:hidden;

   background-color:#000;
   border-top:#00c 1px solid;
    }
#bnrspace div{
    float:left;
    margin-right:30px;}
#san_3ds_bnr{
    cursor:pointer;
  
    }

#whatsnewspace{
    width:900px;
    padding:10px 0;
    background-color:#000;
    border-top:#00c 1px solid;
    }

#infobox{
    margin:0;
    width:822px;
    padding:0 40px;
    z-index:10;
    overflow:hidden;
    
    }
#wntitle{
    float:left;
    color:#fff;
    font-size:18px;
    height:84px;
    line-height:84px;
    margin:0px 0;
    width:100px;
    }
#infobox ul{
    padding-left:10px;
    display:block;
    height:84px;
    list-style:none;
    overflow:auto;
    background-image:url(../images/wrapperbg.jpg);
    background-repeat:repeat-x;
    background-position:0 0;
    border:#666 1px solid;
    }
    
#infobox li{
    margin:0;
    padding:0;
    line-height:120%;
    display:block;
    height:14px;
    clear:both;}
#infobox li p.datep{
    line-height:100%;
    width:80px;
    float:left;
    color:#fff;
    font-size:12px;
    margin:5px 0 0 0;

    }
#infobox li p.whats_new{
    line-height:160%;
    width:580px;
    float:left;
    color:#fff;
    font-size:12px;
    }
#infobox li p.whats_new a{
    text-decoration:none;
    color:#F60;
    }
#infobox li p.whats_new a:hover{
    color:#FC0;}
#footer{
    width:900px;
   
    background-color:#000;
   
    background-image:url(../images/footerbg.jpg);
    background-position:right bottom;
    background-repeat:no-repeat;
    padding-bottom:20px;
    border-top:#00c 1px solid;
    
    }
#footer ul{
    clear:both;
    list-style:none;
    margin-left:20px;

    }
#footer li{
    display:block;
    float:left;
    margin:5px 30px 5px 0px;
    padding:5px;
    font-size:10px;
    color:#999999;
	}
#footer li a{	color:#eeee66;}
#footer li a:hover {color:#ffffff;}