div#bottoms{
  margin:15px auto;
}
div#social_wrap{
 float:left;
}
iframe#fb{
  margin-right:0px;
}
small#kancolle_copyright{
  background-image:url(../images/copy.png?2015);
  width:385px;
  height:12px;
  overflow:hidden;
  text-indent:-999px;
  margin-top: 5px;
  float:right;
}
div#content_wrapper{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.95, #3399cc), color-stop(0.00, #1f4a99));
background: -webkit-linear-gradient(top, #1f4a99 0%, #3399cc 95%);
background: -moz-linear-gradient(top, #1f4a99 0%, #3399cc 95%);
background: -o-linear-gradient(top, #1f4a99 0%, #3399cc 95%);
background: -ms-linear-gradient(top, #1f4a99 0%, #3399cc 95%);
background: linear-gradient(top, #1f4a99 0%, #3399cc 95%);

background-color:#1f4a99;
}
div#preload_images{
  visibility: hidden;
}
div#preload_images img{
  position:absolute;
}
div#amime{
  background-image:url(../images/bg.png);
  background-position:center top;
}

div#player{
  width:980px;
  height:600px;
  margin-top:20px;
  display:block;
  position:relative;
}
div#player div#player_bg{
  background-image:url(../images/player_bg.jpg);
  width:980px;
  height:600px;
  box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
}
div#player div#para2{
  background-image:url(../images/para2.png);
  position:absolute;
  width:974px;
  height:594px;
  top:3px;
  left:3px;

}
div#player div#para1{
  background-image:url(../images/para1.png);
  position:absolute;
  width:974px;
  height:594px;
  top:3px;
  left:3px;

}
div#midashi{
  background-image:url(../images/midashi.png);
  width:361px;
  height:90px;
  display:block;
  position:absolute;
  top:3px;
  left:3px;
  text-indent:-999px;
  cursor:pointer;
}
ul#navi{
  position:absolute;
  width:190px;
  top:95px;
  left:3px;
}
ul#navi li{
  width:190px;
  height:50px;
  padding-bottom:1px;
  zoom:1;
  display:block;
}
*+html ul#navi li{
  display:inline;
  padding-bottom:1px;
}
ul#navi li a{
  width:190px;
  height:50px;
  display:block;
  background-repeat: no-repeat;
  overflow:hidden;
  text-indent:-999px;
  -webkit-transition: all 0.2s ease;
     -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease;
          transition: all 0.2s ease;
}
ul#navi li a.xmove{
  -webkit-transform: translate(10px,0px);
  -moz-transform: translate(10px,0px);
  -o-transform: translate(10px,0px);
  -ms-transform: translate(10px,0px);
  transform: translate(10px,0px);
}

ul#navi li#navi_about a{
  background-image:url(../images/navi_about.jpg);
}
ul#navi li#navi_ma a{
  background-image:url(../images/navi_ma.jpg);
}
ul#navi li#navi_variety a{
  background-image:url(../images/navi_v.jpg);
}
ul#navi li#navi_gacha a{
  background-image:url(../images/navi_g.jpg);
}
ul#navi li#navi_nuigurumi a{
  background-image:url(../images/navi_n.jpg);
}
ul#navi li#navi_shop{
  background-image:url(../images/navi_shop.jpg);
  background-repeat: no-repeat;
  text-indent: -999px;
  overflow: hidden;
}
ul#navi li#navi_information a{
  background-image:url(../images/navi_toiawase.jpg);
}
/*--updates---*/

div#updates{
  position:absolute;
  width:180px;
  height:175px;
  top:405px;
  left:3px;
  overflow-x : hidden ;
}
div#updates h3{
  width:180px;
  color:#fff;
  background-image:url(../images/alpha30blue.png);

  padding:5px;
  border-bottom:solid 1px #fff;
}
div#updates ul,div#updates ul li{

  border-bottom:dotted 1px #fff;
}
div#updates ul,div#updates ul li.nodot{
  border-bottom:none;
}
div#updates ul li{
  color:#fff;
  padding:5px;

  background-image:url(../images/alpha30blue.png);

}
div#updates ul li span{
  font-size:10px;
}
div#updates ul li p{
   line-height:1.2em;
  margin-top:3px;
  display:inline-block;
}
div#updates ul li a{
  color:#fff;
}
h2{
/*  background-image:url(../images/logo.png);
  width:182px;
  height:175px;
  display:block;
  position:absolute;
  top:416px;
  left:10px;
  text-indent:-999px;*/
  position:absolute;
  text-indent:-999px;
}
div#scroll_area{
  width:784px;
  height:594px;
  position:absolute;
  top:3px;
  left:193px;
  overflow:auto;
}
div#scroll_area div#scroll_inner{
  position:relative;
}
div#navitop{
  background-image:url(../images/navitop.png);
  background-repeat: no-repeat;
  width:125px;
  height:6px;
  position:absolute;
  top:89px;
  left:3px;
}

div#main{
  background-image:url(../images/main.png);
  width:100%;
  height:810px;
  /*margin-bottom:260px;*/
  margin-bottom:200px;
  position:relative;
  background-position: center top;
  background-repeat: no-repeat;
  overflow: hidden;
}

/*艦隊これくしょんとは？*/
div#about{
  width:100%;
  height:594px;
  margin-bottom:260px;
  overflow: hidden;
  position:relative;
}
div#about div#akagi{
  background-image:url(../images/akagi.png);
  width:326px;
  height:569px;
  position:absolute;
  top:15px;
  right:0px;
}
div#about h3{
  background-image:url(../images/m_about.png);
  width:439px;
  height:75px;
  overflow:hidden;
  text-indent:-999px;
  position:absolute;
  top:126px;
  left:34px;
}
div#about p{
  background-image:url(../images/txt_about.png);
  width:436px;
  height:156px;
  overflow:hidden;
  text-indent:-999px;
  position:absolute;
  top:201px;
  left:35px;
}
div#about a{
  background-image:url(../images/btn_official.jpg);
  width:290px;
  height:40px;
  overflow:hidden;
  text-indent:-999px;
  position:absolute;
  top:375px;
  left:168px;
}
div#about a:hover{
  background-position:0 -40px;
}

/* バラエティトイ*/
div#variety{
  width:100%;
  overflow: hidden;
  position:relative;
}
div#variety h3{
  background-image:url(../images/m_variety.png);
  width:729px;
  height:89px;
  display:block;
  text-indent:-999px;
  overflow: hidden;
  margin:0 auto;
  margin-top:13px;
  margin-bottom:14px;
}

/* ガチャ*/
div#gacha{
  width:100%;
  overflow: hidden;
  position:relative;
}
div#gacha h3{
  background-image:url(../images/m_gacha.png);
  width:729px;
  height:89px;
  display:block;
  text-indent:-999px;
  overflow: hidden;
  margin:0 auto;
  margin-top:13px;
  margin-bottom:14px;
}
/* ぬいぐるみ*/
div#nuigurumi{
  width:100%;
  overflow: hidden;
  position:relative;
}
div#nuigurumi h3{
  background-image:url(../images/m_nuigurumi.png);
  width:729px;
  height:89px;
  display:block;
  text-indent:-999px;
  overflow: hidden;
  margin:0 auto;
  margin-top:13px;
  margin-bottom:14px;
}

/*toiawase*/
div#information{
  position:relative;
  width:100%;
  height:594px;
}
div#information p{
  background-image:url(../images/toiawase.png);
  width:463px;
  height:75px;
  overflow:hidden;
  text-indent:-999px;
  position:absolute;
  left:30px;
  top:255px;
}
div#information div#shimakaze{
  background-image:url(../images/shimakaze.png);
  width:254px;
  height:516px;
  position:absolute;
  top:11px;
  left:481px;
}
div#information div#nagato{
  background-image:url(../images/nagato.png);
  width:755px;
  height:193px;
  position:absolute;
  bottom:-1px;
  left:8px;
}
/*item buttons*/
ul.items{
  width:717px;
  margin:0 auto;
  margin-bottom:244px;
}
ul.items li{
  width:171px;
  height:208px;
  text-indent:-999px;
  float:left;
  margin-right:11px;
  margin-bottom:22px;
  display:block;
  -webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
ul.items li a{
  width:171px;
  height:208px;
  display:block;
}
ul.items li.tilt{
  -webkit-transform: translate(0px,-10px);
  -moz-transform: translate(0px,-10px);
  -o-transform: translate(0px,-10px);
  -ms-transform: translate(0px,-10px);
transform: translate(0px,-10px);
  /*-webkit-transform: rotate(5deg);
     -moz-transform: rotate(5deg);
       -o-transform: rotate(5deg);
      -ms-transform: rotate(5deg);
          transform: rotate(5deg);*/
}
canvas{
  position:absolute;
  top:3px;
  left:135px;
  width:842px;
}

/* popup */
div#popup_wrap{
  width:974px;
  height:594px;
  position:absolute;
  top:3px;
  left:3px;
}
div#popup{
  width:730px;
  height:568px;
  position:absolute;
  top:13px;
  left:14px;

}
div#zabuton{
  width:974px;
  height:594px;

  position:absolute;
  top:0;left:0;
}

div#obi_wrap{
  width:974px;
  height:594px;
  position:absolute;

  top:3px;
  left:3px;
}
div#obi_zabuton{
  width:974px;
  height:594px;
  position:absolute;
  background-image:url(../images/alpha70black.png);
  top:3px;
  left:3px;
}
div#obi{
  width:974px;
  height:219px;
  position:absolute;
  top:191px;
  overflow: hidden;
}
div#obi_text{
 width:974px;
  height:219px;
  background-position:center;
  background-repeat: no-repeat;
  position:absolute;
  top:0;
  left:974px;
}
a#btn_next{
  background-image:url(../images/btn_next.png);
  position:absolute;
  top:540px;
  left:493px;
  width:240px;
  height:31px;
  overflow:hidden;
  text-indent:-999px;
}
a#btn_prev{
  background-image:url(../images/btn_prev.png);
  position:absolute;
  top:540px;
  left:26px;
  width:241px;
  height:31px;
  overflow:hidden;
  text-indent:-999px;
}
a#btn_close{
  background-image:url(../images/btn_close.png);
  position:absolute;
  top:540px;
  left:270px;
  width:220px;
  height:31px;
  overflow:hidden;
  text-indent:-999px;
}

a#btn_prev:hover,a#btn_next:hover,a#btn_close:hover{
  background-position:0 -31px;
}
div#chara_wrap{
  width:974px;
  height:594px;
  position:absolute;
  overflow:hidden;
  top:0;
  left:0;
}
div#chara{
  width:974px;
  height:594px;
  position:absolute;
  top:0;
  /*right:-974px;*/
  right:-500px;
  color:#fff;
}
ul li div.pop_elm{
  display:none;
}


div#ma{
  height:461px;
  margin-bottom:260px;
  position:relative;
}
div#ma a{
  background-image:url(../images/btn_ma.png);
  width:158px;
  height:42px;
  overflow:hidden;
  text-indent:-999px;
  position:absolute;
  top:406px;
  left:154px;
}
div#ma a:hover{
  background-position:0 -42px;
}


a#btn_blog{
  background-image:url(../../../images/btn_blog.gif);
  width:159px;
  height:62px;
  overflow:hidden;
  text-indent:-999px;
  background-repeat: no-repeat;
  position:absolute;
  left:10px;
  bottom:10px;
}

a#btn_egumi{
  background-image:url(../images/btn_egumi.png);
  width:159px;
  height:54px;
  overflow:hidden;
  text-indent:-999px;
  background-repeat: no-repeat;
  position:absolute;
  left:10px;
  bottom:137px;
}

#btn_egumi:hover{
 background-position:0 -54px;
}