@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;
}
#TtlCopyright{
background:url(../img/ttl_copyright.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;
}
#TtlWebNovel{
background:url(../img/ttl_web_novel.gif) no-repeat left 20px;
}
#TtlOndemand{
background:url(../img/ttl_ondemand.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;
}

/* more title */
#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 #TtlTxt{
background:url(../img/ttl_plain.gif) no-repeat left 20px;
}
#contents #TtlTxt span{
display: block;
padding:32px 0 0 14px;
font-weight:bold;
font-size:90%;
}


#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{
width:600px;
line-height:1.7em;
margin-bottom:1.5em;
}

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

.PhotoBottomLinks>ul{
margin: 25px auto 0 auto;
}
.PhotoBottomLinks>ul>li{
margin: 0 auto 10px auto;
}
.PhotoBottomLinks>ul>li>a>img{
max-width: 200px;
border: solid 1px #d6d6d6;
box-shadow: rgb(221, 221, 221) 1px 1px 3px;
}

.contentAreaBnrLinks>ul{
margin: 25px auto 0 auto;
text-align: center;
}
.contentAreaBnrLinks>ul>li{
margin: 0 auto 10px auto;
}
.contentAreaBnrLinks>ul>li>a>img{
max-width: 400px;
border: solid 1px #d6d6d6;
box-shadow: rgb(221, 221, 221) 1px 1px 3px;
}


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

#specialList{
clear:both;
margin:16px 0 0 0px;
}
#specialList dl {
display:block;
width:200px;
padding:0 0 0 17px;
margin:10px 0 10px 0;
float:left;
height:276px;
overflow:hidden;
}
#specialList dl dt{
font-weight:bold;
height:194px;
margin:0 0 7px 0;
display:block;
}
#specialList dl dt a{
display: table-cell;
vertical-align:middle;
text-align:center;
width:192px;
height:192px;
border:solid 1px #ccc;
background:#eeeeee;
overflow:hidden;
padding:0;
margin:0;
}
#specialList dl dt a img{
	max-width:192px;
	max-height:192px;
}
#specialList dl dd {
font-weight:bold;
color:#6c6c6c;
font-size:90%;
margin:0 0 2px 0;
}
#specialList dl dd a{
line-height:1.5em;
font-weight:normal;
font-size:110%;
}

.inlineList{
font-size: 85%;
margin: 0 0 10px 0;
color: #cdcdcd;
}
.inlineList li{
display: inline-block;
line-height: 1.5;
padding: 4px 0;
}
.inlineList li:not(:first-child):before{
content:"| ";
}
.inlineList li a{
font-weight: normal;
white-space: nowrap;
padding: 0;
}

/*------
 ondemand 
------*/


.squareBox{
	display:block;
	float:left;
	width:182px;
	font-size:70%;
	margin:2px 24px 20px 0;
	line-height:1.2em !important;
	}
.squareBox a{
	font-size:120%;
	line-height:1.35em !important;
	}
.squareBox a.BookCover{
float:left;
display:block;
width:178px;
height:178px;
border:solid 1px #e8e8e8;
text-align:center;
margin:0 6px 4px 0;
background:#FFFFFF url(../img/allow_02.gif) 2px 2px no-repeat;
}
.squareBox a.BookCover:hover{
background:#f3f3f3 url(../img/allow_02.gif) 2px 2px no-repeat;
}
.squareBox a.BookCover img{
margin:23px 22px 20px 22px ;
height:130px;
}


.ondemandTable{ 
border-collapse:collapse;
border:double 3px #cecece;
margin:0px 0 24px 0;
width:618px;
	width:95.4%;
}
.ondemandTable th{
border-right:solid 1px #cecece;
border-bottom:solid 1px #cecece;
text-align:center;
padding:3px 4px 2px 4px;
background:#f1f1f1;
}
.ondemandTable td{
border: solid 1px #cecece;
text-align:center;
padding:2px 4px 2px 4px;
}

.ondemandTable tr:nth-child(odd) td{
background: #f9f9f9;
}
.ondemandTable .comment{
	text-align:left;
	font-size:85%;
	width:210px;
	}

.TableTtl{
	clear:both;
	margin:16px 0 3px 2px;
}
.TableTtl span{
font-weight:bold;
background:url(../img/allow_05.gif) left 50% no-repeat;
padding:0 0 0 12px;
}



a.btnOrange, a.btnGreen{
	display:block;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	padding:2px 4px 3px 4px;
	margin:5px auto;
	text-shadow: 0px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.2);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	width:6em;
	}
a.btnOrange:hover, a.btnGreen:hover{
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
	box-shadow: 0px 1px 5px inset rgba(255,255,255,0.5);
	}
a.btnOrange{
color:#ffffff;
background: #ffb76b;
background: -moz-linear-gradient(top,  #ffb76b 0%, #ff7f04 50%, #ffa73d 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(50%,#ff7f04), color-stop(100%,#ffa73d));
background: -webkit-linear-gradient(top,  #ffb76b 0%,#ff7f04 50%,#ffa73d 100%);
background: -o-linear-gradient(top,  #ffb76b 0%,#ff7f04 50%,#ffa73d 100%);
background: -ms-linear-gradient(top,  #ffb76b 0%,#ff7f04 50%,#ffa73d 100%);
background: linear-gradient(to bottom,  #ffb76b 0%,#ff7f04 50%,#ffa73d 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ffa73d',GradientType=0 );
border:solid 1px #ef7c1d;
}
a.btnGreen{
color:#ffffff;
background: #9dd53a;
background: -moz-linear-gradient(top,  #9dd53a 0%, #7dbc16 51%, #9dd53a 99%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9dd53a), color-stop(51%,#7dbc16), color-stop(99%,#9dd53a));
background: -webkit-linear-gradient(top,  #9dd53a 0%,#7dbc16 51%,#9dd53a 99%);
background: -o-linear-gradient(top,  #9dd53a 0%,#7dbc16 51%,#9dd53a 99%);
background: -ms-linear-gradient(top,  #9dd53a 0%,#7dbc16 51%,#9dd53a 99%);
background: linear-gradient(to bottom,  #9dd53a 0%,#7dbc16 51%,#9dd53a 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#9dd53a',GradientType=0 );
border:solid 1px #72aa00;
}


/*------
 web novels list 
------*/


.ListBookwebnovels{
	clear:both;
margin:0 2px 8px 9px;
}

.ListBookwebnovels .TtlBox{
border-top:solid 1px #cecece;
background:none;
margin:18px 0 0 0;
width:440px;
float:right;
}
.ListBookwebnovels .TtlBox h3{
display:block;
background:#f1f1f1 url(../img/allow_03.gif) no-repeat 10px 45%;
margin:1px 0 1px 0;
padding:5px 0 4px 30px;
letter-spacing:0.1em;
}

.ListBookwebnovels .PhotoBox{
float:left;
width:200px;
text-align:center;
margin:18px 0 0 1px;
}

.ListBookwebnovels .PhotoBox a {
}
.ListBookwebnovels .PhotoBox img{
	padding:1px;
	border: solid 1px #ccc;
}


.ListBookwebnovels .Outline{
width:440px;
float:right;
}

.ListBookwebnovels .DetailsTable{
float:left;
text-align:left;
background:url(../img/line_dotted.gif) top repeat-x;
margin:3px 0 30px 0;
width:440px;
}
.ListBookwebnovels .DetailsTable th{
width:78px;
background:url(../img/line_dotted.gif) bottom repeat-x;
}
.ListBookwebnovels .DetailsTable td{
background:url(../img/line_dotted.gif) bottom repeat-x;
}
.ListBookwebnovels .DetailsTable p{
margin:5px 4px;
line-height:1.5em;
}
.ListBookwebnovels .readBtns{
	background:#eeeeee;
	padding:10px;
	margin:6px 1px 7px 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
.ListBookwebnovels .readBtns p{
	padding-bottom:3px;
	width:280px;
	}
.ListBookwebnovels .readBtns p a{
	display:block;
	text-align:center;
	font-size:120%;
	background:#51a9d7 url(../img/btn_webnovel_bg.gif) right center no-repeat;
	padding:14px;
	color:#ffffff;
	font-weight:bold;
	border:solid 1px #31a9ee;
	line-height:1.2em;
	text-shadow:#3589b6 1px 1px 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	letter-spacing:0.1em;
	}
.noteGray{
	font-size:80%;
	color:#999999;
	clear:both;
	}
.ListBookwebnovels .readBtns p.archiveLink{
	float:right;
	width:120px;
	}
.ListBookwebnovels .readBtns p.archiveLink a{
	border:solid 1px #4c698a;
	background:#597493 url(../img/btn_webnovellist_bg.gif) right center no-repeat;
	text-shadow:#4c698a 1px 1px 0px;
	}