@charset "shift_jis";

.Stage {
	min-width: 992px;
}
#topLogo {
	margin: 0 auto;
	padding: 5px 0 10px 0;
	width: 950px;
}
#footer {
	border: 0;
}

.contentsArea {
	width: 100%;
}
.contentFrameRep {
	width: 100%;
	background: transparent url(../img/bg_rep.jpg) 50% 0 repeat-y;
}
.contentFrameBottom {
	width: 100%;
	background: transparent url(../img/bg_bottom.gif) 50% 100% no-repeat;
}
.contentShaodw {
	width: 100%;
	background: transparent url(../img/shadow.png) 0 0 repeat-x;
}
.content {
	margin: 0 auto;
	padding: 0 0 20px 0;
	width: 992px;
}
.content a {
	outline: 0;
}
.content img {
	vertical-align: top;
}

/*============================================================
	MAIN
*/
#main {
	position: relative;
	margin: 0 auto;
	width: 910px; height: 590px;
}
#main p.catch {
	position: absolute;
	top: 32px; left: 0;
}
#main h1 {
	position: absolute;
	top: 90px; left: 0;
}
#main h2 {
	position: absolute;
	top: 90px; left: 254px;
}
#main p.read {
	position: absolute;
	top: 445px; left: 0;
}
#main .sns {
	position: absolute;
	top: 30px; right: 0;
}
#main .sns li {
	float: left;
}
#main .sns li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

/*============================================================
	MANGA
*/
#manga {
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 910px;
}

/* GALLERY */
#mangaGallery {
	position: relative;
	width: 100%; height: 565px;
}
#mangaGallery .gallery {
	position: absolute;
	top: 16px; left: 0;
	width: 696px;
}
#mangaGallery .gallery .list {
	position: absolute;
	top: 10px; left: 48px;
	overflow: hidden;
	width: 600px; height: 480px;
	background: #fff;
}
#mangaGallery .gallery .list ul {
}
#mangaGallery .gallery .list ul li {
	float: left;
	cursor: pointer;
}
#mangaGallery .gallery .list ul li img {
	vertical-align: top;
}
#mangaGallery .gallery .frameT {
	position: absolute;
	top: 0px; left: 38px;
	/* top: 0px; left: 0px; */
}
#mangaGallery .gallery .frameB {
	position: absolute;
	top: 484px; left: 38px;
	/* top: 484px; left: 0px; */
}
#mangaGallery .gallery .frameL {
	position: absolute;
	top: 16px; left: 38px;
	/* top: 16px; left: 0px; */
}
#mangaGallery .gallery .frameR {
	position: absolute;
	top: 16px; left: 642px;
	/* 	top: 16px; left: 604px; */
}
#mangaGallery #mangaPrevBase {
	position: absolute;
	top: 216px; left: 0px;
	width: 70px; height: 70px;
	background: transparent url(../img/manga_ctr_prev.png) 0 -70px no-repeat;
}
#mangaGallery #mangaNextBase {
	position: absolute;
	top: 216px; right: 0px;
	width: 70px; height: 70px;
	background: transparent url(../img/manga_ctr_next.png) 0 -70px no-repeat;
}
#mangaGallery .hover {
	background-position: 0 -140px !important;
}
#mangaGallery .disable {
	background-position: 0 0 !important;
}
#mangaGallery #mangaPrev {
	position: absolute;
	top: 216px; left: 0px;
	width: 50px; height: 70px;
}
#mangaGallery #mangaNext {
	position: absolute;
	top: 216px; right: 0px;
	width: 50px; height: 70px;
}
#mangaGallery #mangaPrev a,
#mangaGallery #mangaNext a {
	display: block;
	overflow: hidden;
	padding-top: 70px;
	width: 100%; height: 0;
}
#mangaGallery .disable a {
	cursor: default;
}

#mangaGallery #mangaPrevCase,
#mangaGallery #mangaNextCase {
	position: absolute;
	z-index: 1;
	width: 184px; height: 42px;
}
#mangaGallery #mangaPrevCase a,
#mangaGallery #mangaNextCase a {
	display: block;
	overflow: hidden;
	padding-top: 42px;
	width: 100%; height: 0;
}
#mangaGallery #mangaPrevCase {
	top: 495px; left: 40px;
}
#mangaGallery #mangaPrevCase a {
	background: transparent url(../img/manga_ctr_prev_case.png) 0 0 no-repeat;
}
#mangaGallery #mangaNextCase {
	top: 495px; right: 40px;
}
#mangaGallery #mangaNextCase a {
	background: transparent url(../img/manga_ctr_next_case.png) 0 0 no-repeat;
}
#mangaGallery #mangaPrevCase a:hover,
#mangaGallery #mangaNextCase a:hover {
	background-position: 0 -42px;
}

#mangaGallery #mangaPage {
	position: absolute;
	top: 501px; left: 0px;
	width: 100%;
}
#mangaGallery #mangaPage ul {
	margin: 0 auto;
}
#mangaGallery #mangaPage ul li {
	float: left;
	width: 26px; height: 26px;
}
#mangaGallery #mangaPage ul li a {
	display: block;
	overflow: hidden;
	padding-top: 26px;
	width: 100%; height: 0;
	background: transparent url(../img/manga_ctr_page.png) 0 0 no-repeat;
}
#mangaGallery #mangaPage ul li.current a {
	background-position: 0 -26px;
	cursor: default;
}

#mangaGallery .thumb {
	position: absolute;
	top: 14px; right: 0;
	width: 198px;
}
#mangaGallery .thumb .list {
	overflow: hidden;
	width: 186px; height: 441px;
}
#mangaGallery .thumb .list ul {
	
}
#mangaGallery .thumb .list ul li a {
	display: block;
	overflow: hidden;
	padding-top: 147px;
	width: 186px; height: 0;
}
#mangaGallery .thumb .list ul li.thumb01 a { background: transparent url(../img/manga_thumb01.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumb02 a { background: transparent url(../img/manga_thumb02.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumb03 a { background: transparent url(../img/manga_thumb03.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumb04 a { background: transparent url(../img/manga_thumb04.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumb05 a { background: transparent url(../img/manga_thumb05.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumb06 a { background: transparent url(../img/manga_thumb06.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumb07 a { background: transparent url(../img/manga_thumb07.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumb08 a { background: transparent url(../img/manga_thumb08.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumb09 a { background: transparent url(../img/manga_thumb09.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li.thumbTop a { background: transparent url(../img/manga_thumb_top.png?u=0523) 0 0 no-repeat; }
#mangaGallery .thumb .list ul li a:hover {
	background-position: 0 -150px;
}
#mangaGallery .thumb .list ul li a.current {
	background-position: 0 -150px;
	cursor: default;
}

#mangaGallery #thumbUp,
#mangaGallery #thumbDown {
	margin: 0 auto;
	width: 186px;
}
#mangaGallery #thumbUp a {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 40px;
	width: 70px; height: 0;
	background: transparent url(../img/manga_ctr_up.gif) 0 -40px no-repeat;
}
#mangaGallery #thumbDown a {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 40px;
	width: 70px; height: 0;
	background: transparent url(../img/manga_ctr_down.gif) 0 -40px no-repeat;
}
#mangaGallery #thumbUp a:hover,
#mangaGallery #thumbDown a:hover {
	background-position: 0 -80px;
}
#mangaGallery #thumbUp a.disable,
#mangaGallery #thumbDown a.disable {
	background-position: 0 0;
	cursor: default;
}

/* RECOMMEND */
#manga .recommend {
}
#manga .recommend h4 {
	text-align: center;
}
#manga .recommend ul:after {
	content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
#manga .recommend ul {
	margin: 0 auto;
	padding-top: 14px;
	width: 890px;
	zoom: 1;
}
#manga .recommend ul li {
	float: left;
	padding: 0 15px;
}

/*============================================================
	HOWTO
*/
#howto {
	margin: 0 auto;
	width: 910px;
}
#howto ul:after {
	content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
#howto ul {
	margin-top: 12px;
	width: 100%;
	zoom: 1;
}
#howto ul li {
	float: left;
	display: inline;
}
#howto ul li img {
	vertical-align: top;
}

/*============================================================
	REGISTER
*/
.register {
	position: relative;
	margin: 0 auto;
	width: 910px; height: 190px;
	text-align: center;
}
.register .copy {
	position: absolute;
	top: 40px; left: 0px;
	width: 100%;
}
.register .illust {
	display: none;
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
}
.register .btn {
	position: absolute;
	top: 70px; left: 0px;
	width: 100%;
}
.register .btn a {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	padding-top: 90px;
	width: 658px; height: 0;
	background: transparent url(../img/btn_register.png) 0 0 no-repeat;
}
.register .btn a.over {
	background-position: 0 -90px;
}
.register .btn a.down {
	background-position: 0 -180px;
}

/*============================================================
	FOOT
*/
#foot {
	margin-top: 20px;
	padding-bottom: 20px;
	text-align: center;
}
#foot .more a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
#foot .logo {
	margin: 35px 0 20px 0;
}
#foot ul {
	display: inline;
	border-right: 1px solid #999;
}
#foot ul li {
	display: inline;
	padding: 0 10px;
	border-left: 1px solid #999;
}