@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:#5f0000;
}


#shadow{
    position:relative;
    overflow:hidden;
	margin:0 auto;
    width:930px;
    height:960px
	}
#contents{
    position:relative;
    overflow:hidden;
	margin:0 auto;
    width:902px;
    height:966px;
    border-bottom:#C00 1px solid;
    border-right:#C00 1px solid;
    border-left:#C00 1px solid;
    background-color:#000;
	}
#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;

    }

#mdlarea,#maincontentbox,#top,#top2 {
    height:627px;
    }    
#leftnavi{
    position:relative;
    height:626px;
    width:199px;
    float:left;
    background-color:#000;
    color:#fff;
    border-right:#c00 1px solid;
    overflow:hidden;
    }
#gotop,#battle,#gihou,#bunka,#gunyu_souha,#tutorial,#bushou_edit{
    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/navibtnbg2.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/navibtnbg808.jpg);
    background-repeat:no-repeat;
    cursor:pointer;
    text-indent:-9999px;
    position:relative;
    overflow:visible;
    
    }
#gotop,#battle,#gihou,#bunka,#gunyu_souha,#tutorial,#bushou_edit,#forbiginners,#forveterans,#forearlycustomr{
    height:32px;
    }
#battle_sub,#gihou_sub,#bunka_sub,#bushou_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;
    }
#gihou{
    background-position:0 -278px;
    }
#bunka{
    background-position:0 -311px;
    }
#gunyu_souha{
    background-position:0 -343px;
    }
#tutorial{
    background-position:0 -375px;
    }
#bushou_edit{
    background-position:0 -409px;
    }
#forbiginners{background-position:0 0px;}
#forveterans{background-position:0 -30px;}
#forearlycustomr{background-position:0 -60px;}
#whatnob,#theworld,#kindly,#edit_dtl,#newscenario,#addbu,#yarikomi,#cards,#addscenario1,#addscenario2{
        text-indent:-9999px;
    width:200px;
    height:32px;
    background-image:url(../images/subnavi808.jpg);
    background-repeat:no-repeat;
    
    }
#whatnob{
    background-position:0 0px;
    }
#theworld{
    background-position:0 -32px;
    }
#kindly{
    background-position:0 -64px;
    }
#edit_dtl{
    background-position:0 -96px;
    }
#newscenario{
    background-position:0 -128px;
    } 
#addbu{
    background-position:0 -160px;
    } 
    
    
#yarikomi{
    background-position:0 -192px;
    }      
#addscenario1{
    background-position:0 -224px;
    }      
    
#addscenario2{
    background-position:0 -256px;
    }      
        

#tactic,#seabattle,#gihou02,#gold,#tea,#bunka_efct,#newbushou,#shijitubushou{
    text-indent:-9999px;
    width:200px;
    height:32px;
    background-image:url(../images/subnavibg.jpg);
    background-repeat:no-repeat;
    }
.pansw_subbox div{
    cursor:pointer;
    }
#tactic{
    background-position:0 0px;
    }
#seabattle{
    background-position:0 -32px;
    }
#gihou02{
    background-position:0 -64px;
    }
#gold{
    background-position:0 -96px;
    }
#tea{
    background-position:0 -128px;
    }
    
#bunka_efct{
    background-position:0 -160px;
    }
#newbushou{
    background-position:0 -192px;
    }
#shijitubushou{
    background-position:0 -224px;
    }
#minivavi1{
    height:85px;
    overflow:hidden;
    }
#mini_naisei,#mini_kassen,#mini_gaiko,#mini_bunkakouka,#mini_gihoukakutoku{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image: url(../images/mininavibg.jpg);
    background-repeat:no-repeat;
    }
#mini_naisei{
    background-position:-200px 0;
    }
#mini_kassen{
    background-position:0 -16px;
    }
#mini_gaiko{
    background-position:0 -32px;
    }
#mini_bunkakouka{
    background-position:0 -48px;
    }
#mini_gihoukakutoku{
    background-position:0 -64px;
    }

#mininavi2{
    height:105px;
    overflow:hidden;
    }
#mini_tri_arrow,#mini_honnouji,#mini_chakai,#mini_gun,#mini_ironship{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image: url(../images/mininavibg2.jpg);
    background-repeat:no-repeat;
    }
#mini_tri_arrow{
    background-position:-200px 0;
    }
#mini_honnouji{
    background-position:0 -16px;
    }
#mini_chakai{
    background-position:0 -32px;
    }
#mini_gun{
    background-position:0 -48px;
    }
#mini_ironship{
    background-position:0 -64px;
    }

    
                
#mininavi3{
    height:40px;
    overflow:hidden;
    
    }
#mini_tut,#mini_kyousho{
    width:200px;
    height:16px;
    cursor:pointer;
    background-image: url(../images/mininavibg2.jpg);
    background-repeat:no-repeat;
    }
#mini_tut{
    background-position:-200px -80px;
    }
#mini_kyousho{
    background-position:0 -96px;
    }    
    
#mininavi4{
    height:40px;
    overflow:hidden;
    
    }
#mini_yoshimoto,#mini_kenshin,#mini_shingen,#mini_nobunaga,#mini_face{
    width:200px;
    height:17px;
    cursor:pointer;
    background-image: url(../images/mininavibg3.jpg);
    background-repeat:no-repeat;
    }
#mini_yoshimoto{
    background-position:-200px 0px;
    }
#mini_kenshin{
    background-position:0 -16px;
    }
#mini_shingen{
    background-position:0 -32px;
    }
#mini_nobunaga{
    background-position:0 -48px;
    }
#mini_face{
    background-position:0 -64px;
    }
    
#mininavi5{
    height:40px;
    overflow:hidden;
    
    }
#mini_scn1,#mini_scn2{
    width:200px;
    height:17px;
    cursor:pointer;
    background-image: url(../images/mininavibg3.jpg);
    background-repeat:no-repeat;
    }
#mini_scn1{
    background-position:-200px -96px;
    }
#mini_scn2{
    background-position:0px -80px;
    }
    
#mininavi6{
    height:40px;
    overflow:hidden;
    
    }
#mini_newbu1,#mini_newbu2,#mini_newbu3,#mini_newbu4{
    width:200px;
    height:17px;
    cursor:pointer;
    background-image: url(../images/mininavibg4.jpg);
    background-repeat:no-repeat;
    }
#mini_newbu1{
    background-position:-200px 0px;
    }
#mini_newbu2{
    background-position:0 -16px;
    }
#mini_newbu3{
    background-position:0 -32px;
    }
#mini_newbu4{
    background-position:0 -48px;
    }
#mininavi7{
    height:40px;
    overflow:hidden;
    
    }
#mini_gunyu,#mini_tuusin1,#mini_tuusin2{
    width:200px;
    height:17px;
    cursor:pointer;
    background-image: url(../images/mininavibg4.jpg);
    background-repeat:no-repeat;
    }
#mini_gunyu{
    background-position:-200px -64px;
    }
#mini_tuusin1{
    background-position:0 -80px;
    }
#mini_tuusin2{
    background-position:0 -96px;
    }     
#mininavi8{
    height:40px;
    overflow:hidden;
    
    }
#mini_sibu1,#mini_sibu2{
    width:200px;
    height:17px;
    cursor:pointer;
    background-image: url(../images/mininavibg5.jpg);
    background-repeat:no-repeat;
    }
#mini_sibu1{
    background-position:-200px 0px;
    }
#mini_sibu2{
    background-position:0 -16px;
    }    
    
#maincontentbox{
    /*width:700px;*/
    position:relative;
    float:left;
    }
#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;

    left:5px;
    }
#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;
    }
  
#haishin{

	width:200px;
	height:150px;
	bottom:90px;
	margin-left:15px;
	position:absolute;
}

#haishin a{
	display:block;
	width:200px;
	height:132px;
}

#haishin a:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
}
    
#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 40px;
   width:900px;
   overflow:hidden;

   background-color:#000;
   border-top:#C00 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:#C00 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;
	margin:0 0 0 15px;
    }
#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:#C00 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;}    


  
#watchpv{
    display:none;
    position: relative;
    
    width:200px;
    height:88px;
    margin:0 auto 10px auto;
    background-image:url(../images/watchpv.png);
    background-position:0 -176px;
    background-repeat:no-repeat;
    
    }
#watchpvinr0,#watchpvinr1,#watchpvinr2{
    position:absolute;
    top:0;
    left:0;
    display:none;
    }
#watchpvinr0 a,#watchpvinr1 a,#watchpvinr2 a{
    display:block;
    text-indent:-9999px;
    margin:0;
    width:200px;
    height:88px;
    background-image:url(../images/watchpv.png);
    
    background-repeat:no-repeat;
    
   }
#watchpvinr0 a{background-position:0 -176px ;}
#watchpvinr1 a{background-position:0 0 ;}
#watchpvinr2 a{background-position:0 -88px ;}
#watchpvinr a:hover,#watchpvinr2 a:hover{background-position:0 -176px ;}
#shopbtns{
    width:198px;
    height:143px;
    position:absolute;
    bottom:0;
    left:0;
    }

#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;
    }