@charset "UTF-8";
/* ========================================
* File Name: minisamplebooks.css
* Created Date: 2014.04
* Author: TAM
======================================== */
#contentsWrap {
  width: 984px;
  padding: 50px 0 20px;
  font-size: 12px;
  line-height: 1.8;
}

.pagetopWrap{
  overflow: hidden;
  zoom: 1;
}

h1 {
  float: left;
  font-family: "adobe-garamond-pro",HY ShuSongYiTi,"Verdana",Simsun;
  font-style: normal;
  font-weight: 400;
  margin: 0 0 30px;
  font-size: 12px;
}


h2 {
  margin: 0 0 30px;
  font-size: 12px;
  font-family: 'LinotypeUniversW02-Bold 726184',HY DaHeiTi,"Verdana",Simsun;
  font-weight: bold;
}
h2 span {
  font-weight: normal;
  font-family: 'LinotypeUniversW02-Regu',AR Crystalhei DB,"Verdana",Simsun;
}
.leadTitle{
  float: left;
}

h3 {
  font-size: 12px;
  font-family: 'LinotypeUniversW02-Bold 726184',HY DaHeiTi,"Verdana",Simsun;
  font-weight: bold;
}

/* slider */
.bx-wrapper {
  margin: 0 0 10px;
}

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  position: inherit;
  width: auto;
}

.bx-wrapper .bx-controls-direction {
  height: 439px;
  margin: -439px 0 0 -25px;
}

/* contents */
.contentsArea {
  padding: 0 0 0 336px;
}
.contentsArea h3 {
  font-family: 'LinotypeUniversW02-Regu',AR Crystalhei DB,"Verdana",Simsun;
  font-weight: normal;
}
.contentsArea.fontRr {
  font-family: "adobe-garamond-pro",HY ShuSongYiTi,"Verdana",Simsun;
  font-style: normal;
  font-weight: 400;
}
.contentsArea .ls01 {
  letter-spacing: 1px;
}
.contentsArea p {
  margin: 0 0 24px;
}
.contentsArea .link {
  overflow: hidden;
  zoom: 1;
  margin: 31px 0 47px;
}
.contentsArea .link li {
  float: left;
  padding: 0 5px 0 0;
  margin: 0 5px 0 0;
  border-right: 1px solid #DDD;
  line-height: 1.2;
}
.contentsArea .link li:last-of-type {
  border: none;
}

/* howto */
.howto {
  overflow: hidden;
  zoom: 1;
  width: 1008px;
}
.howto .sample01, .howto .sample02, .howto .sample03, .howto .sample04 {
  float: left;
  margin: 0 0 27px;
  position: relative;
  width: 50%;
}
.howto h3 {
  line-height: 1;
  padding: 0 0 0 325px;
  margin: 0 0 -1em;
}
.howto h3.type02 {
  line-height: 1.8;
  margin: -0.3em 0 -3.3em;
}
.howto p {
  position: absolute;
  left: 325px;
  width: 147px;
}
.howto .sample01 .txt01 {
  top: 123px;
}
.howto .sample01 .txt02 {
  top: 143px;
}
.howto .sample01 .txt03 {
  top: 165px;
}
.howto .sample01 .txt04 {
  top: 186px;
}
.howto .sample02 .txt01 {
  top: 100px;
}
.howto .sample02 .txt02 {
  top: 122px;
}
.howto .sample02 .txt03 {
  top: 164px;
}
.howto .sample03 .txt01 {
  top: 80px;
}
.howto .sample03 .txt02 {
  top: 145px;
}
.howto .sample04 .txt01 {
  top: 81px;
}
.howto .sample04 .txt02 {
  top: 123px;
}
.howto .sample04 .txt03 {
  top: 186px;
}
.howto .btnWrap {
  padding: 4px 0 70px 336px;
}

/* btnWrap */
.btnWrap {
  overflow: hidden;
  zoom: 1;
  clear: both;
}

.btnWrap li {
  float: left;
  width: 227px;
  margin: 0 24px 0 0;
  text-align: center;
}

.btnWrap li a {
  display: block;
  padding: 7px 0;
  color: #FFF;
  font-size: 12px;
  font-family: 'LinotypeUniversW02-Bold 726184',HY DaHeiTi,"Verdana",Simsun;
  font-weight: bold;
  border-radius: 5px;
  background: #666;
}

.btnWrap li a:hover {
  text-decoration: none;
}

/* buy */
#buy {
  margin: 0 0 23px;
}
#buy h2 {
  float: left;
}
#buy p {
  margin: 0 0 5px;
}
#buy .btnWrap {
  margin: 0 0 30px;
}

/* listArea */
#listArea {
  margin: 0 0 70px;
}
#listArea h2 {
  margin: 0;
}
#listArea .print {
  text-align: right;
  margin: 5px 0 0;
  font-weight: bold;
}
#listArea .tableHeader {
  line-height: 1;
}
#listArea .tableHeader.fix {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}
#listArea .tableHeader .inner {
  width: 984px;
  margin: 0 auto;
  background: #FFF;
  padding: 20px 0 0;
}
#listArea .tableHeader ul {
  width: 984px;
  margin: 0 auto;
  color: #1a1a1a;
  display: table;
  border-bottom: 1px solid #999;
  padding: 28px 0 0;
}
#listArea .tableHeader ul li {
  display: table-cell;
  padding: 2px;
}
#listArea .tableHeader ul li:nth-child(1) {
  width: 125px;
}
#listArea .tableHeader ul li:nth-child(2) {
  width: 120px;
}
#listArea .tableHeader ul li:nth-child(4) {
  width: 85px;
}
#listArea .tableHeader ul li:nth-child(5) {
  width: 4em;
}
#listArea table {
  width: 100%;
}
#listArea table th, #listArea table td {
  background: #FFF;
  vertical-align: top;
  padding: 0 2px;
}
#listArea table th {
  width: 107px;
  padding-right: 8px;
  text-align: right;
}
#listArea table .type {
  width: 120px;
}
#listArea table .count {
  width: 70px;
  white-space: nowrap;
}
#listArea table .price {
  width: 4em;
  text-align: right;
}
#listArea .list div {
  padding: 0 0 0 12px;
}
#listArea .typeA {
  background: #B01520;
}
#listArea .typeA th {
  color: #B01520;
}
#listArea .typeA th, #listArea .typeA td {
  border-bottom: 1px solid #efd0d2;
}
#listArea .typeB {
  background: url(../images/minisamplebooks/top_line01.gif) repeat-y 0 0;
}
#listArea .typeB th {
  color: #d25a11;
}
#listArea .typeB th, #listArea .typeB td {
  border-bottom: 1px solid #f6e1cf;
}
#listArea .typeC {
  background: #e39f0c;
}
#listArea .typeC th {
  color: #e7ac2c;
}
#listArea .typeC th, #listArea .typeC td {
  border-bottom: 1px solid #f9ecce;
}
#listArea .typeD {
  background: #08672c;
}
#listArea .typeD th {
  color: #18713a;
}
#listArea .typeD th, #listArea .typeD td {
  border-bottom: 1px solid #cee1d5;
}
#listArea .typeE {
  background: #165de0;
}
#listArea .typeE th {
  color: #165de0;
}
#listArea .typeE th, #listArea .typeE td {
  border-bottom: 1px solid #d0dff9;
}
#listArea .typeF {
  background: #2405aa;
}
#listArea .typeF th {
  color: #2405aa;
}
#listArea .typeF th, #listArea .typeF td {
  border-bottom: 1px solid #d3cdee;
}
#listArea .typeG {
  background: #7815cb;
}
#listArea .typeG th {
  color: #7815cb;
}
#listArea .typeG th, #listArea .typeG td {
  border-bottom: 1px solid #e4d0f5;
}
#listArea .typeH {
  background: #555;
}
#listArea .typeH th {
  color: #1a1a1a;
}
#listArea .typeH th, #listArea .typeH td {
  border-bottom: 1px solid #ddd;
}
#listArea .typeI {
  background: url(../images/minisamplebooks/top_line02.gif) repeat-y 0 0;
}
#listArea .typeI th {
  color: #1a1a1a;
}
#listArea .typeI th, #listArea .typeI td {
  border-bottom: 1px solid #e6e6e6;
}
#listArea .typeJ {
  background: url(../images/minisamplebooks/top_line03.gif) repeat-y 0 0;
}
#listArea .typeJ th {
  color: #1a1a1a;
}
#listArea .typeJ th, #listArea .typeJ td {
  border-bottom: 1px solid #e6e6e6;
}
#listArea .typeK {
  background: url(../images/minisamplebooks/top_line04.gif) repeat-y 0 0;
}
#listArea .typeK th {
  color: #1a1a1a;
}
#listArea .typeK th, #listArea .typeK td {
  border-bottom: 1px solid #e6e6e6;
}
#listArea .typeL {
  background: #762e18;
}
#listArea .typeL th {
  color: #762e18;
}
#listArea .typeL th, #listArea .typeL td {
  border-bottom: 1px solid #e4d5d1;
}
#listArea .typeM {
  background: url(../images/minisamplebooks/top_line05.gif) repeat-y 0 0;
}
#listArea .typeM th {
  color: #906110;
}
#listArea .typeM th, #listArea .typeM td {
  border-bottom: 1px solid #e9dfcf;
}
#listArea .typeN {
  background: #af9031;
}
#listArea .typeN th {
  color: #1a1a1a;
}
#listArea .typeN th, #listArea .typeN td {
  border-bottom: 1px solid #efe9d6;
}

/* sample */
#sample h2 {
  float: left;
}
#sample .img {
  margin: 0 0 52px;
}