@charset "utf-8";
/*------ all contents -------*/


#TopicPass{/*pan kuzu list*/
margin:0 0 -8px -15px;
color:#999999;
position:relative;
}
#TopicPass dt{
display:none;
}
#TopicPass dd a{
padding:6px 0;
}

#contents{
position:relative;
width:660px;
float:left;
margin: 0 0 0 0;
padding:0 0 0 20px;
}
*+html #contents { margin: 0px 0 0 0; }
* html #contents { margin: 0px 0 0 0; }


#contents h2{
width:100%;
height:153px;
padding:0 20px 0 0;
margin: 0 0 -90px -20px;
}
#contents h2 span{
display:none;
}


#TtlNewBooks{
background: url(../img/ttl_new_books.gif) no-repeat left 20px;
}
#TtlNews{
background:url(../img/ttl_news.gif) no-repeat left 20px;
}
#TtlPeriodical{
background:url(../img/ttl_periodical.gif) no-repeat left 20px;
}
#TtlSpecial{
background:url(../img/ttl_special.gif) no-repeat left 20px;
}

#TtlGeneral{
background:url(../img/ttl_general.gif) no-repeat left 20px;
}
#TtlComic{
background:url(../img/ttl_comic.gif) no-repeat left 20px;
}
#TtlSubculture{
background:url(../img/ttl_subculture.gif) no-repeat left 20px;
}
#TtlLiterary{
background:url(../img/ttl_literary.gif) no-repeat left 20px;
}
#TtlNonfiction{
background:url(../img/ttl_nonfiction.gif) no-repeat left 20px;
}

#TtlYear{
background:url(../img/ttl_year.gif) no-repeat left 20px;
}
#TtlNews{
background:url(../img/ttl_news.gif) no-repeat left 20px;
}
#TtlQJ{
background:url(../img/ttl_qj.gif) no-repeat left 20px;
}
#TtlContinue{
background:url(../img/ttl_continue.gif) no-repeat left 20px;
}
#TtlErof{
background:url(../img/ttl_erof.gif) no-repeat left 20px;
}
#TtlHonnin{
background:url(../img/ttl_honnin.gif) no-repeat left 20px;
}
#TtlAt{
background:url(../img/ttl_at.gif) no-repeat left 20px;
}
#TtlDesign{
background:url(../img/ttl_design.gif) no-repeat left 20px;
}
#TtlLibertines{
background:url(../img/ttl_libertines.gif) no-repeat left 20px;
}
#TtlKettle{
background:url(../img/ttl_kettle.gif) no-repeat left 20px;
}
#TtlOtome{
background:url(../img/ttl_otome.gif) no-repeat left 20px;
}

#TtlSearch{
background:url(../img/ttl_search.gif) no-repeat left 20px;
}
#TtlInvite{
background:url(../img/ttl_invite.gif) no-repeat left 20px;
}
#TtlDigital{
background:url(../img/ttl_digital.gif) no-repeat left 20px;
}
#TtlDigitalPrvdr{
background:url(../img/ttl_digital_provider.gif) no-repeat left 20px;
}
#TtlDigitalTpcs{
background:url(../img/ttl_digital_topics.gif) no-repeat left 20px;
}
#TtlBlog{
background:url(../img/ttl_blog.gif) no-repeat left 20px;
}


#Bklist{
background:url(../img/ttl_writers_bklist.gif) no-repeat left 20px;
}
#Writer{
background:url(../img/ttl_writer.gif) no-repeat left 20px;
}
#Recruit{
background:url(../img/ttl_recruit.gif) no-repeat left 20px;
}
#Company{
background:url(../img/ttl_company.gif) no-repeat left 20px;
}
#Contact{
background:url(../img/ttl_contact.gif) no-repeat left 20px;
}
#Advertise{
background:url(../img/ttl_advertise.gif) no-repeat left 20px;
}
#Bookshop{
background:url(../img/ttl_bookshop.gif) no-repeat left 20px;
}

#contents h2 span{
display:none;
}

#BtnBackList{
position:absolute;
top:34px;
right:8px;
}
#BtnBackList a{
display:block;
background-image:url(../img/btn_back_list.gif);
background-repeat:no-repeat;
background-position:4px 4px;
width:74px;
height:11px;
padding:4px;
}
#BtnBackList a:hover{
background-position:4px -11px;
}
#BtnBackList span{
display:none;
}



/*------
 news list
------*/

#newsList{
clear:both;
border-top: dotted 1px #cecece;
margin:15px 16px 0 16px;
padding: 0;
}
#newsList dl {
border-bottom: dotted 1px #cecece;
background:url(../img/allow_01.gif) 5px 11px no-repeat;
padding:2px 0 3px 14px;
clear:both;
}
#newsList dl dt{
font-weight:bold;
font-size:80%;
color:#6c6c6c;
float:left;
padding:3px 0 0 0;
font-size:90%;
}
#newsList dl dd {
margin-left:6.5em;
padding:2px 6px 2px 6px;
line-height:1.3em;
}
#newsList dl dd a{
font-weight:bold;
line-height:1.5em;
}
#newsList img{
border:solid 1px #ccc;
padding:1px;
margin:0 0 0 20px;
background:#ffffff;
float:right;
}

.TtlLinks{
display:block;
position:absolute;
right:0;
top:35px;
}
.TtlLinks li{
float:right;
padding:0 8px 0 0;
}
.TtlLinks li a{
display:block;
background-repeat:no-repeat;
background-position:4px 4px;
padding:4px;
}
.TtlLinks li a:hover{
background-position:4px -11px;
}
.TtlLinks span{
display:none;
}

.BtnRSS a{
background-image:url(../img/btn_rss.gif) ;
width:38px;
height:11px;
padding:4px;
}
.BtnAllnewsList a{
background-image:url(../img/toppage/btn_allnews_list.gif) ;
width:34px;
height:11px;
padding:4px;
}

.BtnAdvrts a{
background-image:url(../img/btn_perio_advrts.gif);
width:74px;
height:11px;
padding:4px;
}
.BtnOfficialsite a{
background-image:url(../img/btn_officialsite.gif);
width:74px;
height:11px;
padding:4px;
}


.TtlBox{
border-top:solid 1px #cecece;
background:url(../img/line_dotted.gif) bottom repeat-x;
margin:24px 9px 14px 9px;
padding:0 0 1px 0;
width:640px;
}
.TtlBox h3 {
display:block;
background:#f1f1f1 url(../img/allow_03.gif) no-repeat 10px 45%;
margin:1px 0 1px 0;
padding:4px 0 3px 30px;
letter-spacing:0.1em;
}
.TtlBox h3 img{
vertical-align:middle;
}
.TtlBox p {
margin:1px 0 -6px 0;
padding:2px 0 0 30px;
background:#f1f1f1;
color:#999999;
}
.TtlBox h3#access{
background:#f1f1f1 url(../img/icon_access.gif) no-repeat 4px 65%;
padding:5px 0 3px 36px;
}


.TxtBox{
margin:0 19px 0 19px;
line-height:1.7em !important;
}
.TxtBox p{
line-height:1.7em !important;
width:500px;
}
.TxtBox a{
line-height:1.7em !important;
}

.BtnMail{
display:block;
width:144px;
height:42px;
background-image:url(../img/btn_contact.gif);
background-repeat:no-repeat;
background-position:top;
margin:0 0 0 -10px;
}
.BtnMail:hover{
background-position:bottom;
}
.BtnMail span{
display:none;
}

.BtnPageTop{
display:block;
background:url(../img/btn_tagetop.gif) no-repeat 50% 50% ;
width:63px;
height:20px;
padding:4px;
float:right;
margin:0 0 -6px 0;
}
.BtnPageTop span{
display:none;
}

/*------
 special list
------*/

#specialList{
clear:both;
margin:16px 0 0 0px;
}
#specialList dl {
display:block;
width:200px;
padding:0 0 15px 17px;
float:left;
}
#specialList dl dt{
font-weight:bold;
height:144px;
margin:0 0 7px 0;
}
#specialList dl dt a{
display: table-cell;
vertical-align:middle;
text-align:center;
height:144px;
width:192px;
border:solid 1px #ccc;
background:#eeeeee;
-webkit-box-shadow: #999999 1px 2px 6px;
-moz-box-shadow: #999999 1px 2px 6px;
box-shadow: #999999 1px 2px 6px;
}
#specialList dl dd {
font-weight:bold;
color:#6c6c6c;
font-size:90%;
margin:0 0 2px 0;
}
#specialList dl dd a{
aline-height:1.5em;
font-weight:normal;
font-size:110%;
}