@charset "UTF-8";
/* CSS Document */

/*******************************************************************************/
/***Base Start                                                               ***/
/*******************************************************************************/
body {
	background:#FFFFFF;
}

#container {
	width:960px;
	margin:0 auto;
}
h1 {
	margin:0 auto;
	width:960px;
	height:848px;
	background:url(../img/main01_back.jpg) no-repeat top left;
}

h1.backChange{
	background-position: 0 100%;
}
h1 span {
	display:none;
}

a{
	overflow:hidden;
	outline:none;
}

div#ahover{
	position: absolute;
}

a#bookCover{
	height: 329px;
	width: 229px;
	display: block;
	cursor: default;
	position: relative;
	top: 305px;
	left: 370px;
	background:url(../img/main01_back.jpg) no-repeat;
	background-position:-370px -305px;
	text-indent: -99999px;
}
a#bookCover:hover{
	background-position: -370px -1153px;}

a#zoukan{
	display: block;
	position: relative;
	top: 200px;
	left: 20px;
	width: 290px;
	height: 290px;
	background:url(../img/main01_back.jpg) no-repeat;
	background-position: -20px -529px;
	text-indent: -99999px;
}

a#zoukan:hover{
	background-position: -20px -1377px;
}

a#vol1{
	display: block;
	position: relative;
	top: 200px;
	left: 650px;
	width: 290px;
	height: 290px;
	background:url(../img/main01_back.jpg) no-repeat;
	background-position: -650px -529px;
	text-indent: -99999px;
}

a#vol1:hover{
	background-position: -650px -1377px;
}

a#issue{
	position: relative;
	top: 15px;
	left: 75px;
}


/*ul#bottomBtn {
	background:url(../img/main02.jpg) no-repeat top left;
	width:960px;
	height:328px;
	outline:none;		
}

ul#bottomBtn li{
	float:left;
}

ul#bottomBtn li a{
	display: block;
	text-indent: -99999px;
	overflow:hidden;
	outline:none;
}

ul#bottomBtn li#leftBtn a{
	background:url(../img/main02.jpg) no-repeat top left;
	width:320px;
	height:328px;
}

ul#bottomBtn li#rightBtn a{
	background:url(../img/main02.jpg) no-repeat top right;
	position:relative;
	left:320px;
	width:320px;
	height:328px;
}

ul#bottomBtn #leftBtn a:hover{background-position:0 100%;}
ul#bottomBtn #rightBtn a:hover{background-position:100% 100%;}
*/
#copyRight {
	text-align:center;
	font-size:10px;
	margin-top: 10px;
}

img#comicBanner{
	padding: 0 72px;
}
 
/*↓2/5Update ──────────────────────*/

#writers{
	clear: both;
	height: 833px;
	padding-left: 33px;
	background: url(../img/mainback.jpg) no-repeat;
	}

#writers.img{
	float: left;
	margin: 0;
	padding: 0;
}


#bottomArea{
	background: url(../img/main03.jpg) no-repeat;
	height: 171px;
	position: relative;
}

#bottomArea a#contact{
	position: absolute;
	top: 65px;
	left: 55px;
	height: 50px;
	display: block;
	width: 150px;
	text-indent: -99999px;
}

#bottomArea img#comicView01{
	position: absolute;
	top: 88px;
	left: 575px;
}

#bottomArea img#comicView02{
	position: absolute;
	top: 52px;
	left: 575px;
}

#bottomArea img#update{
	position: absolute;
	top: 25px;
	left: 57px;
}

#comicsinfo{
	width: 964px;
	margin: 0 auto;
	text-align: center;
}

#comicsinfo img{
	margin-bottom: 20px;
}

#comicsinfo a{
	color: #910781;
}
/*******************************************************************************/
/***Base End                                                                 ***/
/*******************************************************************************/