@charset "euc-jp";
/*****************************************************************
 * faqListArea_20150618.css
 *
 * ver:  2.0.0 (New Design)
 * date: 2015-06-18
 * ver:  1.0.0
 * date: 2014-04-17
*****************************************************************/
div#faqContents{
  margin: 0 0 35px 0;
  padding: 0;
  width: 100%;
  min-width: 950px;
  width: expression(document.body.clientWidth < 952? "950px" : "auto");
  font-size: 13px;
  line-height: 1.3;
  border-top: none;
}
#faqContents h2 {
    background-color: #eeeeee;
    border: 1px solid #cecece;
    display: block;
    font-weight: bold;
    overflow: hidden;
    padding: 7px;
    text-align: left;
}
#faqContents > div{
  width: auto;
  margin: 0;
  border: solid 1px #cecece;
  border-top: none;
  padding: 13px 0 13px 0;
  clear: both;
  overflow: hidden;
  position: relative;
}
#faqContents .faqcLftInr{
  width: 20%;
  min-width: 260px;
  width: expression(document.body.clientWidth < 262? "260px" : "20%");
  float: left;
}
#faqContents .faqcCntInr{
  width: 33%;
  min-width: 265px;
  width: expression(document.body.clientWidth < 267? "265px" : "33%");
  float: left;
}
#faqContents .faqcRgtInr{
  width: 34%;
  padding: 3px 5px 35px 43px;
  float: left;
  min-height: 95px;
  height: auto !important;
  max-width: 529px;
  border-left: dotted 1px #aeaeae;
}
#faqContents ul.faqclist{
  overflow: hidden;
  margin: 0;
  padding: 0;
  text-align: left;
}
#faqContents ul.faqclist li{
  margin: 0 0 0 15px;
  padding: 0 0 3px 7px;
  float: none;
  font-size: 100%;
}
#faqContents ul.faqclist li.mainttl{
  margin-bottom: 20px;
}
#faqContents ul.faqclist li p{
  margin: 5px 0;
  padding: 0 0 0 1em;
}
#faqContents ul.inlst{
  margin: 0;
}
#faqContents ul.inlst li{
  margin: 0;
  padding: 0 0 0 1.7em;
  text-indent: -0.7em;
  float: none;
  font-size: 100%;
}
#faqContents ul.txtlst{
  margin: 10px 0;
}
#faqContents ul.txtlst li{
  margin: 0;
  padding: 0 0 0 1.7em;
  text-indent: -0.7em;
  float: none;
  font-size: 100%;
}
#faqContents .appttl{
  font-weight: bold;
  margin: 0 0 12px 0;
}
#faqContents .appLink{
  width: 100%;
}
#faqContents .appLink li{
  width: 49%;
  float: left;
  margin: 0;
  padding: 0;
  font-size: 100%;
}
#faqContents .appLink span{
  display: block;
  text-align: center;
  margin-bottom: 10px;
}
#faqContents .appLink .appList{
  width: 128px;
  margin: 0 15px;
}
#faqContents .appLink .appList img{
  margin: 0 auto 10px;
  display: block;
}
#faqContents .appLink .appList a img:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#faqContents .faqContentsContact{
  position: absolute;
  width: auto;
  left: 22px;
  bottom: 15px;
}
#faqContents .faqContentsContact a{
  display: block;
  padding: 15px 15px 15px 20px;
  border: 1px solid #9e9e9e;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #626262;
  text-decoration: none;
  font-weight: bold;
}
#faqContents .faqContentsContact a span{
  padding: 0 20px 0 0;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  background: url(//image.books.rakuten.co.jp/books/img/common/header/pc/201507/faqContents_contact_arrow.gif) right center no-repeat;
}
#faqContents .faqContentsContact a:hover{
  background: #dcdcdc;
}

/*Start Clearfix*/
.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%;
}

.clearfix {
  display: block;
}

/* End hide from IE-mac */

#faqContents > div.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

#faqContents > div.clearfix {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html #faqContents > div.clearfix {
  height: 1%;
}

#faqContents > div.clearfix {
  display: block;
}

/* End hide from IE-mac */


#faqContents .appLink:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

#faqContents .appLink {
  display: inline-table;
  min-height: 1%;
}

/* Hides from IE-mac \*/
* html #faqContents .appLink {
  height: 1%;
}

#faqContents .appLink {
  display: block;
}

/* End hide from IE-mac */


/* for kobo */

#faqContents.ebook div {
  margin: 0;
  width: auto;
  text-align: left;
}

#faqContents.ebook dl {
  width: auto;
}

#faqContents.ebook h2 {
  padding: 10px 15px;
  font-size: 14px;
}

#faqContents.ebook .faqContents {
  padding: 25px 28px;
  min-width: 894px;
}

#faqContents.ebook .faqcLftInr {
  box-sizing: border-box;
  width: 18%;
  max-width: 280px;
  min-width: 225px;
  padding-bottom: 45px;
  border-right: 1px solid #aeaeae;
  margin-right: 24px;
}

#faqContents.ebook .faqcRgtInr {
  box-sizing: border-box;
  width: 100%;
  min-width: 644px;
  max-width: none;
  padding: 0;
  float: none;
  border-left: 0;
}

#faqContents.ebook h3 {
  margin-bottom: 0.8em;
  font-size: 14px;
  font-weight: bold;
}

#faqContents.ebook ul.faqclist {
  margin-bottom: 20px;
}

#faqContents.ebook ul.faqclist li {
  margin: 0 0 0.3em 0;
  padding: 0;
}

#faqContents.ebook .faqContentsContact {
  bottom: 25px;
}

#faqContents.ebook .app {
  min-width: 644px;
  max-width: 994px;
  overflow: hidden;
}

#faqContents.ebook .app > div {
  float: left;
  box-sizing: border-box;
  text-align: center;
}

#faqContents.ebook .app_pc {
  width: 28%;
  border-right: 1px dotted #d8d8d8;
}

#faqContents.ebook .app_divice {
  width: 44%;
  border-right: 1px dotted #d8d8d8;
}

#faqContents.ebook .app_reader {
  width: 28%;
}

#faqContents.ebook .app dt {
  margin-bottom: 35px;
}

#faqContents.ebook .app dt span {
  color: #ff0000;
}

#faqContents.ebook .app dd.img img {
  width: auto;
  height: 68px;
  margin: 0 5px 32px;
}

#faqContents.ebook .app .app_btn {
  display: inline-block;
  margin: 2px 4px 15px;
  width: auto;
  border: 1px solid #bbb;
  text-align: center;
  border-radius: 5px;
  background: linear-gradient(to bottom, #fff, #e7e7e7);
}

#faqContents.ebook .app .app_btn.s {
  width: 70px;
}

#faqContents.ebook .app .app_btn.m {
  width: 115px;
}

#faqContents.ebook .app .app_btn a {
  display: block;
  margin: 0;
  padding: 12px 0;
  color: #000;
  font-size: 12px;
}

#faqContents.ebook .app .memo {
  width: 150px;
  margin: 0 auto;
  font-size: 10px;
}

#faqContents.ebook .app .indent {
  padding-left: 1em;
  text-indent: -1em;
  text-align: left;
}

#faqContents.ebook .app .device-area {
  width: 270px;
  margin: 0 auto;
  overflow: hidden;
}

#faqContents.ebook .app .device-area p {
  margin-top: 15px;
}

#faqContents.ebook .app .device-area a {
  margin: 0;
}

#faqContents.ebook .app .device-area .iphone {
  float: left;
  text-align: center;
}

#faqContents.ebook .app .device-area .android {
  float: right;
  text-align: center;
}