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

/*
マンガでわかるホシザキのスチコンCSS
作成者：株式会社アルゴ
最終更新日：2010年5月17日
*/

/* コンテンツ */
h1 {
	width: 650px;
	height: 130px;
	background: url(../images/bg_h1.gif) no-repeat;
}
/* 上部ページ表示 */
#right-container #topcontents {
	padding: 20px 110px 5px;
	height: 25px;
	background: url(../images/bg_main-top.gif) top left;
}
#topcontents p {
	float: left;
	line-height: 1.8em;
	height: 25px;
}
#topcontents p a {
	display: block;
	height: 25px;
}
#topcontents p.back {
	width:130px;
}
#topcontents p.back a {
	padding-left: 30px;
	background: url(../images/icon_p-back.gif) no-repeat left center;
}
#topcontents p.back a:hover {
	background: url(../images/icon_p-back-on.gif) no-repeat left center;
}
#topcontents p.next {
	width: 130px;
	text-align: right;
}
#topcontents p.next a {
	padding-right: 30px;
	background: url(../images/icon_p-next.gif) no-repeat right center;
}
#topcontents p.next a:hover {
	background: url(../images/icon_p-next-on.gif) no-repeat right center;
}
#topcontents p.page-no {
	width: 150px;
	text-align: center;
	font-weight: bold;
}
.open-page {
	font-size: 200%;
	color: #51B8E6;
}
/* コンテンツ本文 */
#right-container #maincontents {
	width: 610px;
	padding: 10px 23px 10px 17px;
	border: none;
	background: url(../images/bg_main.gif) repeat-y;
}
/* 下部ページ表示 */
#right-container #bottomcontents {
	padding: 20px 110px;
	margin-bottom: 20px;
	height: 25px;
	background: url(../images/bg_main-bottom.gif) bottom left;
}
#bottomcontents p {
	float: left;
	line-height: 1.8em;
	height: 25px;
}
#bottomcontents p a {
	display: block;
	height: 25px;
}
#bottomcontents p.back {
	width:130px;
}
#bottomcontents p.back a {
	padding-left: 30px;
	background: url(../images/icon_p-back.gif) no-repeat left center;
}
#bottomcontents p.back a:hover {
	background: url(../images/icon_p-back-on.gif) no-repeat left center;
}
#bottomcontents p.next {
	width: 130px;
	text-align: right;
}
#bottomcontents p.next a {
	padding-right: 30px;
	background: url(../images/icon_p-next.gif) no-repeat right center;
}
#bottomcontents p.next a:hover {
	background: url(../images/icon_p-next-on.gif) no-repeat right center;
}
#bottomcontents p.page-no {
	width: 150px;
	text-align: center;
	font-weight: bold;
}

.comic_note {
	font-size: 10px;
	text-align: right;
	margin: 0 20px 0 0;
}