@charset "shift_jis";

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

 // Site Outline //

	Site Name:  東京創元社
	URL:  http://www.tsogen.co.jp/


 // Font-size Adjustment //

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


 // CSS Index //



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

/*------------------------------
 // 1: line
------------------------------ */
/* lineGray940
--------------------*/
#main .lineGray940 {
	width: 940px;
	height: 5px;
	background-color: #eee;
}

#main .lineGray940 hr {
	display:none;
}

/* lineGray700top
--------------------*/
#main .lineGray700_top {
	width: 700px;
	height: 5px;
	background-color: #eee;
	margin-bottom:20px;
}

#main .lineGray700_top hr {
	display:none;
}



/* lineGray700
--------------------*/
#main .lineGray700 {
	width: 700px;
	height: 5px;
	background-color: #eee;
}

#main .lineGray700 hr {
	display:none;
}

/* lineGray460
--------------------*/
#main .lineGray460 {
	width: 460px;
	height: 5px;
	background-color: #eee;
}

#main .lineGray460 hr {
	display:none;
}


/* lineGray220
--------------------*/
#main .lineGray220 {
	width: 220px;
	height: 5px;
	background-color: #eee;
}

#main .lineGray220 hr {
	display:none;
}

/* lineWhite700
--------------------*/
#main .lineWhite700 {
	width: 700px;
	height: 1px;
	background-color: #fff;
}

#main .lineWhite700 hr {
	display:none;
}

/* lineSrchwindow
--------------------*/
#main .lineSrchwindow {
	width: 677px;
	height: 1px;
	background-color: #ccc;
}

#main .lineSrchwindow hr {
	display:none;
}

/* lineDot700
--------------------*/
#main .lineDot700 {
	width: 700px;
	height: 1px;
	background: url(img/dotline.gif) repeat-x;
	clear: both;
}

#main .lineDot700 hr {
	display:none;
}

/* lineDot540
--------------------*/
#main .lineDot540 {
	width: 540x;
	height: 1px;
	background: url(img/dotline.gif) repeat-x;
}

#main .lineDot540 hr {
	display:none;
}

/* lineDot460
--------------------*/
#main .lineDot460 {
	width: 460px;
	height: 1px;
	background: url(img/dotline.gif) repeat-x;
}

#main .lineDot460 hr {
	display:none;
}

/* lineDot410
--------------------*/
#main .lineDot410 {
	width: 410px;
	height: 1px;
	background: url(img/dotline.gif) repeat-x;
}

#main .lineDot410 hr {
	display:none;
}

/* lineDot220
--------------------*/
#main .lineDot220 {
	width: 220px;
	height: 1px;
	background: url(img/dotline.gif) repeat-x;
}

#main .lineDot220 hr {
	display:none;
}


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

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

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

.note {
	color: #666;
}

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


/*------------------------------
 // 1: book
------------------------------ */
#main .title,
#main .author,
#main .copy {
	margin-bottom: 5px;
}

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

#main .intro {
	color: #666;
}

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

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

#main .genrenavi a {
	padding: 3px 5px;
	color: #fff;
	text-decoration: none;
	background-color: #4E82BB;
}

#main .genrenavi a:hover {
	padding: 3px 5px;
	color: #fff;
	text-decoration: none;
	background-color: #8cb4e0;
}

/*------------------------------
 // 1: titleBox
------------------------------ */
#main .titleBox {
	margin-bottom:15px;
	padding-top: 20px;
	background: url(img/line_contents.gif) no-repeat;
}

#main .titleBox .catchcopy {
	margin-bottom: 5px;
	color: #999;
}

#main .titleBox h1 {
	display: inline;
}

/* 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
------------------------------ */
#main .btnBox {
	text-align: center;	
}

#main .btnBox .btn {
	padding: 10px 20px 0;
}

/*------------------------------
 // 1: displayBox
------------------------------ */
#main .displayBox {
	padding: 5px;
	text-align: center;
	background-color: #eee;
	border: 1px solid #ccc;
}

#main .displayBox dt,
#main .displayBox dd {
	display: inline;
}

#main .displayBox dt {
	margin-right: 5px;
}

#main .displayBox dd {
	margin-right: 20px;
}

/*------------------------------
 // 1: pagerBox
------------------------------ */
#main .pagerBox {
	margin-top: 10px;
	color: #666;
}

#main .pagerBox .pageNow {
	width: 300px;
	float: left;
}

#main .pagerBox .pageNavi {
	width: 400px;
	text-align: right;
	float: left;
}

#main .pagerBox .pageNavi .beginning {
	padding-left: 18px;
	background: url(img/pager_beginning.gif) 0 0.3em no-repeat;
}

#main .pagerBox .pageNavi .ahead {
	padding-left: 10px;
	background: url(img/pager_ahead.gif) 0 0.3em no-repeat;
}

#main .pagerBox .pageNavi .next {
	padding-right: 10px;
	background: url(img/pager_next.gif) right no-repeat;
}

#main .pagerBox .pageNavi .last {
	padding-right: 18px;
	background: url(img/pager_last.gif) right no-repeat;
}

/*------------------------------
 // 1: booklistBox
------------------------------ */
#main .booklistBox {
	padding-top: 10px;
	background: url(img/back_intro.gif) right repeat-y;
}

#main .booklistBox .listcover {
	width: 110px;
	margin-bottom: 10px;
	float: left;
}

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

#main .booklistBox .listbook {
	width: 423px;
	margin-bottom: 10px;
	float: left;
}

#main .booklistBox .series {
	margin-bottom: 5px;
}

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