@charset "UTF-8";

/* サイトレイアウト　スタイルシート */

/*-----------
  container
------------*/
#container {
max-width:755px;
margin: 0 auto;
padding: 0 2%;
font-size:93%;
min-height: calc(100vh - 248px);
@media screen and (max-width: 768px) {
min-height: calc(100vh - 345px);
  }		
}

/*-----------
  head
------------*/
#head {
margin-top:10px;
@media screen and (max-width: 768px) {
margin: 0;
  }		
}

#head .logo {
	width: 261px;
	float: left;
	margin-top: 10px;
	margin-bottom: 15px;
}

#head .site-utility {
float: right;
overflow: hidden;
margin-top:27px;
/*width:470px;*/
background:#none;
padding:2px 0;
}

#head .site-utility li {
float:left;
padding:0 10px 0 12px;
background:url(/images/share/site_border03.gif) left top repeat-y;
}

#head .site-utility li.first-child {
padding-left:0;
background:none;
}

#head .site-utility .cart-info {
padding-right: 0;
}

#head .site-utility .cart-info span {
padding:0px 17px 0px 27px;
font-weight:bold;
background:url(/images/share/cart_ico.gif) left center no-repeat;
display:block;
}

#head .cart-info p {
text-align:center;
}

/*  navigation  */
#head .gnav {
width: 950px;
border-bottom:1px solid #D4D4D4;
clear:both;
}

#head .gnav ul {
margin-top:9px;
width:950px;
float:l
eft;
}

#head .gnav li {
float: left;
}

#head .gnav .about {
margin-top:13px;
padding-bottom:8px;
width:194px;
float: right;
text-align:right;
}

/*  search-area  */
#head .search-area {
width:940px;
padding:0 0 8px 10px;
clear:both;
background-color: #D4D4D4;
}

#head .search-area select,
#head .search-area input {
margin-top:12px;
float: left;
 *margin-top:12px;
}

#head .search-area select {
width:170px;
height:1.7em;
line-height:1.24;/*safari*/
font-size:108%;
border:1px solid #969696;
}

#head .search-area input {
margin-left:15px;
line-height:1.6;
height:1.5em;
 *height:1.4em;
border:1px solid #969696;
}

#head .search-area input.rollover {
height:24px;
margin-top:10px;
border:none;
}

#head .search-area #search-word {
width:190px;
position:relative;
top:0px;
padding:1px 5px;
}

#search-word{
color: #999;
}

#head .search-area ul {
float: left;
margin-top:15px;
padding-left:15px;
overflow: hidden;
}

#head .search-area li {
float: left;
margin-right:20px;
}

#head .search-area li a {
padding-left:10px;
background:url(/images/share/site_blt01.gif) left center no-repeat;
}

#head .search-area .assist {
display:inline;
margin:7px 10px 0 0;
padding-bottom:0px;
width: 233px;
float: right;
overflow: hidden;
background-color:#FFF;
}

#head .assist .label {
width: 59px;
float: left;
padding-left:4px;
padding-top:4px;
}

#head .assist .word {
float:left;
width:156px;
padding-left:14px;
line-height:2.5;
}

/*------------
  site-path
------------*/

#site-path {
clear: both;
padding: 18px 0 13px 5px;
font-size:93%;
letter-spacing:0.1em;
}

/*---------------
  contents-area
----------------*/


#side-nav {
width: 180px;
float: left;
margin-left: -950px;
}

#secondary-contents {
width: 180px;
float: right;
}

/*  side-nav  */

#side-nav .condition,
#side-nav .auteur,
#side-nav .reader-about {
margin-top:15px;
}

#side-nav .genre-hdr,
#side-nav .condition-hdr,
#side-nav .auteur-hdr,
#side-nav .reader-about-hdr {
margin-bottom:-7px;
}

#side-nav .side-nav-list {
background:#FFF;
width:165px;
padding:12px 3px 8px 10px;
border:1px solid #CCC;
border-top:0;
}

#side-nav .side-nav-list li {
display:block;
margin:1px 0;
padding:0 0;
vertical-align:bottom;
zoom:1;
}

#side-nav .side-nav-list li a {
display:block;
margin:0;
padding:6px 0 3px 11px;
background: url(/images/share/site_blt03.gif) 0 0.7em no-repeat;
}

#side-nav .side-nav-list li span {
background:#FFF;
display:block;
padding:6px 0 3px 11px;
}

#side-nav .side-nav-list p {
margin-top:3px;
padding:0 6px 2px 0;
text-align:right;
}

#side-nav .hiragana-list {
width:173px;
margin-left:-5px;
padding:0;
overflow:hidden;
zoom:1;
}

#side-nav .hiragana-list li {
display:inline;
width:2.15em;
 *width:2.11em;
float:left;
margin-top:5px;
margin-left:5px;
line-height:26px;
text-align:center;
background-color:#F4F4F4;
border:1px solid #959595;
}

#side-nav ul.hiragana-list li a {
display:block;
zoom:1;
background:none;
padding:0;
}

#side-nav .reader-about-nav {
width:168px;
background:#FFF;
border:1px solid #79093C;
border-top:0;
}

#side-nav .reader-about-nav li {
padding:0;
}

#side-nav .reader-about-nav a {
 background:
}

/*  secondary-contents  */

#secondary-contents .cart {
	padding:11px 0 13px;
	background:#FFF;
	border:1px solid #CCC;
	border-bottom:0;
}

#secondary-contents .cart .price {
margin:0 0 0 15px;
font-size:131%;
font-weight:bold;
color:#000;
}

#secondary-contents .cart .tax {
font-size:85%;
color:#333;
}

#secondary-contents .cart .point01 {
margin:9px 0 0 15px;
}

#secondary-contents .cart .point01 em {
font-weight:bold;
padding-right:5px;
}

#secondary-contents .cart .point02 {
margin:5px 0 0 15px;
}

#secondary-contents .cart .btn-list {
width:146px;
margin:0 auto;
padding-top:4px;
}

#secondary-contents .cart .btn-list li {
margin-top:6px;
}

#secondary-contents .info {
margin-bottom:15px;
padding:6px 9px 8px 14px;
background:#F7F7F7;
border:1px solid #CCC;
border-top:0;
font-size:85%;
_letter-spacing:-0.1em;
}

#secondary-contents .info ul {
margin-top:4px;
}

#secondary-contents .info li {
margin-top:2px;
zoom:1;
vertical-align:bottom;
}

#secondary-contents .info a {
display:block;
padding-left:10px;
background:url(/images/share/site_blt03.gif) 0 0.15em no-repeat;
}

#secondary-contents .ranking-hdr {
margin-top:15px;
}

#secondary-contents .ranking-list {
	padding:3px 6px 10px 9px;
	background:#FFF;
	border:1px solid #CCC;
	border-top:0;
}

#secondary-contents .ranking-list li {
clear:both;
margin-top:10px;
overflow:hidden;
}

#secondary-contents .ranking-list h4 {
margin-bottom:6px;
float:left;
}

#secondary-contents .ranking-list .title {
clear:both;
font-size:85%;
line-height:1.6;
}

#secondary-contents .ranking-list .photo {
	margin-top:7px;
}

#secondary-contents .ranking-list .author {
	margin-top:5px;
font-size:85%;
}

#secondary-contents .ranking-list .price {
margin-top:2px;
color:#333;
}

/* Footer */

#footer {
width:950px;
margin:30px auto 0;
}

#footer .site-links {
width:948px;
margin-top:20px;
padding:1px 0;
border:1px solid #CCC;
position:relative;
background:#FFF url(/images/share/site_border15.gif) left 0 repeat-y;
}

#footer th {
padding:6px 5px 5px 13px;
font-size:116%;
border-bottom:1px solid #CCC;
background:url(/images/share/site_border17.gif) 0 0 no-repeat;
}

#footer th.left{
background-position:-1px 0;
}

#footer th h3 {
font-weight:bold;
}

#footer td {
padding:11px 5px 14px 12px;
background:#FFF url(/images/share/site_border16.gif) left -1px no-repeat;
}

#footer td.left{
border:0 none;
background-position:-1px -1px;
}

#footer td li {
margin-top:1px;
}

/*
 フッタ GLOBAL-FOOTER
-------------------------------------------------------------------------*/
#GLOBAL-FOOTER {
margin-top:45px;
clear: both;
font-size: 0;
line-height: 0;
padding: 14px 0 25px 0;
background:#FFF;
min-width: 950px;
_zoom: 1;
}

#GLOBAL-FOOTER .footerInner {
width: 950px;
margin: 0 auto;
text-align: left;
}

#GLOBAL-FOOTER li {
float: left;
_display: inline;
}

#GLOBAL-FOOTER .company {
width:47px;
}

#GLOBAL-FOOTER .privacy {
width:101px;
}

#GLOBAL-FOOTER .contact {
width:75px;
}

#GLOBAL-FOOTER .terms {
width:75px;
}

#GLOBAL-FOOTER .copy {
	margin-top:10px;
	clear:both;
}

/*===================*/

/*===================*/

#glh-cover,
#glh-cover .inner,
#head,
#head .gnav,
#head .gnav ul,
#head .search-area,
#contents-area,
.clearfix {
zoom:100%;
}

#glh-cover:after,
#glh-cover .inner:after,
#head:after,
#head .gnav:after,
#head .gnav ul:after,
#head .search-area:after,
#contents-area:after,
.clearfix:after {
display:block;
visibility:hidden;
clear:both;
height:0;
line-height:0;
content:".";
}
