@charset "utf-8";

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

 // Site Outline //

	Site Name:  河出書房新社
	URL:  http://www.kawade.co.jp/


 // Font-size Adjustment //

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


 // CSS Index //



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


/*------------------------------
 // 1: text
------------------------------ */
.red {
	color: #c00;
}

.pagecomment {
	margin-top: 20px;
	margin-bottom: 10px;
}

.pageback {
	margin-top: 10px;
	text-align: right;
}

.note {
	color: #666;
}

/*------------------------------
 // 2: mark
------------------------------ */
.new {
	margin-left: 5px;
}

/*------------------------------
 // 3: exMark
------------------------------ */

.exMark dt{
	width: 1em;
	float: left;
}

.exMark dd{
	margin-left: 1.5em;

}
.exMark dd{
	margin-left: 1.5em;

}


/*------------------------------
 // 3: book
------------------------------ */
#main .title,
#main .author,
#main .genre,
#main .series,
#main .price,
#main .tax{
}

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

#main .intro {
	margin-top: 5px;
}

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

#main .listBtn {
	margin-top: 10px;
}

#main .btnDetail {
	margin-right: 4px;
}


/*------------------------------
 // 4: titleBox
------------------------------ */
#main .titleBox {
	padding-bottom:15px;
}

#main .titleBox h1 {
	text-indent: -9999px;
	height: 50px;
}

#main .titleBox .titleEx{
	padding-top:10px;
}

/*文藝のタイトル*/
#main .titleBox h1.Title {
	background: url(img/t_bungei.gif) left top no-repeat;
}

/* titleLBox 左ナビがついてない場合
--------------------*/
#main .titleLBox {
	margin-bottom:15px;
}

#main .titleLBox h1 {
	display: inline;
}

/* sbookmarkBox
--------------------*/
#main .titleBox .sbookmarkBox {
	margin-top: 10px;
	text-align: right;
}

#main .titleBox .sbookmarkBox .sbookmark {
	margin-right: 5px;
}

/*------------------------------
 // 1: bottom
------------------------------ */


/*------------------------------
 // 1: displayBox
------------------------------ */
#main .displayBox {
	clear: both;
	margin: 20px 0 10px 0;
	padding: 11px 10px 0 10px;
	height: 43px;
	text-align: center;
	background: url(img/searchbox_sub_bg.jpg) left top no-repeat;
}

#main .displayBox .result {
	display: inline;
	margin-right: 20px;
}

#main .displayBox .sort,
#main .displayBox .sort li {
	display: inline;
}

/*------------------------------
 // 1: pagerBox
------------------------------ */
#main .pagerBox {
	clear: both;
	margin-bottom: 10px;
}

#main .pagerFoot {
	padding-top: 10px;
	background: url(img/dottedline.gif) left top repeat-x;
}

#main .pagerBox .pager {
	width: 500px;
	padding-top:1px;
	float: left;
}

#main .pagerBox .pageNavi li{
	float: left;
	padding: 2px 7px;
	margin-left: 2px;
	border: solid #e2e2d9 1px;
	background-color: #f6f6ed;
}

#main .pagerBox .pageNavi .serect {
	border: solid #c2c2b5 1px;
	background-color: #c2c2b5;
	color: #FFF;
}

#main .pagerBox .pageNavi .ahead {
	margin-right: 10px;
	margin-left: 0px;
}

#main .pagerBox .pageNavi .next {
	margin-left: 10px;
}

/* cartCeck
--------------------*/

#main .pagerBox .cartCeck {
	width: 250px;
	text-align: right;
	float: right;
}

/*------------------------------
 // 1: booklistBox
------------------------------ */
#main .booklistBox {
	clear: both;
	margin-bottom: 10px;
}

#main .booklistBox td {
	vertical-align: top;
}

#main .booklistBox .listCover {
	width: 120px;
	margin-bottom: 10px;
}

#main .booklistBox .listCover img {
	border: 1px solid #ccc;
}

#main .booklistBox .booklistL{
	padding-top: 10px;
	margin-right: 20px;
	width: 420px;
	background: url(img/dottedline.gif) left top repeat-x;
}

#main .booklistBox .booklistR{
	padding-top: 10px;
	width: 175px;
	margin-right: 20px;
	background: url(img/dottedline.gif) left top repeat-x;
}

#main .booklistBox .booklistComing{
	padding-top: 10px;
	width: 220px;
	background: url(img/dottedline.gif) left top repeat-x;
}

#main .booklistBox .listCheckbox{
	width: 25px;
	vertical-align: middle;
	text-align: center;
	background-color: #f6f6ed;
}

#main .booklistBox .introBox {
	width: 135px;
	padding-left: 20px;
	padding-right: 10px;
	float: left;
}

/*------------------------------
 // 5: listBox
------------------------------ */

#main .listBox .listNavi{
	padding: 5px 0;
}

#main .listBox .listNavi li{
	display: inline;
	padding: 0 10px;
	border-left: solid #333 1px;
}

#main .listBox .listNavi li.line{
	border-right: solid #333 1px;
}

#main .listBox {
	padding-bottom:15px;
}

#main .listBoxL {
	clear: both;
	float: left;
	width: 380px;
}

#main .listBoxR {
	float: right;
	width: 380px;
}

#main .listBox dl {
	margin-top: 10px;
	margin-bottom: 10px;
}

#main .listBox dt {
	padding-left: 20px;
	background: url(img/arrow04_on.gif) 0 0.3em no-repeat;
}

#main .listBox dd {
	padding-top: 5px;
	padding-left: 20px;
}

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