/*-------------------------------------------------
GLOBAL PAGE LAYOUT ELEMENTS
-------------------------------------------------*/
*, h1, h2, h3, h4, h5, h6, ul, li, form, input, select{margin:0;padding:0;}
html{overflow-y:scroll;}
body{
color:#000;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, sans-serif;
background:#999;
text-align:left;
line-height:200%;
font-size:x-small;
_font-size:xx-small;
}

input, select{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", osaka, sans-serif;
text-align:left;
font-size:x-small;
_font-size:xx-small;
}

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

a {/*\*/ overflow: hidden; /* macIE5以外 */}

h1, h2, h3, h4, h5, h6, p {
font-weight: normal;
font-size:x-small;
_font-size:xx-small;
}

#container {
margin:0;
padding: 0px;
width: 830px;
border-right:#777 solid 1px;
background:#eee;
text-align: left;
}


/*-------------------------------------------------
HEADER ELEMENTS
-------------------------------------------------*/
#banner {
width:830px;
height:355px;
margin-bottom:30px;
}

/*-------------------------------------------------
LEFT ELEMENTS
-------------------------------------------------*/
#left {
float:left;
width:200px;
overflow:hidden;
}

#category{
margin:0 20px 0 10px;
}

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

#category li {
list-style-type: none;
margin-bottom:2px;
}

#category li a{
display:block;
width:170px;
height:0px;
_height:51px;
padding-top:51px;
background-position:0px 0px;
background-repeat:no-repeat;
line-height: 200%;
overflow:hidden;
}
#category li a#topics{background-image:url(img/navi_a01.gif);}
#category li a#reviews{background-image:url(img/navi_a02.gif);}
#category li a#bestseller{background-image:url(img/navi_a03.gif);}
#category li a#column{background-image:url(img/navi_a04.gif);}
#category li a#interview{background-image:url(img/navi_b01.gif);margin-top:8px;}
#category li a#preface{background-image:url(img/navi_b02.gif);}
#category li a#profile{background-image:url(img/navi_b03.gif);}
#category li a#blog{background-image:url(img/navi_c01.gif);margin-top:8px;}

#category li a:hover{
background-position:-170px 0px;
}

#left .link-note {
margin:40px 0 10px 10px;
}
#left .link-note a{
display:block;
width:25px;
overflow:hidden;
padding-top:12px;
height:0px;
_height:12px;
background:url(img/rss.gif) 0px 0px no-repeat;
}

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

#top-center h2 a{
display:block;
width:410px;
height:0px;
_height:57px;
padding-top:57px;
background-position:0 0;
background-repeat:no-repeat;
line-height:200%;
overflow:hidden;
}
#top-center h2#topics a{background-image:url(img/top_h2_01.gif);}
#top-center h2#reviews a{background-image:url(img/top_h2_02.gif);}
#top-center h2#bestseller a{background-image:url(img/top_h2_03.gif);}

#top-center .content{
background:#eee url(img/top_bdy_bk.gif) 0 0 no-repeat;
margin:0px 20px 40px 0px;
padding-top:2px;
}
#top-center .content p.newcts{
background-image:url(img/arrow-gld.gif);
background-position:0 0.5em;
background-repeat:no-repeat;
color: #000;
margin:0px 0px 10px 0px;
padding-left:20px;
font-size:small;
_font-size:x-small;
}


/*-------------------------------------------------
RIGHT ELEMENTS
-------------------------------------------------*/
#right {
float: left;
width: 190px;
overflow: hidden;
}

#right h2#blog a{
display:block;
width:190px;
height:0px;
_height:25px;
padding-top:25px;
background-image:url(img/top_h2_04.gif);
background-position:0 0;
background-repeat:no-repeat;
line-height:200%;
overflow:hidden;
}
#right .content{
background:#eee url(img/top_bdyr_bk.gif) 0 0 repeat-y;
margin-right:10px;
padding-left:10px;
padding-top:20px;
}
#right .content p.newcts{
background-image:url(img/arrow-gry.gif);
background-position:0 0.5em;
background-repeat:no-repeat;
color: #000;
margin:0px 0px 10px 0px;
padding-left:20px;
font-size:small;
_font-size:x-small;
}

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

#center h2{
width:610px;
height:0px;
_height:57px;
padding-top:57px;
background-position:0 0;
background-repeat:no-repeat;
line-height:200%;
overflow:hidden;
}
#center h2#topics{background-image:url(img/h2_01.gif);}
#center h2#reviews{background-image:url(img/h2_02.gif);}
#center h2#bestseller{background-image:url(img/h2_03.gif);}
#center h2#blog{background-image:url(img/h2_04.gif);}
#center h2#column{background-image:url(img/h2_08.gif);}

#center .content{
background:#eee url(img/top_bdy_bk.gif) 0 0 repeat-x;
margin:0px 20px 40px 0px;
padding:2px 10px 10px 10px;
}

#center .content h3 {
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "細明朝体", serif;
color: #8E753F;
font-weight: bold;
margin:10px 0px 10px 0px;
font-size:large;
_font-size:medium;
}
#center .content .entry {
margin:0px 0px 30px 0px;
border-bottom:1px solid #fff;
font-size:small;
_font-size:x-small;
}
#center .content .entry-body{
color: #666;
padding-bottom:20px;
border-bottom:1px solid #ccc;
font-size:small;
_font-size:x-small;
}
#center .content .entry-body #name{
text-align:right;
font-size:small;
_font-size:x-small;
}
#center .content .entry-body p{
color: #000;
font-size:small;
_font-size:x-small;
}

#center .content p.newcts{
background-image:url(img/arrow-gld.gif);
background-position:0 0.5em;
background-repeat:no-repeat;
margin:0px 0px 10px 0px;
padding-left:20px;
font-size:small;
_font-size:x-small;
}

p.entrynavi {
margin:0px 0px 20px 0px;
}
.content p.posted {
color: #999;
border-top: 1px solid #eeeeee;
padding-top: 3px;
font-size:x-small;
_font-size:xx-small;
}


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

#auth-center h2{
margin-left:20px;
width:790px;
height:0px;
_height:57px;
padding-top:57px;
background-position:0 0;
background-repeat:no-repeat;
line-height:200%;
overflow:hidden;
}
#auth-center h2#interview{background-image:url(img/h2_05.gif);}
#auth-center h2#preface{background-image:url(img/h2_06.gif);}
#auth-center h2#profile{background-image:url(img/h2_07.gif);}

#auth-center .content{
background:#eee url(img/top_bdy_bk.gif) 0 0 repeat-x;
margin:0px 20px 40px 20px;
padding:22px 10px 10px 10px;
}

#auth-center .content h3 {
font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "細明朝体", serif;
color: #8E753F;
font-weight: bold;
margin:10px 0px 10px 0px;
font-size:large;
_font-size:medium;
}

#auth-center .content h4 {
margin-top:20px;
margin-bottom:5px;
color: #000;
font-weight:bold;
font-size:small;
_font-size:x-small;
}

#auth-center .content .entry {
margin:0px 0px 30px 0px;
border-bottom:1px solid #fff;
font-size:small;
_font-size:x-small;
}
#auth-center .content .entry-body{
color: #666;
padding-bottom:20px;
border-bottom:1px solid #ccc;
font-size:small;
_font-size:x-small;

}
#auth-center .content img.imgright{
margin-left:20px;
margin-bottom:10px;
}
#auth-center .content img.imgleft{
margin-right:20px;
margin-bottom:10px;
}

#auth-center .content #entry-b0302 img.imgright{
margin-left:10px;
margin-bottom:5px;
}
#auth-center .content #entry-b0302 img.imgleft{
margin-right:10px;
margin-bottom:5px;
}

#auth-center .content #entry-b0302 img.imgbtm{
margin-bottom:5px;
}
#auth-center .content .entry-body p{
color: #000;
font-size:small;
_font-size:x-small;
}
#auth-center .content #entry-b0302 .entry-body p{
line-height: 120%;
}

#auth-center .content .entry-body p.question{
margin-top:10px;
color: #666;
font-weight:bold;
font-size:small;
_font-size:x-small;
}

#auth-center .content p.newcts{
background-image:url(img/arrow-gld.gif);
background-position:0 0.5em;
background-repeat:no-repeat;
margin:0px 0px 10px 0px;
padding-left:20px;
font-size:small;
_font-size:x-small;
}

#auth-center #ftrnavi {}
#auth-center #ftrnavi .btop a{
float:left;
margin:10px 5px;
display:block;
width:168px;
overflow:hidden;
padding-top:16px;
height:0px;
_height:16px;
background:url(img/ftr_btop.gif) 0px 0px no-repeat;
}
#auth-center #ftrnavi .ptop a{
float:right;
margin:10px 5px;
display:block;
width:101px;
overflow:hidden;
padding-top:16px;
height:0px;
_height:16px;
background:url(img/ftr_ptop.gif) 0px 0px no-repeat;
}

/*-------------------------------------------------
FOOTER ELEMENTS
-------------------------------------------------*/
#prefooter {
clear: both;
}
#footer {
border-top: 1px solid #777;
background-color:#999;
margin:0px;
height:65px;
overflow:hidden;
}
#footer .logo a {
float:left;
margin:10px 5px;
display:block;
width:281px;
overflow:hidden;
padding-top:19px;
height:0px;
_height:19px;
background:url(img/ftr_top.gif) 0px 0px no-repeat;
}
#footer .copy {
float:right;
margin:10px 5px;
display:block;
width:261px;
overflow:hidden;
padding-top:19px;
height:0px;
_height:19px;
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;
}