@charset "UTF-8";

/* -----------------------------------------------------------
	Job Information Peach (since 2007/10/02)

 File name:      css/contents.css
 Author:         K.Hayata (admin)
 Style Info:     各コンテンツ用CSS
----------------------------------------------------------- */

/* comic-index
----------------------------------------------------------- */

div#comicTtl {
	width: 780px;
	margin: 0;
	padding: 0;
}

div#newComic {
	width: 780px;
	height: 262px;
	margin-bottom: 30px;
	color: #333333;
	background: url(../images/newComicBg.jpg) no-repeat left top;
}

div#newComic div#newComicBox {
	display: block;
	width: 719px;
	margin: 0;
	padding: 24px 27px 0 34px;
}

div#newComic div#newComicBox div#newComicImg {
	float: left;
	width: 169px;
	margin-top: 5px;
	padding: 0;
}

div#newComic div#newComicBox div#newComicImg div {
	width: 169px;
	height: 226px;
	background: #000000;
}

div#newComic div#newComicBox div#newComicImg div img {
	margin: 1px;
}

div#newComic div#newComicBox div#newComicData {
	float: right;
	width: 526px;
	padding: 0;
}

div#newComic div#newComicBox div#newComicData div#newComicTtl {
	height: 29px;
	margin: 0;
	padding: 0;
}

div#newComic div#newComicBox div#newComicData div#newComicTxt {
	height: 48px;
	margin-bottom: 15px;
	padding: 0;
}

div#newComic div#newComicBox div#newComicData div#newComicTxt div {
	padding: 9px 20px 0 4px;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox {
	display: block;
	width: 526px;
	margin: 0;
	padding: 0;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox div#newComicProfile {
	float: left;
	width: 248px;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox div#newComicProfile div#newComicProTtl {
	height: 20px;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox div#newComicProfile div#newComicProTxt {
	height: 125px;
	line-height: 1.3;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox div#newComicProfile div#newComicProTxt div {
	padding: 6px 0 0 4px;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox div#newComicBtmBoxR {
	float: right;
	width: 258px;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox div#newComicBtmBoxR div#newComicUpTxt {
	height: 87px;
	color: #6600cc;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox div#newComicBtmBoxR div#newComicUpTxt p {
	padding-top: 60px;
}

div#newComic div#newComicBox div#newComicData div#newComicBtmBox div#newComicBtmBoxR div#newComicReadBtn {
	float: right;
	width: 258px;
}

div#comicBar {
	margin-bottom: 34px;
}

div#bnTtl {
	margin-bottom: 25px;
}

div#bnComic {
	width: 750px;
	margin: 0 auto;
	padding-bottom: 20px;
}

div.bnComicFrame {
	width: 750px;
	height: 266px;
	margin-bottom: 20px;
	padding: 0;
	color: #333333;
	background: #f0f0f0;
}

div.bnComicFrame div.bnComicBox {
	display: block;
	width: 719px;
	margin: 0;
	padding: 18px 12px 0 19px;
}

div.bnComicFrame div.bnComicBox div.bnComicImg {
	float: left;
	width: 169px;
	margin-top: 2px;
	padding: 0;
}

div.bnComicFrame div.bnComicBox div.bnComicImg div {
	width: 169px;
	height: 226px;
	background: #000000;
}

div.bnComicFrame div.bnComicBox div.bnComicImg div img {
	margin: 1px;
}

div.bnComicFrame div.bnComicBox div.bnComicData {
	float: right;
	width: 526px;
	padding: 0;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicTtl {
	height: 29px;
	margin: 0;
	padding: 0;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicTxt {
	height: 48px;
	margin-bottom: 15px;
	padding: 0;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicTxt div {
	padding: 9px 20px 0 4px;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicBtmBox {
	display: block;
	width: 526px;
	margin: 0;
	padding: 0;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicBtmBox div.bnComicProfile {
	float: left;
	width: 248px;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicBtmBox div.bnComicProfile div.bnComicProTtl {
	height: 20px;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicBtmBox div.bnComicProfile div.bnComicProTxt {
	height: 125px;
	line-height: 1.3;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicBtmBox div.bnComicProfile div.bnComicProTxt div {
	padding: 6px 0 0 4px;
}

div.bnComicFrame div.bnComicBox div.bnComicData div.bnComicBtmBox div.bnComicReadBtn {
	float: right;
	width: 258px;
	padding-top: 87px;
}



/* comic-内部
----------------------------------------------------------- */

div#comicPageTtl {
	width: 780px;
	margin: 0;
	padding: 0;
}

div#comicPage {
	width: 780px;
	margin-bottom: 16px;
	padding: 0;
	background: url(../images/comicPageBg.gif) no-repeat left top;
}

div#comicPage div#comicPageFrame {
	width: 526px;
	height: 728px;
	margin: 0 auto;
	background: url(../images/comicPageFrame.gif) no-repeat left top;
}

div#comicPage div#comicPageFrame div#comicPageBox {
	margin: 0;
	padding: 10px;
}

div#comicPage div#comicPageFrame div#comicPageBox div {
	width: 506px;
	height: 354px;
	margin: 0;
	padding: 0;
}

div#comicBtnBox {
	display: block;
	width: 663px;
	margin: 0 auto 12px;
	text-align: center;
}

div#comicBtnBox div#backBtn {
	float: left;
	width: 148px;
	margin-right: 99px;
}

div#comicBtnBox div#topBtn {
	float: left;
	width: 169px;
	margin: 0;
}

div#comicBtnBox div#nextBtn {
	float: right;
	width: 148px;
	margin: 0;
}

div#comicNextTxt {
	margin-bottom: 30px;
	line-height: 1.1;
	color: #21a4ff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}