@charset	"ISO-2022-JP";

body		{
			margin-top:		36px;
		}

p		{
			margin:			0.5em 2em 0.2em 3em;
		}

table		{
			margin-top:		14px;
			border-collapse:	collapse;
			border:			solid 1px #303050;
		}

th		{
			background-color:	#dfefff;
		}

th,td		{
			border-style:		none none solid dashed;
			border-width:		1px;
			border-color:		#505060;
		}

ul		{
			margin:			0.5em 3em 0.5em 3.5em;
			padding:		0em 2em;
			line-height:		110%;
		}

blockquote	{
			margin:			4px 40px 4px 56px;
		}

.topblock	{
			margin-left:		40px;
		}

.monthly	{
			width:			460px;
			margin-left:		120px;
			border-style:		solid;
			border-color:		#bfc8d8;
			border-width:		1px;
			padding:		4px;
		}

.titles		{
			width:			280px;
			margin-left:		300px;
			margin-top:		16px;
			border-style:		solid;
			border-color:		#bfc8d8;
			border-width:		1px;
			padding:		4px;
		}

.gsearch	{
			margin-top:		8px;
			margin-left:		20px;
		}

.contents	{
			display:		block;
			margin-top:		16px;
			margin-left:		40px;
			border-style:		solid;
			border-width:		1px;
			border-color:		#cfcfd0;
		}

.titlelist h2,.monthly h2,.titles h2		{
			font-size:		1.2em;
			background-color:	#afcfef;
			margin:			0px;
			padding:		2px 0px 2px 4px;
		}

ul.monthmenu	{
			list-style-image:	url('pics/ulitemmark.png');
			margin:			0.5em 0em 0.5em 1em;
		}

.contents ul	{
			margin:		0.1em 1em 0.1em 2em;
		}

.contents ul li	{
			margin:		0.2em 0.5em 0.1em 1em;
		}

.titlelist	{
			margin-left:		80px;
		}

.rightttl,.leftttl	{
			font-size:		1.3em;
			margin-top:		10px;
			font-weight:		600;
			padding:		0em 0.2em 0em 0.2em;
		}

.rightttl				/* 右寄せのタイトル（ＣＧ・どくしょ） */
		{
			text-align:		right;
			margin-right:		8px;
			margin-bottom:		8px;
		}

.leftttl				/* 右寄せのタイトル（ＣＧ・どくしょ） */
		{
			text-align:		left;
			margin-left:		28px;
			background-color:	#384040;
			color:			#cfd8e0;
			padding:		6px 0px 6px 8px;
		}

.contents h2		{
			font-size:		105%;
			font-weight:		600;
			text-decoration:	underline;
			color:			#484848;
			margin:			0.4em 2em 0.1em 1.5em;
			padding:		2px;
		}


.bookstar				/* ★の説明 */
		{
			margin-left:		8%;
			text-align:		left;
			font-size:		0.8em;
			line-height:		1em;
		}

.booksubttl				/* 本のサブタイトル */
		{
			font-size:		1em;
			line-height:		1em;
			margin:			2px 10px 2px;
			padding-right:		0.5em;
			text-align:		right;
			font-weight:		400;
		}

.booktbl				/* 本のタイトル一覧表 */
		{
			display:		block;
			margin-right:		15px;
			margin-left:		40px;
		}

.booktitle	{
			display:		block;
			position:		relative;
/* 			background-color:	#f2f2f2; */
/* 			background-image:	url('pics/bookdataback.png'); */
/* 			background-repeat:	repeat-y; */
			height:			140px;
			margin-left:		40px;
			border-style:		none solid solid none;
			border-color:		#cfcfd0;
			border-width:		1px;
		}

.bookcover				/* 本の表紙（フロートで処理してイイのか？） */
		{
			display:		block;
			position:		absolute;
			top:			10px;
			left:			10px;
		}
					/* 本のデータ */
.bookdata	{
			display:		block;
			position:		absolute;
			right:			8px;
			bottom:			8px;
			text-align:		right;
			font-size:		0.8em;
			line-height:		1em;
		}

.blkins					/* 挿入パートをブロック要素で決め打ち */
		{
			display:		block;
			margin:			4px 32px 4px 80px;
			border-style:		dashed;
			border-width:		0.1em;
			border-color:		#6699cc;
			padding:		0.2em;
			font-size:		0.8em;
			text-decoration:	none;
			line-height:		1em;
		}
.blkins:before
		{	content:		"[ 追記 ]";
			color:			#669999;
			font-size:		0.8em;
		}

.blkins:after
		{	
			display:		block;
			text-align:		right;
			content:		attr(datetime);
			color:			#669999;
			font-size:		0.8em;
		}

.date		{
			font-size:		0.8em;
			text-align:		right;
		}

.smllnk		{
			display:		block;
			position:		fixed;
			top:			0px;
			left:			0px;
			z-index:		100;
			font-size:		0.8em;
			text-align:		right;
			height:			28px;
			width:			100%;
			padding-top:		4px;
			background-color:	#f5f8f8;
			border-bottom-style:	solid;
			border-width:		1px;
			border-color:		#cfcfd0;
		}