/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/
*, h1, h2, h3, h4, ul, input, select{margin:0;padding:0;}
body{
	color:#000;
	background-color: #fff;
	font-family:"ＭＳ Ｐゴシック", 'Hiragino Kaku Gothic Pro', "ヒラギノ角ゴ Pro W3", "Osaka", "sans-serif";
	background:url(img/topimg.jpg) 50% 0% no-repeat;
	text-align:center;
	line-height:200%;
	font-size:x-small;
	_font-size:xx-small;
}
input, select{
	font-family: "Osaka-等幅", "ＭＳ ゴシック", "monospace";
	text-align:left;
	font-size:x-small;
	_font-size:xx-small;
}

a,a[name]:hover{color:#000; text-decoration:none;}
a:link {color:#6699CC; text-decoration:underline;}
a:visited {color:#336; text-decoration:underline;}
a:hover, a:visited:hover {color:#39c; text-decoration:underline;}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
p {
	font-size:x-small;
	_font-size:xx-small;
}

#container {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding: 0px;
	width: 760px;
}

/*-------------------------------------------------
HEADER ELEMENTS
-------------------------------------------------*/
#banner {
	width:760px;
	height: 293px;
	margin-bottom:20px;
}
#banner h1 a{
	line-height:200%;
	display:block;
	width:760px;
	overflow:hidden;
	padding-top:293px;
	height:0px;
	_height:293px;
}


/*-------------------------------------------------
LEFT ELEMENTS
-------------------------------------------------*/
#left {
	float: left;
	width: 282px;
	background-color: #fff;
	overflow: hidden;
}

#books, #book2, #message, #sidebar, #mail{
	background-color:#fff;
	border-top:#DA202E solid 2px;
  	padding:15px 0;
	margin:0px 20px 15px 0;
}
#books p#copy{
	margin-bottom:20px;
	line-height:200%;
	width:262px;
	overflow:hidden;
	padding-top:42px;
	height:0px;
	_height:42px;
	background:url(img/copy.gif) 0px 0px no-repeat;
}
#books img.bookimg, #book2 img.bookimg  {
	float: left;
	border:#ccc solid 1px;
	margin:0px 10px 3px 0px;
}
#books div.bookdes, #book2 div.bookdes{
	background:#fff;
	border:#fff solid 0px;
}
#books h3{
	line-height:200%;
	width:136px;
	overflow:hidden;
	padding-top:42px;
	height:0px;
	_height:42px;
	background:url(img/h201.gif) 0px 0px no-repeat;
}
#book2 h3 {
	line-height:200%;
	width:136px;
	overflow:hidden;
	padding-top:43px;
	height:0px;
	_height:43px;
	background:url(img/h202.gif) 0px 0px no-repeat;
}

#books p.bdata, #book2 p.bdata{
	color:#666;
	margin:30px 0px 10px 0px;
	line-height: 160%;
}
#books p.exposition, #book2 p.exposition{
	margin-bottom: 5px;
	font-size:small;
	_font-size:x-small;
}
#books p.exposition strong{
	color:#D50111;
	font-size:medium;
	_font-size:small;
}
#book2 p.exposition strong span{
	color:#D50111;
}


#message h3 {
	line-height:200%;
	width:97px;
	overflow:hidden;
	padding-top:14px;
	height:0px;
	_height:14px;
	background:url(img/h203.gif) 0px 0px no-repeat;
}
#message p{
	margin:10px 0 10px 0;
	font-size:small;
	_font-size:x-small;
}
#message p img{
	margin:0 0 3px 10px;
}
#mail p {
	font-size:small;
	_font-size:x-small;
}
#sidebar h3 {
	line-height:200%;
	width:119px;
	overflow:hidden;
	padding-top:15px;
	height:0px;
	_height:15px;
	background:url(img/h204.gif) 0px 0px no-repeat;
}

#sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
}
#sidebar ul ul {
	margin-bottom: 0px;
}

#sidebar li {
	color: #666666;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none;
}
#sidebar .link-note a{
	display:block;
	width:48px;
	overflow:hidden;
	padding-top:12px;
	height:0px;
	_height:12px;
	background:url(img/link-rss10.gif) 0px 0px no-repeat;
}

#category{
	background-color:#fff;
  	padding-bottom:15px;
	margin:0px 20px 15px 0;
}

#category ul {
	padding-left: 0px;
	margin: 0px;
}

#category li {
	background:#900;
	font-size: x-small;
	_font-size: xx-small;
	text-align: left;
	line-height: 150%;
	padding: 5px 10px;
	margin-top: 1px;
	list-style-type: none;
}

#category li a, #category li a:visited{
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}
#category li a:hover,#category li a:visited:hover {
	text-decoration:underline;
}

#category li:hover,#category li:visited:hover {
	background:#c00;
}

/*-------------------------------------------------
CENTER ELEMENTS
-------------------------------------------------*/
#center {
	float: left;
	width: 478px;
	overflow: hidden;
}
h2#catname {
	color: #000;
	font-weight: bold;
	margin:0px 0px 20px 0px;
	font-size:large;
	_font-size:medium;
}
p.entrynavi {
	margin:0px 0px 20px 0px;
}
.content {
	background:url(img/article-back.gif) 100% 0% no-repeat;
	border-top: 4px solid #D50111;
	margin:0px 0px 40px 0px;
}
.content h2 {
	padding:15px 0px 0px 0px;
	width:478px;
	_width:478px;
	height:42px;
	_height:52px;
	color: #000;
	font-family: "American Typewriter", "Courier New", Courier, "Lucida Console", monospace;
	font-weight: bold;
	letter-spacing: -0.1em;
	font-size:xx-large;
	_font-size:x-large;
}
.content h3 {
	color: #D50010;
	font-weight: bold;
	margin:10px 0px 10px 0px;
	font-size:medium;
	_font-size:small;
}
.content p {
	color: #000;
	margin:0px 0px 10px 0px;
	font-size:small;
	_font-size:x-small;
}
.content pre {}
.content blockquote {}
.content li {}
.content p.posted {
	color: #999;
	border-top: 1px solid #eeeeee;
	padding-top: 3px;
	font-size:x-small;
	_font-size:xx-small;
}


/*-------------------------------------------------
RIGHT ELEMENTS
-------------------------------------------------*/
#right {
	float: left;
	width: 127px;
	background-color: #FFFFFF;
	overflow: hidden;
	line-height: 160%;
}

#descripteion {
	border:#139FAB solid 1px;
	background:#139FAB;
	color:#fff;
	padding:10px;
	margin:0px 0px 20px 0px
}

#biog{
	border:#31ABB6 solid 1px;
  	padding:10px;
	margin:0px 0px 20px 0px;
}
#biog h3 {
	line-height:200%;
	width:105px;
	overflow:hidden;
	padding-top:33px;
	height:0px;
	_height:33px;
	background:url(img/h204.gif) 0px 0px no-repeat;
}
#biog h4 {
	margin:0px 0px 2px 0px;
	color:#333;
	font-size:x-small;
	_font-size:xx-small;
}
#biog p {
	margin:0px 0px 10px 0px;
}

/*-------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------*/
#prefooter {
	clear: both;
}
#footer {
	border-top: 1px solid #D50111;
	margin:0px;
	height:28px;
	overflow:hidden;
}
#footer .logo a {
	float:left;
	margin:5px 0px;
	display:block;
	width:160px;
	overflow:hidden;
	padding-top:18px;
	height:0px;
	_height:18px;
	background:url(img/logo.gif) 0px 0px no-repeat;
}
#footer .copy {
	float:right;
	margin:5px 0px;
	display:block;
	width:319px;
	overflow:hidden;
	padding-top:18px;
	height:0px;
	_height:18px;
	background:url(img/copyright.gif) 0px 0px no-repeat;
}



.photo {
	text-align: left;
	margin-bottom: 20px;
	}

#powered {
	font-family: Verdana, Arial, sans-serif;
	font-size: x-small;
	line-height: 150%;
	text-align: left;
	color: #666666;
	margin-top: 50px;
}

#comment-data {
	float: left;
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
}

textarea[id="comment-text"] {
	width: 80%;
}

.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
}