/*-------------------------------------------------
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;
	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:#039; 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;
}

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

/*-------------------------------------------------
HEADER ELEMENTS
-------------------------------------------------*/
#banner {
	width:760px;
	height: 221px;
	margin-bottom:10px;
}
#banner h1 a{
	line-height:200%;
	display:block;
	width:760px;
	overflow:hidden;
    padding-top:221px;
	height:0px;
	_height:221px;
	background:url(img/topimg.gif) 0px 0px no-repeat;
}
#banner h2 {
	line-height:200%;
	width:760px;
	overflow:hidden;
    padding-top:89px;
	height:0px;
	_height:89px;
	background:url(img/banner.gif) 0px 0px no-repeat;
}

/*-------------------------------------------------
LEFT ELEMENTS
-------------------------------------------------*/
#left {
	float: left;
	width: 273px;
	background-color: #fff;
	overflow: hidden;
	line-height: 160%;
}
#left h3 {
	line-height:200%;
	width:230px;
	overflow:hidden;
    padding-top:33px;
	height:0px;
	_height:33px;
}

#books, #message, #about{
	background-color:#fff;
	border:#efae00 solid 1px;
  	padding:10px 10px;
	margin:0px 10px 10px 5px;
}
#books h3 {
	background:url(img/h201.gif) 0px 0px no-repeat;
}
#message h3 {
	background:url(img/h203.gif) 0px 0px no-repeat;
}
#books h4{
	clear:both;
	line-height:200%;
}
#books h4 a{
	display:block;
	width:230px;
	overflow:hidden;
    padding-top:20px;
	height:0px;
	_height:20px;
}
#books h4.book03 a {
	background:#fff url(img/btitle03.gif) 0px 0px no-repeat;
}
#books h4.book02 a {
	background:#fff url(img/btitle02.gif) 0px 0px no-repeat;
}
#books h4.book01 a {
	background:#fff url(img/btitle01.gif) 0px 0px no-repeat;
}
#books h5 {margin-bottom:10px;}
#books h5.book01 { color:#ee2e76;}
#books h5.book02 { color:#00b5c9;}
#books h5.book03 { color:#efae00;}

#message h4 {
	margin:10px 0px 5px 0px;
	color: #f19900;
	font-size:small;
	_font-size:x-small;
}
#books div.bookdes1{
	float: left;
	border:#fff solid 0px;
	margin:3px 10px 10px 0px;
}
#books img.bookimg {
	border:#ccc solid 1px;
}
#books img.browse {
	margin:5px 0px 0px 0px;
}

#books div.bookdes2{
	background:#fff;
	border:#fff solid 0px;
	margin:0px 0px 10px 110px;
}
#books p.bdata{
	color:#666;
}

#about {
	border:#a4938e solid 1px;
	background-color:#a4938e;
}
#about h3 {
	width:230px;
	overflow:hidden;
    padding-top:93px;
	height:0px;
	_height:93px;
	background:url(img/h202.gif) 0px 0px no-repeat;
}
#about h4 {
	color:#fff;
	margin:20px 0 10px 0;
	font-size:small;
	_font-size:x-small;;
}
#about p{
	color:#fff;
}

/*-------------------------------------------------
CENTER ELEMENTS
-------------------------------------------------*/
#center {
	float: left;
	width: 345px;
	overflow: hidden;
}

.entrynavi{
	border:#efae00 solid 1px;
	margin:0px 10px 20px 0px;
	padding:10px;
	text-align: center;
}

.content {
	background:url(img/article-back.gif) 100% 100% no-repeat;
	border:#efae00 solid 1px;
	margin:0px 10px 10px 0px;
}
.content h2 {
	padding:10px 0px 0px 10px;
	width:325px;
	_width:335px;
	height:42px;
	_height:52px;
	background:url(img/date-back.gif) 0px 0px no-repeat;
	color: #fff;
	font-family: "Futura", "Avant Garde", "Century Gothic", "Trebuchet MS", "Arial", "Helvetica", "sans-serif";
	font-size:x-large;
	_font-size:large;
}
.content h3 {
	color: #f19900;
	font-weight: bold;
	margin:10px;
	font-size:small;
	_font-size:x-small;
}
.content p {
	color: #000;
	margin:0px 10px 10px 10px;
	font-size:small;
	_font-size:x-small;
}
.content pre {}
.content blockquote {}
.content li {}
.content p.posted {
	color: #999;
	border-top: 1px solid #efae00;
	padding-top: 3px;
	font-size:x-small;
	_font-size:xx-small;
	}
p.techstuff {
	color: #666;
	font-size:x-small;
	_font-size:xx-small;
}
div.pingsite{
	background-color:#eee; 
	margin:5px;
	padding:10px 10px 0px 10px;
	font-size:x-small;
	_font-size:xx-small;
}
p.pingdata{
	font-size:x-small;
	_font-size:xx-small;
}


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

#descripteion {
	border:#f19900 solid 1px;
	background:#f19900;
	color:#fff;
	padding:10px;
	margin:0px 0px 10px 0px
}
#sidebar{
	border:#efae00 solid 1px;
  	padding:10px;
	margin:0px 0px 10px 0px;
}
#sidebar h3 {
	color: #f19900;
	font-weight: bold;
	font-size:small;
	_font-size:x-small;
}
#sidebar ul {
	padding-left: 0px;
	margin: 0px;
	margin-bottom: 30px;
}
#sidebar ul ul {
	margin-bottom: 0px;
}
#sidebar #categories ul {
	padding-left: 15px;
}
#sidebar li {
	color: #666666;
	font-size: x-small;
	text-align: left;
	line-height: 150%;
	margin-top: 10px;
	list-style-type: none;
}
#sidebar #categories li {
	list-style-type: circle;
}
#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;
}
#biog{
	border:#efae00 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 {
	border-top: 1px solid #efae00;
	clear: both;
	margin:0px 5px;
	font-size: 5px;
	line-height: 5px;
}
#footer {
	margin:0px 5px 5px 5px;
	height:38px;
}
#footer .logo{
	width:150px;
	height:18px;
	float:left;
}
#footer .logo a {
	display:block;
	width:150px;
	overflow:hidden;
    padding-top:18px;
	height:0px;
	_height:18px;
	background:url(img/logo.gif) 0px 0px no-repeat;
}
#footer .copy {
	width:319px;
	height:18px;
	float:right;
	overflow:hidden;
}
#footer .copy span {
	display:block;
	width:319px;
	overflow:hidden;
    padding-top:18px;
	height:0px;
	_height:18px;
	background:url(img/copyright.gif) 0px 0px no-repeat;
	font-size: 5px;
}



.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;
	}