@charset "utf-8";

h1.article {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/title.jpg) 0 0 no-repeat;
}
h1.vol2 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/titleVol2.jpg) 0 0 no-repeat;
}
h1.vol3 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/titleVol3.jpg) 0 0 no-repeat;
}
h1.vol4 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol4/titleVol4.jpg) 0 0 no-repeat;
}
h1.vol5 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol5/titleVol5.jpg) 0 0 no-repeat;
}
h1.vol6 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol6/titleVol6.jpg) 0 0 no-repeat;
}
h1.vol7 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol7/titleVol7.jpg) 0 0 no-repeat;
}
#article .bgVol7 {background-color: #EFF7FF;}

h1.vol8 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol8/titleVol8.jpg) 0 0 no-repeat;
}
h1.vol9 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol9/titleVol9.jpg) 0 0 no-repeat;
}
h1.vol10 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol10/titleVol10.jpg) 0 0 no-repeat;
}
h1.vol11 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol11/titleVol11.jpg) 0 0 no-repeat;
}
h1.vol12 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol12/titleVol12.jpg) 0 0 no-repeat;
}
h1.vol13 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol13/titleVol13.jpg) 0 0 no-repeat;
}
h1.vol14 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol14/titleVol14.jpg) 0 0 no-repeat;
}
h1.vol15 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol15/titleVol15.jpg) 0 0 no-repeat;
}
h1.vol16 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol16/titleVol16.jpg) 0 0 no-repeat;
}
h1.vol17 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol17/titleVol17.jpg) 0 0 no-repeat;
}
h1.vol18 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol18/titleVol18.jpg) 0 0 no-repeat;
}
h1.vol19 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol19/titleVol19.jpg) 0 0 no-repeat;
}

h1.vol20 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol20/titleVol20.jpg) 0 0 no-repeat;
}
h1.vol21 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol21/titleVol21.jpg) 0 0 no-repeat;
}
h1.vol22 {
	width: 700px !important;
	width /**/: 700px;
	height: 135px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol22/titleVol22.jpg) 0 0 no-repeat;
}
h1.vol23 {
	width: 700px !important;
	width /**/: 700px;
	height: 200px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(../img/contents/article/article_vol23/titleVol23.jpg) 0 0 no-repeat;
}
h1.vol24 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(http://www.8p-ch.com/img/contents/article/article_vol24/title.jpg) 0 0 no-repeat;
}
h1.vol25 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(http://www.8p-ch.com/img/contents/article/article_vol25/title.jpg) 0 0 no-repeat;
}

h1.vol26 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(http://www.8p-ch.com/img/contents/article/article_vol26/title.jpg) 0 0 no-repeat;
}

h1.vol27 {
	width: 700px !important;
	width /**/: 700px;
	height: 178px;
	text-indent: -5000px;
	margin-top: 15px;
	background: url(http://www.8p-ch.com/img/contents/article/article_vol27/title.jpg) 0 0 no-repeat;
}

#kiji {
	background: url(../img/contents/article/article_back2.jpg) 0 165px no-repeat;
}
#kijiVol2 {
	background: url(../img/contents/article/articleVol21.jpg) 0 190px no-repeat;
}
#kijiVol3 {
	background: url(../img/contents/article/articleVol31.jpg) 0 110px no-repeat;
}
#kijiVol4 {
	background: url(../img/contents/article/article_vol4/article_back4.jpg) 0 250px no-repeat;
}
#kijiVol5 {
	background: url(../img/contents/article/article_vol5/article_back5.jpg) 0 270px no-repeat;
}


#article {
	width: 700px !important;
	width /**/: 700px;
	margin: 0 0 25px;
	float: left;
}
#article img {margin: 10px;}

#article .detail {
	width: 700px !important;
	width /**/: 700px;
	float: left;
	padding-top: 25px;
}

#article .detail p.article{
	line-height: 210%;
	padding: 10px;
}
#article .detail p.article img {
border: 3px solid #CDC3B9;
}
#article .illust {
	width: 190px !important;
	width /**/: 190px;
	height: 700px;
	float: right;
	background: url(../img/contents/article/side.gif) 0 0 repeat-y;
}
#latest_article {
	clear: both;
	width: 685px !important;
	width /**/: 685px;
}
#latest_article h2.title {
	width: 685px !important;
	width /**/: 685px;
	height: 25px;
	padding-top: 20px;
	text-indent: -9999px;
	background: url(../img/contents/article/latest_article.gif) 0 100% no-repeat;
}
#latest_article  li {
	height: 25px;
	line-height: 25px;
	background: url(../img/contents/article/border.gif) 0 100% repeat-x;
}