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

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

/* ------------------------------
 *   qrAria
 *  ------------------------------ */
/*
#qrAria {
        width: 240px;
        background: url(/image/contents/member/qr_aria_center.gif) repeat-y;
}

#qrAria h3 {
        width: 240px;
        height: 65px;
        background: url(/image/contents/member/qr_aria_top.gif) no-repeat left top;
        font-size: 1px;
        line-height: 1px;
        text-indent: -9999px;
}

#qrAria-btm {
        width: 240px;
        height: 11px;
        background: url(/image/contents/member/qr_aria_btm.gif) no-repeat left bottom;
        font-size: 1px;
        line-height: 1px;
}

#qrAria-center {        width: 240px;
        padding-top: 25px;
        padding-bottom: 8px;
}
#qrAria-center #qr-code {
        text-align: center;
        margin-bottom: 32px;
}
#qrAria-center #qr-carrier {
        text-align: center;
        margin-bottom: 29px;
}

#qrAria-center .btn-mail {
        width: 209px;
        height: 29px;
        font-size: 1px;
        line-height: 1px;
        text-indent: -9999px;
        padding-left: 16px;
        margin-bottom: 4px;
}
#qrAria-center .btn-mail a {
        width: 209px;
        height: 29px;
        background: url(/image/contents/member/btn_mail.gif) no-repeat;
        text-decoration: none;
        display: block;
        outline: none;
}
#qrAria-center .btn-mail a:hover {
        background-position: 0 -29px;
}

#qrAria-center .btn-detail {
        width: 209px;
        height: 29px;
        font-size: 1px;
        line-height: 1px;
        text-indent: -9999px;
        padding-left: 16px;
}
#qrAria-center .btn-detail a {
        width: 209px;
        height: 29px;
        background: url(/image/contents/member/btn_detail.gif) no-repeat;
        text-decoration: none;
        display: block;
        outline: none;
}
#qrAria-center .btn-detail a:hover {
        background-position: 0 -29px;
}
*/
/* ------------------------------
  qrAria
------------------------------ */

#qrAria {
  width: 240px;
}

#qrAria h3 {
  width: 240px;
  height: 65px;
  background: url(/image/contents/member/qr_aria_top.png) no-repeat left top;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
}
* html #qrAria h3 {
  behavior: expression(IEPNGFIX.fix(this));
}

#qrAria-btm {
  width: 240px;
  height: 11px;
  background: url(/image/contents/member/qr_aria_btm.png) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
}
* html #qrAria-btm {
  behavior: expression(IEPNGFIX.fix(this));
}

#qrAria-center {
  width: 240px;
  background: url(/image/contents/member/qr_aria_center.png) repeat-y;
  padding-top: 25px;
  padding-bottom: 8px;
}
* html #qrAria-center {
  behavior: expression(IEPNGFIX.fix(this));
}

#qrAria-center #qr-code {
  text-align: center;
  margin-bottom: 32px;
}
#qrAria-center #qr-carrier {
  text-align: center;
  margin-bottom: 29px;
}

#qrAria-center .btn-mail {
  width: 209px;
  height: 29px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 16px;
  margin-bottom: 4px;
}
#qrAria-center .btn-mail a {
  width: 209px;
  height: 29px;
  background: url(/image/contents/member/btn_mail.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#qrAria-center .btn-mail a:hover {
  background-position: 0 -29px;
}

#qrAria-center .btn-detail {
  width: 209px;
  height: 29px;
  font-size: 1px;
  line-height: 1px;
  text-indent: -9999px;
  padding-left: 16px;
}
#qrAria-center .btn-detail a {
  width: 209px;
  height: 29px;
  background: url(/image/contents/member/btn_detail.gif) no-repeat;
  text-decoration: none;
  display: block;
  outline: none;
}
#qrAria-center .btn-detail a:hover {
  background-position: 0 -29px;
}
/* ------------------------------
  png
------------------------------ */
* html img.png {
  behavior: expression(IEPNGFIX.fix(this));
}