@charset "utf-8";

/* event */
#event h1 {
	width:184px;
	height:195px;
	margin:0 auto;
	background:url(../image/title.gif) no-repeat center bottom;
	font-size:0;
	text-indent:-9999px;
}
#event h2 {
	width:176px;
	height:242px;
	margin:0 auto;
	background:url(../image/excerpt1314.gif) no-repeat 50% 10px;
	font-size:0;
	text-indent:-9999px;
}
#event ul#navi {
	display:block;
	width:281px;
	list-style-type:none;
	position:absolute;
	top:370px;
	left:420px;
}
#event ul#navi li {
	display:block;
	height:83px;
	font-size:0;
	text-indent:-9999px;
}
#event ul#navi li a {
	display:block;
	height:83px;
	text-decoration:none;
}
#event ul#navi li a:hover {
	background:#ffffff;
	opacity:0.50;
	filter:alpha(opacity=50);
}
#event ul#navi li#new {
	width:53px;
	float:right;
	background:url(../image/new1314.gif) no-repeat right top;
}

#event ul#archive {
	display:block;
	width:280px;
	list-style-type:none;
	position:absolute;
	top:325px;
	left:120px;
}
#event ul#archive li {
	display:block;
	width:70px;
	height:110px;
	float:left;
	font-size:0;
	text-indent:-9999px;
}
#event ul#archive li a {
	display:block;
	height:110px;
	text-decoration:none;
}
#event ul#archive li a:hover {
	background:#ffffff;
	opacity:0.50;
	filter:alpha(opacity=50);
}
#event ul#archive li#vol1 {
	background:url(../image/vol1_archives.gif) no-repeat left top;
}
#event ul#archive li#vol2 {
	background:url(../image/vol2_archives.gif) no-repeat left top;
}
#event ul#archive li#vol3 {
	background:url(../image/vol3_archives.gif) no-repeat left top;
}
#event ul#archive li#vol4 {
	background:url(../image/vol4_archives.gif) no-repeat left top;
}


/* vol */
#evol {
	width:548px;
	margin:0 auto;
	padding:32px 0 20px;
	position:relative;
}
#evol1img {
	width:356px;
	height:559px;
	margin:0 auto;
	background:url(../image/vol1_thumb.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#evol1img a {
	display:block;
	width:356px;
	height:559px;
	text-decoration:none;
}
#evol .archive {
	display:block;
	width:75px;
	height:63px;
	background:url(../image/archive.gif) no-repeat;
	position:absolute;
	top:200px;
	left:0;
	font-size:0;
	text-indent:-9999px;
}
#evol ul {
	display:block;
	width:45px;
	list-style-type:none;
	position:absolute;
	top:35px;
	right:0;
}
#evol ul li#det, #evol ul li#back {
	display:block;
	background:url(../image/volnavi.gif) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#evol ul li#det {
	height:68px;
}
#evol ul li#back {
	height:48px;
	background-position:0 -68px;
}
#evol ul li#det a {
	display:block;
	height:50px;
	text-decoration:none;
}
#evol ul li#back a {
	display:block;
	height:48px;
	text-decoration:none;
}


#evol2 {
	width:548px;
	margin:0 auto;
	padding:32px 0 20px;
	position:relative;
}
#evol2img {
	width:356px;
	height:504px;
	margin:0 auto;
	background:url(../image/vol2_thumb.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#evol2img a {
	display:block;
	width:356px;
	height:504px;
	text-decoration:none;
}
#evol2 ul {
	display:block;
	list-style-type:none;
	position:absolute;
	top:30px;
	right:0;
}
#evol2 ul li {
	display:block;
	width:45px;
	font-size:0;
	text-indent:-9999px;
}
#evol2 ul li#detail a {
	display:block;
	height:70px;
	text-decoration:none;
	background:url(../image/volnavi.gif) no-repeat;
}
#evol2 ul li#back a {
	display:block;
	height:60px;
	text-decoration:none;
	background:url(../image/volnavi.gif) no-repeat 0 -70px;
}
#evol2 #archive_mark {
	width:75px;
	height:63px;
	position:absolute;
	top:100px;
	left:0;
}

#evol3 {
	width:1000px;
	margin:0 auto;
	padding:32px 0 20px;
	position:relative;
}
#evol3img {
	width:500px;
	text-align:right;
	float:left;
}
#evol3img2 {
	width:360px;
	float:left;
	text-align:center;
}
#evol3img .detail, 
#evol3img2 .detail {
	display:block;
	text-align:right;
	padding:5px;
}





#evol3 ul {
	display:block;
	list-style-type:none;
	position:absolute;
	top:30px;
	right:0;
}
#evol3 ul li {
	display:block;
	width:45px;
	font-size:0;
	text-indent:-9999px;
}
#evol3 ul li#detail a {
	display:block;
	height:70px;
	text-decoration:none;
	background:url(../image/volnavi.gif) no-repeat;
}
#evol3 ul li#back a {
	display:block;
	height:60px;
	text-decoration:none;
	background:url(../image/volnavi.gif) no-repeat 0 -70px;
}
#evol3 #archive_mark {
	width:75px;
	height:63px;
	position:absolute;
	top:100px;
	left:0;
}

#evol4 {
	width:548px;
	margin:0 auto;
	padding:32px 0 20px;
	position:relative;
}
#evol4img {
	width:356px;
	height:504px;
	margin:0 auto;
	background:url(../image/vol4_thumb.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#evol4img a {
	display:block;
	width:356px;
	height:504px;
	text-decoration:none;
}
#evol4 ul {
	display:block;
	list-style-type:none;
	position:absolute;
	top:30px;
	right:0;
}
#evol4 ul li {
	display:block;
	width:45px;
	font-size:0;
	text-indent:-9999px;
}
#evol4 ul li#detail a {
	display:block;
	height:70px;
	text-decoration:none;
	background:url(../image/volnavi.gif) no-repeat;
}
#evol4 ul li#back a {
	display:block;
	height:60px;
	text-decoration:none;
	background:url(../image/volnavi.gif) no-repeat 0 -70px;
}
#evol4 #archive_mark {
	width:75px;
	height:63px;
	position:absolute;
	top:100px;
	left:0;
}

#evol5 {
	width:548px;
	margin:0 auto;
	padding:32px 0 20px;
	position:relative;
}
#evol5img {
	width:356px;
	height:504px;
	margin:0 auto;
	background:url(../image/vol5_thumb.jpg) no-repeat;
	font-size:0;
	text-indent:-9999px;
}
#evol5img a {
	display:block;
	width:356px;
	height:504px;
	text-decoration:none;
}
#evol5 ul {
	display:block;
	list-style-type:none;
	position:absolute;
	top:30px;
	right:0;
}
#evol5 ul li {
	display:block;
	width:45px;
	font-size:0;
	text-indent:-9999px;
}
#evol5 ul li#back a {
	display:block;
	height:60px;
	text-decoration:none;
	background:url(../image/volnavi.gif) no-repeat 0 -60px;
}
#evol5 #archive_mark {
	width:75px;
	height:63px;
	position:absolute;
	top:100px;
	left:0;
}
