@charset "UTF-8";
/* ==============================
  css-works
=================================
h2
---------------------------------
btn-aria
---------------------------------
titleAria
---------------------------------
continue
---------------------------------
complete
---------------------------------
mangaList
---------------------------------
other
---------------------------------
workList
============================== */

#content {
	padding-bottom: 70px;
}

/* ------------------------------
  h2
------------------------------ */
h2 {
	width: 246px;
	height: 110px;
	background: url(/html/contents/img/works/h2.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}

/* ------------------------------
  btn-aria
------------------------------ */
#btn-aria {
	width: 374px;
	padding-top: 60px;
	float: right;
}

#btn-aria ul {
	width: 374px;
	height: 30px;
}
/* clearfix */
#btn-aria ul:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#btn-aria ul {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html #btn-aria ul {
	height: 1%;
}
#btn-aria ul {
	display: block;
}
/* End hide from IE-mac */

#btn-aria li {
	height: 30px;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	padding-right: 4px;
	float: left;
}
#btn-aria li.nav-continue {
	width: 133px;
}
#btn-aria li.nav-complete {
	width: 128px;
}
#btn-aria li.nav-other {
	width: 105px;
	padding-right: 0;
}

#btn-aria li a {
	height: 30px;
	text-decoration: none;
	display: block;
	outline: none;
	background-repeat: no-repeat;
}
#btn-aria li.nav-continue a {
	width: 133px;
	background-image: url(/html/contents/img/works/nav_continue.gif);
}
#btn-aria li.nav-complete a {
	width: 128px;
	background-image: url(/html/contents/img/works/nav_complete.gif);
}
#btn-aria li.nav-other a {
	width: 105px;
	background-image: url(/html/contents/img/works/nav_other.gif);
}

#btn-aria li a:hover {
	background-position: 0 -30px;
}
#btn-aria li.current a {
	background-position: 0 -60px;
}
#btn-aria li.current a:hover {
	background-position: 0 -60px;
}

/* ------------------------------
  titleAria
------------------------------ */
.titleAria {
	width: 960px;
	text-indent: -9999px;
	font-size: 10px;
	margin-bottom: 15px;
}
/* clearfix */
.titleAria:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.titleAria {
    display:inline-block;
    min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/
* html .titleAria {
	height: 1%;
}
.titleAria {
	display: block;
}
/* End hide from IE-mac */

.titleAria h3 {
	float: left;
	width: 919px;
	height: 46px;
	background-repeat: no-repeat;
}
#continue .titleAria h3 { background-image: url(/html/contents/img/works/h3_continue.gif); }
#complete .titleAria h3 { background-image: url(/html/contents/img/works/h3_complete.gif); }
#other .titleAria h3 { background-image: url(/html/contents/img/works/h3_other.gif); }

.titleAria p {
	width: 23px;
	padding-top: 12px;
	float: right;
}
.titleAria p a {
	width: 23px;
	height: 23px;
	background: url(/html/contents/img/works/pagetop_bg.gif) no-repeat;
	text-decoration: none;
	display: block;
	outline: none;
}
.titleAria p a:hover {
	background-position: 0 -23px;
}

/* ------------------------------
  continue
------------------------------ */
#continue {
	width: 960px;
	margin-bottom: 30px;
}

/* ------------------------------
  complete
------------------------------ */
#complete {
	width: 960px;
	margin-bottom: 30px;
}

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

ul.mangaList li {
	float: left;
	position: relative;
	width: 182px;
	padding-right: 12px;
	padding-bottom: 20px;
	font-size: 10px;
}
ul.mangaList li.none {
	padding-right: 0;
}

ul.mangaList .label {
	position: absolute;
	top: 79px;
	left: 0;
	width: 65px;
	height: 19px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#continue ul.mangaList .label { background-image: url(/html/contents/img/works/label_continue.gif); }
#complete ul.mangaList .label { background-image: url(/html/contents/img/works/label_complete.gif); }

ul.mangaList .tag {
	width: 182px;
	height: 11px;
	display: block;
}

ul.mangaList .img {
	width: 182px;
	height: 108px;
	display: block;
	margin-bottom: 8px;
}
ul.mangaList .img a {
	width: 182px;
	height: 108px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}

ul.mangaList li.drugdrop .img a { background-image: url(/html/contents/img/works/title/drugdrop.gif); }
ul.mangaList li.gate7 .img a { background-image: url(/html/contents/img/works/title/gate7.gif); }
ul.mangaList li.kobato .img a { background-image: url(/html/contents/img/works/title/kobato.gif); }
ul.mangaList li.holic .img a { background-image: url(/html/contents/img/works/title/holic.gif); }
ul.mangaList li.clover .img a { background-image: url(/html/contents/img/works/title/clover.gif); }
ul.mangaList li.x .img a { background-image: url(/html/contents/img/works/title/x.gif); }
ul.mangaList li.drug .img a { background-image: url(/html/contents/img/works/title/drug.gif); }
ul.mangaList li.tsubasa .img a { background-image: url(/html/contents/img/works/title/tsubasa.gif); }
ul.mangaList li.seiden .img a { background-image: url(/html/contents/img/works/title/seiden.gif); }
ul.mangaList li.rayearth .img a { background-image: url(/html/contents/img/works/title/rayearth.gif); }
ul.mangaList li.ccsakura .img a { background-image: url(/html/contents/img/works/title/ccsakura.gif); }
ul.mangaList li.babylon .img a { background-image: url(/html/contents/img/works/title/babylon.gif); }
ul.mangaList li.chobits .img a { background-image: url(/html/contents/img/works/title/chobits.gif); }
ul.mangaList li.sukidakara .img a { background-image: url(/html/contents/img/works/title/sukidakara.gif); }
ul.mangaList li.wish .img a { background-image: url(/html/contents/img/works/title/wish.gif); }
ul.mangaList li.clamptantei .img a { background-image: url(/html/contents/img/works/title/clamptantei.gif); }
ul.mangaList li.shinshunkaden .img a { background-image: url(/html/contents/img/works/title/shinshunkaden.gif); }
ul.mangaList li.shirahime .img a { background-image: url(/html/contents/img/works/title/shirahime.gif); }
ul.mangaList li.fushigino .img a { background-image: url(/html/contents/img/works/title/fushigino.gif); }
ul.mangaList li.menso .img a { background-image: url(/html/contents/img/works/title/20menso.gif); }
ul.mangaList li.dukarion .img a { background-image: url(/html/contents/img/works/title/dukarion.gif); }
ul.mangaList li.watashino .img a { background-image: url(/html/contents/img/works/title/watashino.gif); }
ul.mangaList li.angelic .img a { background-image: url(/html/contents/img/works/title/angelic.gif); }

ul.mangaList .img a:hover {
	background-position: bottom;
}

/* ------------------------------
  other
------------------------------ */
#other {
	width: 960px;
}

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

ul.workList li {
	float: left;
	width: 228px;
	padding-right: 15px;
	font-size: 10px;
}
ul.workList li.giass {
	width: 229px;
}

ul.workList .tag {
	width: 228px;
	height: 11px;
	display: block;
}
ul.workList li.giass .tag {
	width: 229px;
}

ul.workList .img {
	width: 228px;
	height: 130px;
	display: block;
	margin-bottom: 8px;
}
ul.workList li.giass .img {
	width: 229px;
}

ul.workList .img a {
	width: 228px;
	height: 130px;
	display: block;
	background-repeat: no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	outline: none;
}
ul.workList li.clampworks .img a { background-image: url(/html/contents/img/works/nav_clampworks.jpg); }
ul.workList li.giass .img a { width: 229px; background-image: url(/html/contents/img/works/nav_giass.jpg); }
ul.workList li.book .img a { background-image: url(/html/contents/img/works/nav_book.jpg); }

ul.workList .img a:hover {
	background-position: bottom;
}