@charset "UTF-8";
/* ==============================
  css-base
=================================
base
---------------------------------
wrap
---------------------------------
hdr
---------------------------------
content
---------------------------------
pagetop
---------------------------------
ftr
============================== */

/* ------------------------------
  base
------------------------------ */
/* clearfix */
.clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* End hide from IE-mac */

.section {
  width: 100%;
}

.btm10 {margin-bottom: 10px;}
.btm15 {margin-bottom: 15px;}
.btm20 {margin-bottom: 20px;}
.btm25 {margin-bottom: 25px;}
.btm30 {margin-bottom: 30px;}
.btm35 {margin-bottom: 35px;}
.btm40 {margin-bottom: 40px;}
.btm45 {margin-bottom: 45px;}
.btm70 {margin-bottom: 70px;}

/* ------------------------------
  wrap
------------------------------ */
html {
  height: 100%;
}
body {
  height: 100%;
}
#wrap-top {
  width: 960px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -101px;
  text-align: center;
}
#push {
  height: 101px;
}
.wrap {
  width: 960px;
  margin: 0 auto;
}
#wrap-btm {
  width: 100%;
  height: 101px;
  background: url(/shared/image/common/ftr_bg.gif) repeat-x bottom;
  text-align: center;
}

/* ------------------------------
  hdr
------------------------------ */
#hdr {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

#hdr_member {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

/* ------------------------------
  content
------------------------------ */
#content {
  width: 960px;
  padding-bottom: 100px;
}

/* ------------------------------
  ftr-nav-aria
------------------------------ */
#ftr-nav-aria {
  width: 960px;
  height: 31px;
  margin: 0 auto;
}

/* ------------------------------
  ftr-nav
------------------------------ */
ul#ftr-nav {
  width: 824px;
  height: 19px;
  float: left;
}

ul#ftr-nav li {
  height: 19px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  float: left;
}
ul#ftr-nav li#nav-home {
  width: 50px;
  padding-right: 54px;
}
ul#ftr-nav li#nav-news {
  width: 51px;
  padding-right: 41px;
}
ul#ftr-nav li#nav-profile {
  width: 84px;
  padding-right: 24px;
}
ul#ftr-nav li#nav-manga {
  width: 54px;
  padding-right: 38px;
}
ul#ftr-nav li#nav-character {
  width: 82px;
  padding-right: 43px;
}
ul#ftr-nav li#nav-shop {
  width: 56px;
  padding-right: 42px;
}
ul#ftr-nav li#nav-special {
  width: 72px;
  padding-right: 25px;
}
ul#ftr-nav li#nav-database {
  width: 88px;
}

ul#ftr-nav li a {
  height: 19px;
  text-decoration: none;
  display: block;
  outline: none;
  background-repeat: no-repeat;
}
ul#ftr-nav li#nav-home a {
  width: 50px;
  background-image: url(/shared/image/common/nav_home.gif);
}
ul#ftr-nav li#nav-news a {
  width: 61px;
  background-image: url(/shared/image/common/nav_news.gif);
}
ul#ftr-nav li#nav-profile a {
  width: 84px;
  background-image: url(/shared/image/common/nav_profile.gif);
}
ul#ftr-nav li#nav-manga a {
  width: 54px;
  background-image: url(/shared/image/common/nav_manga.gif);
}
ul#ftr-nav li#nav-character a {
  width: 82px;
  background-image: url(/shared/image/common/nav_character.gif);
}
ul#ftr-nav li#nav-shop a {
  width: 56px;
  background-image: url(/shared/image/common/nav_shop.gif);
}
ul#ftr-nav li#nav-special a {
  width: 72px;
  background-image: url(/shared/image/common/nav_special.gif);
}
ul#ftr-nav li#nav-database a {
  width: 88px;
  background-image: url(/shared/image/common/nav_database.gif);
}

ul#ftr-nav li a:hover {
  background-position: 0 -19px;
}

/* ------------------------------
  pagetop
------------------------------ */
ul#pagetop {
  width: 23px;
  float: right;
}
ul#pagetop li {
  width: 23px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
ul#pagetop li a {
  width: 23px;
  height: 23px;
  background: url(/shared/image/common/pagetop_bg.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
ul#pagetop li a:hover {
  background-position: 0 -23px;
}

/* ------------------------------
  ftr
------------------------------ */
#ftr {
  width: 100%;
  text-align: center;
}