@charset "utf-8";




/*---------------------------------------------------
top - new content */



/*---------------------------------------------------
book contents */


#bookContents{
background:url(../img/book_bg.gif) 22px 22px no-repeat;
position:relative;
height:344px;
width:100%;
}

#bookContents .clear{
height:20px;
background:url(../img/book_bg_foot.gif) 22px bottom no-repeat;
margin:0;
padding:0;
}


#bookContents h2{
float:right;
width:335px;
display:block;
padding:78px 0 3px 0;
margin:0 45px 0px 0;
font-family :ＤＦＧ平成明朝体W5, "ヒラギノ明朝 Pro W6", "Myriad Web Pro", ＤＦＧ平成ゴシック体W5, HGPｺﾞｼｯｸE, "ＭＳ Ｐゴシック", osaka ;
letter-spacing:-0.01em;
font-size:208%;
line-height:1.18em;
font-weight:bold;
background:url(../img/line_dotted.gif) left bottom repeat-x;
}
* html #bookContents h2{
font-size:27px;
margin:0 22px 0 0;
}

#bookContents h3{
float:right;
width:335px;
display:block;
padding:48px 0 5px 0;
margin:0 45px 0px 0;
font-size:100%;
background:url(../img/line_dotted.gif) left bottom repeat-x;
}
* html #bookContents h3{
margin:0 22px 0 0;
}

#btnContents{
margin: 0 ;
clear:both;
padding:6px 0 0 0;
}
* html #btnContents{
padding:0;
}
#btnContents a{
display:block;
background:url(../img/btn_contents.gif) center top no-repeat;
height:30px;
width:172px;
margin: 0 auto;
}
* html #btnContents a{
margin: 6px auto 0 auto;
padding:0;
}
#btnContents a:hover{
background-position: center bottom;
}
#btnContents a span{
display: none;
}


#btnAboutBook {
margin:0;
padding:0;
display:block;
position:absolute;
z-index:2;
right:44px;
bottom:20px;
width:166px;
}
#btnAboutBook a{
display:block;
background:url(../img/btn_aboutbook.gif) left top no-repeat;
height:24px;
}
#btnAboutBook a:hover{
background-position: left -25px;
padding:0;
margin:0;
}
#btnAboutBook a span{
display: none;
}


#cover{
float:left;
margin:0 0 0 0;
padding:48px 0 0 48px;
}

#bookContentsTxt{
float:right;
display:block;
width:330px;
margin:0 50px 0 0;
padding:6px 0 0 0;
}
* html #bookContentsTxt{
margin:0 25px 0 0;
}


#bookContentsList{
float:right;
display:block;
width:350px;
margin:0 30px 0 0;
padding:6px 0 0 0;
font-size:81%;
}
* html #bookContentsList{
margin:0 15px 0 0;
}

#bookContentsList ul{
}
* html #bookContentsListul{
}

#bookContentsList li{
float:left;
width:48%;
margin:0 0 0 0;
color: #999999;
}
#bookContentsList li a{
display:block;
background:url(../img/icon_feature.gif) left 3px no-repeat;
padding:2px 0 2px 12px;
line-height:1.2em;
color: #666666;
}
#bookContentsList li a:hover{
background:url(../img/icon_feature.gif) left 3px no-repeat #eee;
color: #3366ff;
}

#bookContents .bookCredit{
position:absolute;
bottom:20px;
left:260px;
z-index:2;
font-size:80%;
width:170px;
color:#8a8a8a;
line-height:1.2em;
}



/*---------------------------------------------------
new content photos */

#photos{
clear:both;
display:block;
background:url(../img/photos_bg.gif);
padding:0 8px;
margin:0 0 0 0;
}
#photos ul{
display:block;
margin: 0 auto 0 auto;
text-align:center;
}
#photos li{
display:inline;
}
#photos a img{
border: solid 1px #c3c3c3;
margin:8px;
}
#photos a:hover img{
border: solid 1px #7e93ed;
}


/*---------------------------------------------------
top - new blog entry list */

#newBlogEntry{
margin:30px 22px 0 22px;
background:url(../img/newblogentry_bg.gif);
}
#newBlogEntry h2{
background:url(../img/newblogentry_ttl.gif);
width:598px;
height:45px;
}
#newBlogEntry h2 span{
display:none;
}
#newBlogEntry #btnRSS a{
display:block;
width:53px;
height:26px;
background:url(../img/btn_rss.gif) top no-repeat;
position:absolute;
margin:-41px 0 0 540px ;
}
#newBlogEntry #btnRSS a:hover{
background-position:bottom;
}
#newBlogEntry #btnRSS span{
display:none;
}
#newBlogEntry ul{
width:598px;
padding:4px 0 30px 0;
background:url(../img/newblogentry_foot.gif) 50% bottom no-repeat;
margin:0 0 15px 0;
}
#newBlogEntry ul li {
display:inline;
}
#newBlogEntry ul li a{
line-height:1.3em;
}
#newBlogEntry ul li p.date{
clear:both;
float:left;
width:100px;
position:relative;
left:11px;
text-align:center;
padding:2px;
font-size:88%;
color:#7e7e7e;
margin:0 0 8px 0;
}
#newBlogEntry ul li p.category{
float:left;
display:block;
width:78px;
text-align:center;
background:url(../img/category_bg_l.gif) 0% no-repeat;
margin:2px 0 8px 18px ;
}
#newBlogEntry ul li p.category span{
display:block;
background:url(../img/category_bg_r1.gif) 100% 50% no-repeat;
color:#b0b0b0;
font-size:81.9%;
padding:2px;
letter-spacing:0.5px;
}
#newBlogEntry ul li p.enrtyTitle{
margin:0 16px 8px 210px;
padding:2px;
}