@charset "utf-8";

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

 // Site Outline //

	Site Name:  国書刊行会
	URL:  http://www.kokusho.co.jp/


 // Font-size Adjustment //

    62% = 10px
	68% = 11px
	75% = 12px
	81% = 13px
	87% = 14px
	93% = 15px
	100% = 16px
	106% = 17px
	112% = 18px
	118% = 19px
	125% = 20px


 // CSS Index //
 
    1: Body and Base
		:General
	2: Link
	3: book



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

/* ------------------------------
 // 1: Body and Base
------------------------------ */
body {
	margin: 0;
	padding: 0;
	color: #333;
	line-height: 1.6;
}

/* General
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, li, ol, dl, dt, dd,
address, form, blockquote{
	margin: 0;
	padding: 0;
}

img {
	border: 0px;
}

ul {
	list-style-type: none;
}

.layoutclear {
	clear: both;
}

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* ------------------------------
 // 2: Link
------------------------------ */
a:link{
	color: #3B575F;
	text-decoration: underline;
}
a:visited{
	color: #3B575F;
	text-decoration: underline;
}
a:hover{
	color: #547B87;
	text-decoration: none;
}
a:active{
	color: #547B87;
	text-decoration: none;
}

a {outline:none;}

input {
	outline:none;}


/* lnaviLink
--------------------*/
.genreBox a:hover{
	color: #970000;
	text-decoration: none;
}
.genreBox a:active{
	color: #970000;
	text-decoration: none;
}

/* seriesLink
--------------------*/
.series a:link{
	color: #818058;
	text-decoration: underline;
}
.series a:visited{
	color: #818058;
	text-decoration: underline;
}
.series a:hover{
	color: #9F9E75;
	text-decoration: none;
}
.series a:active{
	color: #9F9E75;
	text-decoration: none;
}


/*------------------------------
 // 3: book
------------------------------ */
#main .cover img {
	border: 1px solid #D5D5A2;
}
#main .coverLbox {
	width: 220px;
	border: 1px solid #E1E1BF;
	padding: 1px;
}
#main .coverMbox {
	width: 162px;
	border: 1px solid #E1E1BF;
	padding: 1px;
}
#main .coverSbox {
	width: 100px;
	border: 1px solid #E1E1BF;
	padding: 1px;
}
#main .ebook {
	font-size: 12px;
    background: #B00000;
    color: #fff;
    padding: 2px 4px;
    border-radius: 4px;
    display: block;
    width: 6em;
    text-align: center;
    text-decoration: none;
    margin: 0 auto 15px;
}
#main .ebook:hover,
#main .ebook:hover {
	opacity: .8;
}
#main .copy {
	color: #660000;
	margin-bottom: 5px;
}
#main .title {
	margin-bottom: 5px;
}
#main .author {
	margin-bottom: 2px;
}
#main .info {
	margin-bottom: 5px;
}
#main .intro {
	margin-bottom: 5px;
}


#main .series a{
    background: url(img/arrow_gold_off.gif) no-repeat 0 center;
	padding-left: 17px;
}
#main .series a:hover{
    background: url(img/arrow_gold_on.gif) no-repeat 0 center;
	padding-left: 17px;
}

#main .genre a{
    background: url(img/arrow_green_off.gif) no-repeat 0 center;
	padding-left: 17px;
}
#main .genre a:hover{
    background: url(img/arrow_green_on.gif) no-repeat 0 center;
	padding-left: 17px;
}

#main .coverSubbox_L, #main .coverSubbox_R {
	width: 106px;
	border: 1px solid #E1E1BF;
	padding: 1px;
	margin-top:6px;
}

#main .coverSubbox_L {float:left;}

#main .coverSubbox_R {float:right;}

#main .coverSub img {
	border: 1px solid #D5D5A2;
	padding:6px;
}




/*------------------------------
 // 4: titleBox
------------------------------ */


/*------------------------------
 // 5: line
------------------------------ */


/*------------------------------
 // 6: text
------------------------------ */


/*------------------------------
 // 7: mark
------------------------------ */


/*------------------------------
 // 8: pagerBox
------------------------------ */


/*------------------------------
 // 9: booklistBox
------------------------------ */

.errmsg {
color:red;
font-weight:bold;
}