/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/
*, h1, h2, h3, h4, ul, input, select{margin:0;padding:0;}
body{
	color:#000;
	background-color: #e5e1bb;
	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;
	}

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


#banner {
	width:760px;
	margin-top:10px;
	margin-bottom:20px;
	text-align: center;
}
#banner img{
	margin: 0 auto;
}
#banner p{
	margin: 0 auto;
	font-size:medium;
	_font-size:small;
}
/*-------------------------------------------------
LEFT ELEMENTS
-------------------------------------------------*/
#left {
	float: left;
	width: 270px;
	overflow: hidden;
	line-height: 160%;
}

#books{
	background-color:#fff;
	border:#94AAB6 solid 1px;
  	padding:0px 10px;
	margin:0px 15px 20px 5px;
}




#books p.number{
	width: 100px;
	clear:both;
	color:#fff;
	font-weight:bold;
	padding:2px 10px 2px 10px;
	margin-top:10px;
	background:#000;
	white-space: nowrap;
}
#books p.copy{
	margin-top:5px;
	font-size:medium;
	_font-size:small;
}
#books h4{
	font-family:"ＭＳ Ｐ明朝", 'Hiragino Mincho Pro', "ヒラギノ明朝 Pro W3", "細明朝体", "sans-serif";
	line-height:200%;
	font-weight:bold;
	font-size:x-large;
	_font-size:large;
}
#books h4 a{color:#921931;}
#books p.author{
	font-weight:bold;
	font-size:medium;
	_font-size:small;
}
#books p.author span{
	font-size:small;
	_font-size:x-small;
}
#books p.desc{
	margin:5px 0 5px 0;
}
#books div.bookdes{
	margin:10px 0 5px 0;
	background:#fff url(img/booksback.gif) 0% 100% no-repeat;
	padding-bottom:10px;
	overflow:auto;_overflow:visible;zoom:1;/*¥*//*/overflow:hidden;/**/
}
#books img.bookimg {
	float: left;
	border:#ccc solid 1px;
	margin:3px 10px 10px 0px;
}
#books p.exposition{
	margin:0px 0px 0px 105px;
	font-size:medium;
	_font-size:small;
}
#books a.btnbuy{
	display:block;
	overflow:hidden;
	margin-top:7px;
	margin-bottom:10px;
	padding-top:29px;
	width:84px;
	height:0px;
	_height:29px;
	background:url(img/btn-buy.gif) 0px 0px no-repeat;
}
#books p.bdata{
	color:#666;
	margin:5px 0px 10px 105px;
width:123px;
overflow:hidden;
}

#sbanner{
	text-align:center;
	margin:0px 10px 20px 5px;
}
#sbanner img{
	margin:0 auto 10px auto;
}
/*-------------------------------------------------
CENTER ELEMENTS
-------------------------------------------------*/
#center {
	float: left;
	width:283px;
	overflow: hidden;
}
#catname{
	font-weight: bold;
	color:#0CCAFF;
	margin-bottom: 5px;
	font-size:medium;
	_font-size:small;
}
.content {
	background:url(img/article-back.gif) 160px 5px no-repeat;
	border-top:#0CCAFF solid 3px;
	margin:0px 15px 20px 0px;
}
.content h2 {
	padding:10px 0px 0px 0px;
	margin-bottom: 10px;
	color: #000;
	font-family: Courier, "Courier New", "Lucida Console", monospace;
	font-weight: bold;
	font-size:x-large;
	_font-size:large;
}
.content h3 {
	color: #000;
	font-weight: bold;
	margin:0px 0px 10px 0px;
	font-size:small;
	_font-size:x-small;
}
.content p {
	color: #000;
	margin:0px 0px 10px 0px;
	font-size:small;
	_font-size:x-small;
}
.content p.posted {
	color: #999;
	border-top: 1px solid #0CCAFF;
	padding-top: 3px;
	font-size:x-small;
	_font-size:xx-small;
	}


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

#sidebar{
	margin:0px 0px 20px 0px;
}
#sidebar ul li a{
	display:block;
	overflow:hidden;
	padding-top:30px;
	width:205px;
	height:0px;
	_height:30px;
}
#sidebar ul li a#navi0101{background:url(img/navi-0101.gif) 0px 0px no-repeat;}
#sidebar ul li a#navi0102{background:url(img/navi-0102.gif) 0px 0px no-repeat;}
#sidebar ul li a#navi0201{background:url(img/navi-0201.gif) 0px 0px no-repeat;}
#sidebar ul li a#navi0202{background:url(img/navi-0202.gif) 0px 0px no-repeat;}
#sidebar ul li a#navi0203{background:url(img/navi-0203.gif) 0px 0px no-repeat;}
#sidebar ul li a#navi0204{background:url(img/navi-0204.gif) 0px 0px no-repeat;}

#sidebar  a.btnbuyall{
	display:block;
	overflow:hidden;
	margin-top:7px;
	margin-bottom:10px;
	padding-top:31px;
	width:92px;
	height:0px;
	_height:31px;
	background:url(img/btn-buyall.gif) 0px 0px no-repeat;
}

#biog{
	background:url(img/cmntback.gif) 0px 0px repeat-y;
	margin:0px 0px 20px 0px;
}
#biog h3, #biog h4, #biog p{
	font-size:x-small;
	_font-size:xx-small;
}
#biog h3#ni {
	width:205px;
	overflow:hidden;
	padding-top:65px;
	height:0px;
	_height:65px;
	background:url(img/cmntni.gif) 0px 0px no-repeat;
}
#biog h3#rec {
	width:205px;
	overflow:hidden;
	padding-top:22px;
	height:0px;
	_height:22px;
	background:url(img/cmntrec.gif) 0px 0px no-repeat;
}
#biog h4#rec01 {
	width:205px;
	overflow:hidden;
	padding-top:43px;
	height:0px;
	_height:43px;
	background:url(img/cmntrec01.gif) 0px 0px no-repeat;
}
#biog h4#rec02 {
	width:205px;
	overflow:hidden;
	padding-top:45px;
	height:0px;
	_height:45px;
	background:url(img/cmntrec02.gif) 0px 0px no-repeat;
}
#biog p {
	margin:10px 0 20px 0;
}
#biog p#cmntbd001{
	width:205px;
	overflow:hidden;
	padding-top:310px;
	height:0px;
	_height:310px;
	background:url(img/cmntbd001.gif) 0px 0px no-repeat;
}
#biog p#cmntbd002{
	width:205px;
	overflow:hidden;
	padding-top:188px;
	height:0px;
	_height:188px;
	background:url(img/cmntbd002.gif) 0px 0px no-repeat;
}
#biog p#cmntbd003{
	width:205px;
	overflow:hidden;
	padding-top:174px;
	height:0px;
	_height:174px;
	background:url(img/cmntbd003.gif) 0px 0px no-repeat;
}

#biog span#cmntbtm{
	display:block;
	overflow:hidden;
	padding-top:42px;
	width:205px;
	height:0px;
	_height:42px;
	background:url(img/cmntbtm.gif) 0px 0px no-repeat;
}
.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;
}

/*-------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------*/
#prefooter{clear: both;}
#footer {
	border-top: 1px solid #0CCAFF;
	margin:0px 5px;
	padding:5px 0px;
	overflow:hidden;
	height:16px;
	_height:26px;
}
#footer .logo a{
	float:left;
	display:block;
	width:162px;
	overflow:hidden;
	padding-top:16px;
	height:0px;
	_height:16px;
	background:url(img/ftr_logo.gif) 0px 0px no-repeat;
}
#footer .copy {
	float:right;
	display:block;
	width:316px;
	overflow:hidden;
	padding-top:16px;
	height:0px;
	_height:16px;
	background:url(img/ftr_copy.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;
	}