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


/*img { vertical-align: bottom;}*/
/*input { margin-bottom:;}*?



/* YUI */
#doc3 { margin:0; padding:0;}

/* YUI */
#hd { border-top: solid 2px #000000; border-bottom: solid 1px #000000; margin-bottom:1px;}


#copyright { text-align:right;}
#copyright img { margin-left: 15px;}


/* Fonts size */
#honnnobutaiFraction { font-family:Times;}/* or 「font-family:Georgia;」 */
#honnnobutaiFraction .numL { font-size: 197%;}


/* doc margin ( top ) */
body#index h1,
body#sortList h2 { margin-top:68px;}
#login { margin-top:24px;}

/* doc margin ( left ) */
/*h1, #honnnobutaiFraction,*/
h2,
/*#sarchButai,*/
body#sortList h2,
#book_list_detail { margin-left:5%;}/*65px*/

body#index h1,
body#sortList h2 { margin-left:12%;}/* % , logo*/

/*#honnnobutaiFraction,*/
.docMarginRight { margin-left:2%;}

.docMarginRight h3 { margin-left:-4px;}


/* doc margin ( right ) */
#login,
#menu,
#copyright,
#book_list_detail { margin-right: 4%;}/*48px*/


#login { margin-right: 2%;}/* % */
#copyright { margin-right: 2%;}/* % */


body#sortList #login,
body#book #login { margin-top:59px;}
body#sortList #login img,
body#book #login img { vertical-align:top;}


/* doc margin ( bottom ) */
/*#copyright { padding-bottom: 40px;}*/
#copyright { padding-bottom: 20px;}/* % */


/* column ( left ) */
body#index #info,
#search { width:80%;}/*96%*/




/* user */
#userEntry { margin-bottom:8px;}
#userEntry img { margin-left:16px;}

#userLogin img,
#userLogin input { vertical-align: top;}

#userLogin img,
#userLogin input { margin-left:16px; margin-top:9px; margin-bottom:6px;}

#userLogin input#btnLogin { margin-top:0; margin-bottom:0;}



/*#search { background:#000000 url(assets/km_l_butaiserch.gif) top right no-repeat; height:45px;}*/
#search .spiffy_content { background:#000000; padding: 2px 12px;}
#search .spiffy_content img { vertical-align:middle; margin: 2px 6px; padding: 2px 0;}
#search .spiffy_content input { margin: 0 6px;}

#search .spiffy_content #butaiSearchBtn img { margin: 0;}
#search .spiffy_content a#butaiSearchBtn { border-bottom:solid 1px #000000; padding: 4px 0;}
#search .spiffy_content a#butaiSearchBtn:hover { border-bottom:solid 1px #cccccc; padding: 4px 0;}


#search .spiffy_content #detailsSearchBtn { float:right; margin-top:-22px;}

/* open */
#search_detail { font-size:85%; background:#000000; padding:10px; color:#ffffff;}
#search_detail input { margin: 0 6px;}



/* map */
#map { border-bottom: solid 2px #000000;}
.yui-gc { border-top: solid 1px #000000; margin-bottom:14px; margin-top:1px;}



h2,h3 { margin-top:16px;}

h1.first,
h2.first,
h3.first { margin-top:18px;}

#sarchButai h3 { margin-top:6px; float:left;}

/* -------------------------------------------------------------------------------- */
/* font, mrgin-bottom ： page Title */
/* -------------------------------------------------------------------------------- */

body#book h1  { margin-bottom:0.6em;}
body#book h1 .title{ font-size:167%;}
body#book h1 .creator { font-size:108%; margin-left:0.6em;}
body#book h1 .nobutai { font-size:153.9%; margin-left:1em;}


/* -------------------------------------------------------------------------------- */
/* font, mrgin-bottom ： #honnnobutaiFraction  */
/* -------------------------------------------------------------------------------- */

body#book #honnnobutaiFraction { margin-bottom:2em;}


/* -------------------------------------------------------------------------------- */
/* font, mrgin-bottom ： content > quote */
/* -------------------------------------------------------------------------------- */

body#book .quote { font-size:123.1%; line-height:2;}
#book_list_detail .bookItem .quote p { font-size:123.1%; line-height:2;}

/* -------------------------------------------------------------------------------- */
/* font, mrgin-bottom ： content > note(s) */
/* -------------------------------------------------------------------------------- */

#book_list_detail .bookItem .quote p .pagenumber { color:#CCCCCC;}
#book_list_detail .bookItem .quote p.contributor { font-size:100%; text-align:right;}

body#book #order_menu { margin-bottom:2em; text-align:right;}


/* -------------------------------------------------------------------------------- */
/* left-Contents doc */
/* -------------------------------------------------------------------------------- */

#sarchButai,
#bookContents { margin-left:2%; margin-right:4%;}

#search,
body#book h1,
#info,
#order_menu,
#book_quote_list { margin-left:56px;}



/*080625 about*/
#about { margin-left:56px;}

#about h4 { font-size:123.1%; margin-top:40px;}
#about p { line-height:2; margin:18px auto;}

#about ul  { margin:18px auto;}
#about li  { line-height:2;}
/* -------------------------------------------------------------------------------- */



#menu h3 { margin-top:6px; margin-left:8px;}


body#index #honnnobutaiFraction #info { margin: 24px auto 32px 20px; width:auto;}
#honnnobutaiFraction #info img { vertical-align:bottom;}/* ←　img化時、削除 */
#honnnobutaiFraction #info .numL { margin: auto 8px auto 16px;}/* ←　img化時、削除 */

#honnnobutaiFraction #info p { font-size:123.1%; color:#B3A337; margin-top: 6px; margin-left:22px;/* margin-left:160px;*/}
#honnnobutaiFraction #info p .numL { font-size:138.5%; margin: auto 8px auto 8px;}
#honnnobutaiFraction #info p .slash { font-size:123.1%; margin: auto 8px auto 16px;}


body#sortList #honnnobutaiFraction { margin-left:56px;}
body#sortList #honnnobutaiFraction #info{ font-size:138.5%;}



/* 本の概要リスト　：　#book_list_detail */

a:link { color: #CCCCCC;}
a:visited { color: #CCCCCC;}
a:hover { color: #CCCCCC;}
a:active { color: #999999;}

.tani { display:none;}



#book_list_detail { margin-left:7%; margin-right:13%;}

#book_list_detail .bookItem { margin: 8px 0 32px 0; vertical-align:baseline; position:relative;}

#book_list_detail .bookItem .butai,
#book_detail .bookItem .butai { float:left; background:url(assets/bk_book_list_detail_butai.gif) no-repeat top left; width:227px; height:128px; padding-top:24px; margin-left:;}/* OLD : width:163px; height:137px;*/

#book_list_detail .bookItem .butai a,
#book_detail .bookItem .butai .quoteCount { font-size:197%; display:block; text-align:center; margin-left:10px;}


#book_list_detail .bookItem .quote { margin-left:246px;}
/**/

#book_list_detail .bookItem .image,
#book_detail .bookItem .image { clear:both; width:227px; text-align:center; overflow:hidden; position:absolute; top:100px; left:0;}

#book_list_detail .bookItem .image img,
#book_detail .bookItem .image img { border: solid 4px #efefef; text-align:center; margin-left:10px;}

#book_list_detail .bookItem ul { margin-left:246px; width:auto;}

#book_list_detail .bookItem ul li,
#book_detail .bookItem ul li { margin-top:0.8em;}


#book_list_detail .bookItem ul li.title,
#book_detail .bookItem ul li.title { font-size:138.5%; /*float:left; margin-right:38px;*/}

#book_list_detail .bookItem ul li.creator {}
#book_list_detail .bookItem ul li.label {}
#book_list_detail .bookItem ul li.isbn {}



/* bookページ用、本の概要リスト　：　#book_list_detail */
#book_detail { width:220px; float:right; margin-left:72px; margin-bottom:72px;}

/*#book_detail .bookItem { margin:; vertical-align:baseline; position:relative;}*/

#book_detail .bookItem .butai/*,
#book_list_detail .bookItem .image */{ float:none; width:218px; margin-bottom:-56px;/* height:100px;*/}

#book_detail .bookItem .butai .quoteCount { color: #CCCCCC; margin-left:17px;}

/* margin-bottom:-100px;*/

#book_detail .bookItem .image { position:static; width:218px;/* margin-bottom:-100px;*/}
#book_detail .bookItem .image img { margin-left:20px;}



/* Contents */

/*.yui-u*/
#menu { width:320px; float:right;}

#menu li { float:left; margin-left:6px;}
#menu li.post { margin-top:-47px;}



/* -------------------------------------------------------------------------------- */
/* fbox */
/* -------------------------------------------------------------------------------- */

.bookItem {
    zoom: 100%;
}
.bookItem:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}



/* -------------------------------------------------------------------------------- */
/* pkg */
/* -------------------------------------------------------------------------------- */

#honnnobutaiBunBo:after,
body#sortList #book_list_detail ul li.quote:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
#honnnobutaiBunBo,
body#sortList #book_list_detail ul li.quote:after {
	zoom: 100%;
}


/* -------------------------------------------------------------------------------- */
/* spiffy ( #000000 ) */
/* -------------------------------------------------------------------------------- */

.spiffy{
display:block;
}
.spiffy *{
display:block;
height:1px;
overflow:hidden;
background:#000000;
}
.spiffy1{
border-right:1px solid #919191;
padding-right:1px;
margin-right:3px;
border-left:1px solid #919191;
padding-left:1px;
margin-left:3px;
background:#3f3f3f;
}
.spiffy2{
border-right:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
padding:0px 1px;
background:#303030;
margin:0px 1px;
}
.spiffy3{
border-right:1px solid #303030;
border-left:1px solid #303030;
margin:0px 1px;
}
.spiffy4{
border-right:1px solid #919191;
border-left:1px solid #919191;
}
.spiffy5{
border-right:1px solid #3f3f3f;
border-left:1px solid #3f3f3f;
}
.spiffy_content{
padding:0px 5px;
background:#000000;
}

/* -------------------------------------------------------------------------------- */