@charset "UTF-8";
/* CSS Document */

html,
body{
	background-color: #fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

main,
#footerInner{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}


/* ===========================================

leftSide

============================================== */

#wrapper{
	background: url(../images/commonTopBg.gif) repeat-x top;
	/*background-color: #fff;*/
}

main{
	display: block;
	padding-top: 27px;
	background: url(../images/mainTop.gif) no-repeat center top;
}

main #leftSide{
	float: left;
	display: inline;
	overflow: hidden;
	width: 200px;
	background-repeat: repeat;
	color: #fff;
	font-size: 10px;
}

main #leftSide header{
	padding-bottom: 8px;
	background-repeat: repeat;
	height: 248px;
}

main #leftSide ul li#sdLibrary{
	overflow: hidden;
	padding-bottom: 5px;
	background-color: #000;
}

main #leftSide ul li#sdLibrary img#sdLibraryImg{
	cursor: pointer;
}

main #leftSide p.searchCaption{
	background-image: url(../images/searchArrowDown.png);
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 10px;
	padding-left: 10px;
	margin: 4px 0 4px 3px;
}

#searchKeyword,
#detailSearchContents{
	overflow: hidden;
	width: 184px;
	margin: 0 auto;
}


main #leftSide p#searchKeywordTitle{
	float: left;
	display: inline;
}

main #leftSide p#detailSearch{
	float: right;
	display: inline;
	cursor: pointer;
	margin-right: 5px;
}

main #leftSide form{
	margin-left: 4px;
}

main #leftSide form input#sdKeyword{
	float: left;
	display: inline;
	width: 136px;
}

main #leftSide form input.searchSubmitBtn{
	float: right;
	display: inline;
	width: 22px;
	height: 22px;
	background-image: url(../images/asideSearchBtn.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	margin: 0;
	margin-right: 4px;
	padding: 0;
	border: none;
	line-height:0;
	font-size: 0;
	cursor: pointer;
}

#detailSearchContents{
	display: none;
	clear: both;
	margin: 0 auto;
}

#searchTitle ul,
#searchAuthor ul,
#searchIllustrator ul{
	overflow: hidden;
	margin-left: 4px;
}

#searchTitle ul li,
#searchAuthor ul li,
#searchIllustrator ul li{
	float: left;
	display: inline;
	margin-right: 5px;
}

main #leftSide nav,
main #leftSide div#twitter{
	padding: 0 0 5px;
}

main #leftSide nav{
	/*background-image: url(../images/leftSideBg.png);*/
}

main #leftSide div#twitter{
	/*background-image: url(../images/leftSideBg.png);*/
}

main #leftSide div#twitter div#twHeader{
	diplay: bloock;
	background-color: #000;
	overflow: hidden;
	height: 20px;
	padding-bottom: 5px;
}

main #leftSide div#twitter div#twHeader span{
	float: left;
	display: inline;
	font-size: 14px;
	height: 20px;
	line-height: 20px;
}

main #leftSide div#twitter div#twHeader span.tweetTxt a{
	color: #fff;
	font-weight: bold;
}

main #leftSide div#twitter div#twHeader span.tweetTxt a:hover{
	text-decoration: underline;
}

main #leftSide div#twitter div#twHeader span.followBtn{
	float: right;
}

main #leftSide ul#navBtn li{
	margin-bottom: 5px;
}

main #leftSide ul#navBtn li:last-child{
	margin-bottom: 0;
	padding-bottom: 5px;
}

main #leftSide ul#navBtn > li{
	/*border: 1px solid #ED0000;*/
}

main #leftSide div#twitter,
main #leftSide ul#asideBanner,
main #leftSide ul#asideBanner li{
	margin-bottom: 8px;
}

main #leftSide ul#asideBanner{
	margin-bottom:15px;
}

main #leftSide ul#asideBanner li{
	text-align: center;
}

main #leftSide div#twitter {
	width: 180px;
	padding: 10px;
	text-align: center;
	color: #fff;
	background: #000;
}

/* ===========================================

article

============================================== */

main article{
	float: right;
	overflow: hidden;
	display: inline;
	position: relative;
	width: 740px;
	padding: 102px 0 90px 20px;
	background-repeat: no-repeat;
	background-position: left top;
}

body#detail main article{
	background-image: url(../images/detailBg.png);
}

main article > h1{
	display: none;
}

main article ul#articleTopBtn{
	position: absolute;
	right: 2px;
	top: 56px;
	overflow: hidden;
}
main article ul#articleTopBtn li{
	float: left;
	display: inline;
	margin-left: 5px;
}

main article div#snsContents{
	position: absolute;
	right:0;
	top: 6px;
}

main article div#tw,
main article div.fb-like{
	float: right;
	display: inline;
}

main article div#tw{
	float: right;
	display: inline;
	padding-left: 59px;
	background: url(/images/commonTwBg.gif) no-repeat left top;
}

main article section{
	overflow: hidden;
	border-bottom: 1px solid #D2D2D2;
	padding: 25px 0;
}

main article section .contentsRightSide{
	float: right;
	display: inline;
	width: 544px;
}

main article section .contentsRightSide h1{
	color: #ED0000;
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 8px;
	padding-bottom: 7px;
	border-bottom: 4px solid #D2D2D2;
}

main article section .contentsRightSide h1 span.preSub,
main article section .contentsRightSide h1 span.appSub{
	display: block;
	font-size: 15px;
}

main article section .contentsRightSide h1 span.preSub{
	margin-bottom: 3px;
}

main article section .contentsRightSide h1 span.appSub{
	margin-top: 3px;
}

main article section .contentsRightSide div.bookCredit{
	margin-bottom: 18px;
}

main article section .contentsRightSide div.bookCredit p{
	font-size: 13px;
	line-height: 17px;
	margin-right: 1em;
}

main article section .contentsRightSide div.bookCredit p span.cap{
	font-weight: bold;
}

main article section .contentsRightSide div.bookCredit p span.cap:after{
	content: "：";
}

main article section .contentsRightSide div.bookCredit p.author01,
main article section .contentsRightSide div.bookCredit p.author02,
main article section .contentsRightSide div.bookCredit p.author03,
main article section .contentsRightSide div.bookCredit p.author04,
main article section .contentsRightSide div.bookCredit p.number,
main article section .contentsRightSide div.bookCredit p.size,
main article section .contentsRightSide ul.contentsBtn li{
	display: inline;
}

main article section .contentsRightSide author03,
main article section .contentsRightSide .price,
main article section .contentsRightSide h2{
	clear: both;
}

main article section .contentsRightSide p.release{
	
}

main article section .contentsRightSide ul.contentsBtn{
	overflow: hidden;
	margin-bottom: 18px;
	font-size: 0;
}

main article section .contentsRightSide ul.contentsBtn li{
	margin-right: 8px;
}

main article section .contentsRightSide h2{
	margin-top: 18px;
	margin-bottom: 14px;
	padding-bottom: 9px;
	border-bottom: 2px solid #D2D2D2;
}

main article section .contentsRightSide p.catch{
	font-size: 15px;
	font-weight: bold;
	line-height: 18px;
}

main article section .contentsRightSide p.summary{
	font-size: 12px;
	margin: 19px 0;
	line-height: 18px;
}

main article section .contentsRightSide ul.articleBanner li{
	margin-bottom: 5px;
}

main article section .contentsLeftSide{
	float: left;
	display: inline;
	width: 172px;
}

main article section .contentsLeftSide p.cover{
	margin-bottom: 5px;
}
main article section .contentsLeftSide p.cover img,
main article section .contentsLeftSide ul.KuchieThumb li img{
	border:1px solid #919191;
	}

main article section .contentsLeftSide ul.genre,
main article section .contentsLeftSide ul.KuchieThumb{
	overflow: hidden;
}

main article section .contentsLeftSide ul.genre li,
main article section .contentsLeftSide ul.KuchieThumb li{
	float: left;
	display: inline;
	margin-bottom: 6px;
	margin-right: 3px;
}

main article section .contentsLeftSide p.credit{
	margin-top: 4px;
	font-size: 10px;
	line-height: 13px;
}

main article p#pageTop{
	/*float: right;
	display: inline;
	margin-bottom: 10px;*/
	
	position: fixed;
	bottom: 121px;
	margin-left: 702px;
	display: none;
}


/* ===========================================

footer

============================================== */

footer{
	clear: both;
	overflow: hidden;
	background-color: #000;
	color: #fff;
	font-size: 10px;
}

#footerInner{
	padding: 16px 0 56px;
}

#footerInner small{
	float: left;
	display: inline;
	height: 39px;
	background-image: url(../images/dxLogo.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 45px;
	padding-top: 3px;
	margin-left: 15px;
	line-height: 10px;
}

#footerInner ul{
	float: right;
	display: inline;
	overflow: hidden;
	margin-right: 19px;
	line-height: 10px;
}

#footerInner ul li{
	float :left;
	display: inline;
	padding: 3px 10px 0;
	border-left: 1px solid #fff;
}

#footerInner ul li:first-child{
	margin-left: -1px;
}

#footerInner ul li a{
	color: #fff;
	text-decoration: none;
}

#footerInner ul li a:hover{
	text-decoration: underline !important;
}