@charset "shift_jis";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  “Œ‹ž‘nŒ³ŽÐ
	URL:  http://www.tsogen.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //

	1: bookdetailBox
		:bookdetail
		:orderBox
	2: detaildataBox

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

#center{
	width:480px;
	float:left;	}

#sosialButtons{
	text-align:right;
	padding-right:10px;}


 // 1: bookdetailBox
------------------------------ */
#detail #main .bookdetailBox {
	margin-top: 20px;
	padding-bottom: 20px;
	
}

#detail #main .bookdetailBox .coverL {
	width: 240px;
	padding-bottom: 20px;
	float: left;
}

#detail #main .bookdetailBox .coverL img {
	border: 1px solid #ccc;
}


/* bookdetail
--------------------*/
#detail #main .bookdetailBox .bookdetail {
	width: 240px;
	float: left;
}

#detail #main .bookdetailBox .bookdetail dl {
	clear: both;
}

#detail #main .bookdetailBox .bookdetail dd.bookgenre {
	margin-bottom: 20px;
}

#detail #main .bookdetailBox .bookdetail dt {
	width: 40px;
	margin-bottom: 5px;
	float: left;
	line-height: 1.1;
}

#detail #main .bookdetailBox .bookdetail dd {
	width: 180px;
	margin-bottom: 5px;
	float: left;
	line-height: 1.3;
}

#detail #main .bookdetailBox .bookdetail .seriesname {
	margin-bottom: 5px;
	clear: both;
}

#detail #main .bookdetailBox .bookdetail .spec {
	margin-bottom: 10px;
	clear: both;
}

#side_r{
	width:220px;
	float:right;}

/* orderBox
--------------------*/
#detail #main .orderBox {
	width: 186px;
	padding: 20px 17px 10px;
	float: left;
	background-color:#f3f3f3;
	margin-bottom:20px;
}

#detail #main .orderBox .orderform {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(img/line.gif) bottom no-repeat;
}

#detail #main .orderBox .orderform .btncart {
	margin-bottom: 10px;
}

#detail #main .orderBox .textonline {
	margin-bottom: 5px;
}

#detail #main .orderBox ul.onlinebanner {
	padding-top: 5px;
	clear: both;
}

#detail #main .orderBox .onlinebanner li {
	width: 88px;
	float: left;
}

#detail #main .orderBox .onlinebanner li.left {
	width: 98px;
}

#detail #main .orderBox .zaiko {
	margin-top: 10px;
	margin-bottom: 5px;
}

.buytitle{
	background: url(img/line.gif) top no-repeat;
	padding-top:10px;
	margin:10px 0;}

.buytitle2{
	clear:both;
	background: url(img/line.gif) top no-repeat;
	padding-top:10px;
	margin:5px 0;}
	
ul.tentou{
	font-size:small;
	line-height:1.3;
    padding-top: 5px;
	clear: both;
	}
ul li.zaiko{
	display:inline;
	border-left:1px solid #666;
	padding:0 5px 0 5px;
	}
ul li.zaiko_first{
	display:inline;
	padding:0 5px 0 0;
	}
	
#detail #main .orderBox .onlinebanner .textS {
	padding-bottom:7px;	
}

/*------------------------------
 // 2: detaildataBox
------------------------------ */
#detail #main .detaildataBox {
	width: 700px;
}

#detail #main .detaildataBox .detaildataL {
	width: 460px;
	margin-right: 20px;
	float: left;
}

#detail #main .detaildataR {
	width: 220px;
	float: left;
}

#detail #main .detaildataBox .detailBox {
	margin-top: 20px;
	margin-bottom: 20px;
}

#detail #main .detailBox02 {
	margin-top: 10px;
	margin-bottom: 20px;
}

#detail #main .detailtitle {
	margin-bottom: 10px;
}

#detail #main .detailtitle2 {
	margin: 10px 0;
}

#detail #main .detaildataBox .detailintro {
	margin-bottom: 5px;
	color: #666;
}

#detail #main .detaildataBox .readBox {
	margin-top: 10px;
}

#detail #main .detaildataL li {
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(img/arrow04.gif) 0 0.2em no-repeat;
}

#detail #main .detaildataR li {
	padding-left: 15px;
	padding-bottom: 5px;
	background: url(img/arrow05.gif) 0 0.5em no-repeat;
}

#detail #main .recommendBox {
	margin-top: 20px;
}

#detail #main .recommendcover,
#detail #main .recommenddata {
	width: 110px;
	padding-bottom: 10px;
	float: left;
}

#detail #main .recommendcover img {
	border: 1px solid #ccc;
}