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

/* ------------------------------
  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(../img/common/ftr_bg.gif) repeat-x bottom;
	text-align: center;
}

/* ------------------------------
  hdr
------------------------------ */
#hdr {
	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: 875px;
	height: 19px;
	float: left;
}

ul#ftr-nav li {
	height: 19px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-right: 40px;
	float: left;
}
ul#ftr-nav li#nav-home {
	width: 50px;
}
ul#ftr-nav li#nav-news {
	width: 51px;
}
ul#ftr-nav li#nav-profile {
	width: 84px;
	padding-right: 0;
}
ul#ftr-nav li#nav-manga {
	width: 54px;
}
ul#ftr-nav li#nav-character {
	width: 82px;
}
ul#ftr-nav li#nav-shop {
	width: 56px;
	padding-right: 0;
}
ul#ftr-nav li#nav-special {
	width: 72px;
	padding-right: 25px;
}
ul#ftr-nav li#nav-database {
	width: 87px;
	padding-right: 30px;
}
ul#ftr-nav li#nav-member {
	width: 64px;
}
ul#ftr-nav li#nav-serial {
	width: 65px;
	padding-right: 30px;
}
ul#ftr-nav li#nav-works {
	width: 78px;
	padding-right: 20px;
}

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(../img/common/nav_home.gif);
}
ul#ftr-nav li#nav-news a {
	width: 61px;
	background-image: url(../img/common/nav_news.gif);
}
ul#ftr-nav li#nav-profile a {
	width: 84px;
	background-image: url(../img/common/nav_profile.gif);
}
ul#ftr-nav li#nav-manga a {
	width: 54px;
	background-image: url(../img/common/nav_manga.gif);
}
ul#ftr-nav li#nav-character a {
	width: 82px;
	background-image: url(../img/common/nav_character.gif);
}
ul#ftr-nav li#nav-shop a {
	width: 56px;
	background-image: url(../img/common/nav_shop.gif);
}
ul#ftr-nav li#nav-special a {
	width: 72px;
	background-image: url(../img/common/nav_special.gif);
}
ul#ftr-nav li#nav-database a {
	width: 88px;
	background-image: url(../img/common/nav_database.gif);
}
ul#ftr-nav li#nav-member a {
	width: 64px;
	background-image: url(../img/common/nav_member.gif);
}
ul#ftr-nav li#nav-serial a {
	width: 65px;
	background-image: url(../img/common/nav_serial.gif);
}
ul#ftr-nav li#nav-works a {
	width: 78px;
	background-image: url(../img/common/nav_works.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(../img/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;
}

/* ------------------------------
  png
------------------------------ */
* html img.png {
	behavior: expression(IEPNGFIX.fix(this));
}