@charset "shift_jis";

/* main-inner */
#main #main-inner {
	border: none;
}
#main #main-inner.bg01 {
	height: 1512px;
	background: url(../img/main_inner_bg01.png) left top no-repeat;
}

#main #main-inner p {
	margin: 0;
	padding: 0;
}
#main #main-inner img {
	vertical-align: bottom;
}

#main #main-inner {
	position: relative;
	width: 864px;
}
#main #main-title h2,
#main #main-title h3,
#main #main-title p,
#main #main-frame {
	position: absolute;
	margin: 0;
	padding: 0;
}

/* main-frame */
#main #main-frame {
	top: 10px;
	right: -24px;
	width: 854px;
}
#main #main-frame.bg01 {
	height: 1447px;
	background: url(../img/main_frame_bg01.png) left top no-repeat;
}

#main #main-frame #cont-inner {
	position: relative;
	width: 854px;
}

/* main-title */
#main #main-title {
	height: 299px;
}
#main #main-title h2 {
	top: 4px;
	left: 43px;
}
#main #main-title h3 {
	top: -24px;
	right: -12px;
}
#main #main-title .txt01 {
	top: 235px;
	right: 96px;
}
#main #main-title .writer {
	top: 200px;
	left: 140px;
}

/* comic-area */
#main #comic-area {
	width: 774px;
	/*height: 1205px;*/
	margin: 0 10px;
}
/* slider-area */
#main #comic-area .comic-ttl {
	width: 772px;
	margin: 0 1px 16px 1px;
}
#main #comic-area .mgn-b0 {
	margin: 0 1px;
}
#main #comic-area .slider-area {
	/*height: 1085px;*/
	height: 1170px;
}
#main #comic-area .slider {
	position: relative;
}
#main #comic-area .bx-wrapper {
	/*height: 1145px;*/
	/*height: 1107px;*/
}
#main #comic-area .bx-viewport {
	/*height: 1145px!important;*/
	/*height: 1107px!important;*/
}

#main #comic-area .bx-controls-direction {
	z-index: 101;
	position: absolute;
	top: 0;
	left: 0;
	width: 774px;
	height: 1040px;
	/*height: 985px;*/
}
#main #comic-area .bx-controls-direction a {
	position: absolute;
	display: block;
	overflow: hidden;
	/*bottom: -18px;*/
	/*bottom: -118px;*/
	bottom: -98px;
	width: 254px;
	height: 112px;
	background-image: url(../img/controls.png);
	background-repeat: no-repeat;
	text-indent: 100%; 
	white-space: nowrap; 
}
#main #comic-area .bx-controls-direction a.disabled {
	display: none;
}

#main #comic-area div ul {
	list-style: none;
	width: 387px;
	margin: 0;
	padding: 0;
}
#main #comic-area div .f-left {
	float: left;
}
#main #comic-area div .f-right {
	float: right;
}
#main #comic-area div .pager {
	text-align: center; 
}

#main #comic-area .bx-prev {
	left: 18px;
}
#main #comic-area .bx-prev:hover {
	background-position: 0 -112px;
}
#main #comic-area .bx-next {
	right: 10px;
	background-position: -254px 0;
}
#main #comic-area .bx-next:hover {
	background-position: -254px -112px;
}

#main #comic-area .comic-nav {
	position: relative;
	top: -52px;
	height: 112px;
	z-index: 120!important;
}
#main #comic-area .comic-nav.nav01 {
	top: 0;
}
#main #comic-area .comic-nav.nav02 {
	/*top: -6px;*/
	top: -20px;
}
#main #comic-area .comic-nav.nav03 {
	top: -45px;
}
#main #comic-area .comic-nav .next {
	position: absolute;
	right: 12px;
	width: 218px;
	height: 108px;
}
#main #comic-area .comic-nav .prev a,
#main #comic-area .comic-nav .next a {
	display: block;
}
#main #comic-area .comic-nav .prev {
	position: absolute;
	left: 16px;
	top: 0;
}
#main #comic-area .anniversary {
	text-align: center;
}
/*#main #comic-area .comic-nav .next {
	right: 12px;
}*/

/* main-footer */
.f-wrap {
	margin: 36px 0 0;
}
.main-footer .f-logo {
	float: left;
	width: 320px;
	text-align: center;
}
.main-footer {
	width: 864px;
	position: relative;
	margin: 20px 0 32px 0;
}
.main-footer:last-child {
	margin-bottom: 0;
	padding-bottom: 32px;
}
.f-border {
	margin-top: 56px;
	padding: 20px 0 0;
	border-top: 1px solid #C1C1C1;
}

.main-footer .f-hard {
	position: absolute;
	top: 0;
	right: 0;
}
.f-wrap {
	margin: 20px 0 0 0;
}
.main-footer .f-logo {
	float: left;
	width: 320px;
	text-align: center;
}
.main-footer .f-contents {
	float: right;
	width: 514px;
}
.main-footer .f-icon {
	float: left;
}
.main-footer .f-name {
	position: relative;
	float: right;
	width: 443px;
	height: 55px;
	margin: 0 0 15px;
}
.main-footer .f-soft-ttl {
	position: absolute;
	top: 10px;
}
.main-footer .f-copyright {
	position: absolute;
	bottom: 10px;
	color: #FFFFFF;
	font-size: 9px;
}

/* clearfix */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}