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

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


books


-----------------------------------------------------------------*/
body{height: auto;}

#footer{
   position: relative;
}

#container{
   width: 760px;
   color: #bbb;
   background-color: rgba(0,0,0,0.4);
   margin: 50px auto;
}
#container h1{
   color: #fff;
   text-align: center;
   padding: 60px 50px 0;
   font-size: 40px;
   line-height: 1;
   letter-spacing: 20px;
}
#container .title-sub{
   font-size: 10px;
   letter-spacing: 40px;
   text-align: center;
   padding: 0 0 50px 20px;
}

.books .booklist-container{
   position: relative;
   overflow: hidden;
   zoom: 1;
}
.books .booklist-container .type-title{
   color: #fff;
   font-size: 24px;
   font-weight: bold;
   text-align: center;
   line-height: 1;
   letter-spacing: 2px;
   border-top: solid 1px #333;
   padding: 20px;
}

.books .book{
   overflow: hidden;
   zoom: 1;
   padding: 50px;
   border-top: solid 1px #333;
}
.books .book .image{
   float: left;
   width: 320px;
}
.books .book .image img{
   width: 100%;
   height: auto;
}
.books .book .content{
   float: right;
   width: 300px;
}
.books .book .title{
   color: #fff;
   font-size: 30px;
   line-height: 1;
}
.books .book .credit{
   font-size: 10px;
   padding: 5px 0 20px;
}
.books .book .main-copy{
   font-size: 18px;
   line-height: 1.2;
   border-top: dotted 3px #aaa;
   padding-top: 20px;
}
.books .book .sub-copy{
   font-size: 16px;
   line-height: 1.2;
   margin-top: 8px;
   border-bottom: dotted 3px #aaa;
   padding-bottom: 20px;
}
.books .book .desc{
   line-height: 1.8;
   font-size: 12px;
   margin-top: 20px;
}
.books .book .cr{
   font-size: 10px;
   margin-top: 20px;
   padding-top: 20px;
   border-top: solid 1px #555;
}

.books .backlist{
   text-align: center;
   padding-bottom: 50px;
}
.books .backlist .type-title{
   border-bottom: solid 1px #333;
}
.books .backlist .book{
   display: inline-block;
   width: 200px;
   vertical-align: top;
   text-align: left;
   padding: 0;
   border-top: none;
   margin: 40px 15px 0;
}
.books .backlist .book .image{
   float: none;
   width: 100%;
}
.books .backlist .book .content{
   float: none;
   width: auto;
}
.books .backlist .book .title{
   color: #fff;
   font-size: 20px;
   line-height: 1;
}
.books .backlist .book .credit{
   font-size: 10px;
   line-height: 1.2;
   padding: 10px 0 0px;
}
.books .backlist .book .main-copy{
   font-size: 16px;
   line-height: 1.2;
   border-top: dotted 3px #aaa;
   padding-top: 20px;
}
.books .backlist .book .sub-copy{
   font-size: 14px;
   line-height: 1.2;
   margin-top: 8px;
   border-bottom: dotted 3px #aaa;
   padding-bottom: 20px;
}
.books .backlist .book .desc{
   line-height: 1.5;
   font-size: 11px;
   margin-top: 10px;
   padding-top: 10px;
   border-top: solid 1px #333;
}
.books .backlist .book .cr{
   font-size: 10px;
   margin-top: 10px;
   padding-top: 10px;
   border-top: solid 1px #333;
}




.back{
   text-align: center;
   padding-bottom: 50px
}
.back a{
   display: inline-block;
   color: #fff;
   text-decoration: none;
   padding: 10px 40px;
   border: solid 2px #fff;
   -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
   border-radius: 100px;
}
.back a:hover{
   color: #000;
   background-color: #fff;
}