@charset "UTF-8";
/* ========================================
* File Name: reading.css
* Created Date: 2014.01.17
* Author: TAM
======================================== */
#contentsWrap.reading {
  padding: 30px 0 20px 0;
}
#contentsWrap:after {
  display: block;
  content: "";
  clear: both;
}

/* mainBannerArea */
.reading div.mainBannerArea figure {
  width: 100%;
  overflow: hidden;
}

.reading div.mainBannerArea figure a {
  display: block;
  width: 100%;
  overflow: hidden;
  color: #191919;
}

.reading div.mainBannerArea figure div.mainView {
  float: left;
  width: 733px;
}

.reading div.mainBannerArea figure div.captionArea {
  float: right;
  width: 240px;
  margin: -3px 0 0 0;
}

.reading div.mainBannerArea figure div.captionArea div.categoryName {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.75;
}

.reading div.mainBannerArea figure div.captionArea div.categoryName span.entryNumber {
  margin: 0 0 0 4px;
}

.reading div.mainBannerArea figure div.captionArea div.entryTtl {
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-size: 12px;
  line-height: 1.75;
  font-weight: bold;
}

.reading div.mainBannerArea figure div.captionArea div.leadTxt {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.75;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper {
  position: relative;
}

.bx-wrapper .bx-controls-direction {
  overflow: hidden;
  zoom: 1;
  width: 1034px;
  height: 505px;
  margin: -505px 0 0 -25px;
}
.entryList .bx-wrapper .bx-controls-direction {
  height: 330px;
  margin: -330px 0 0 -25px;
}

.bx-wrapper .bx-controls-direction a {
  outline: 0;
  width: 25px;
  height: 94%;
  text-indent: -9999px;
  z-index: 9999;
}
.entryList .bx-wrapper .bx-controls-direction a {
  height: 100%;
}

.bx-wrapper .bx-controls-direction a.disabled {
  display: table;
}

.bx-wrapper .bx-prev{
  float: left;
  background: url(/common/images/slide-back-retina.gif) no-repeat left;
  -webkit-background-size: 24px auto;
      background-size: 24px auto;
  background: url(/common/images/slide-back.gif) no-repeat left\0/ !important;
  *background: url(/common/images/slide-back.gif) no-repeat left !important;
}
.entryList .bx-wrapper .bx-prev{
  float: left;
  background: url(/common/images/slide-back-retina.gif) no-repeat left 143px;
  -webkit-background-size: 24px auto;
  background-size: 24px auto;
  background: url(/common/images/slide-back.gif) no-repeat left 100px\0/ !important;
  *background: url(/common/images/slide-back.gif) no-repeat left 100px !important;
}

.bx-wrapper .bx-next {
  float: right;
  background: url(/common/images/slide-foward-retina.gif) no-repeat right;
  -webkit-background-size: 24px auto;
      background-size: 24px auto;
  background: url(/common/images/slide-foward.gif) no-repeat right\0/ !important;
  *background: url(/common/images/slide-foward.gif) no-repeat right !important;
}
.entryList .bx-wrapper .bx-next {
  float: right;
  background: url(/common/images/slide-foward-retina.gif) no-repeat right 143px;
  -webkit-background-size: 24px auto;
      background-size: 24px auto;
  background: url(/common/images/slide-foward.gif) no-repeat right 100px\0/ !important;
  *background: url(/common/images/slide-foward.gif) no-repeat right 100px !important;
}

.reading div.bx-pager {
  position: relative;
  z-index: 100;
  display: table;
  height: 30px;
  margin: 0 250px 0 auto;
  text-align: right;
}

.reading div.bx-pager div {
  display: table-cell;
  width: 10px;
  vertical-align: middle;
  font-size: 12px;
  line-height: 1.5;
  *display: inline;
  *zoom: 1;
}

.reading div.bx-pager div a {
  display: block;
  width: 8px;
  height: 20px;
  margin: 0 0 0 auto;
  text-align: left;
  text-indent: -9999px;
  background: url(../images/slider_point.gif) no-repeat center center;
  *display: inline;
  *zoom: 1;
}

.reading div.bx-pager div a.active {
  background: url(../images/slider_point_active.gif) no-repeat center center;
}

/* pageTtl */
.reading h1.pageTtl {
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-size: 12px;
  line-height: 1.8;
  font-weight: bold;
}

/* mainTxt */
.reading div.mainTxt {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

/* categoryNav */
.reading div.categoryNav {
  width: 100%;
  margin: 20px 0 0 0;
  overflow: hidden;
}

.reading div.categoryNav div.papers {
  float: right;
  width: 220px;
  text-align: right;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
  font-weight: bold;
}

.reading div.categoryNav ul.categoryList {
  float: left;
  width: 700px;
}

.reading div.categoryNav ul.categoryList li {
  display: inline;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  color: #999;
  font-size: 12px;
  line-height: 1.8;
  font-weight: bold;
}

.reading div.categoryNav ul.categoryList li a {
  color: #999;
}

.reading div.categoryNav ul.categoryList li.current a {
  color: #191919;
  text-decoration: none;
}

/* entryList */
.reading ul.entryList {
  width: 1015px;
  margin: 25px -60px 0 0;
  overflow: hidden;
}

.entryList .cat-title { font-size: 12px; font-weight: bold; margin-bottom: 30px;font-family: "LinotypeUniversW02-Bold 726184","Midashi Go MB31","メイリオ",Meiryo;}

.reading ul.entryList li {
  float: left;
  width: 228px;
  height: 357px;
  margin: 0 24px 0 0;
}

.reading ul.entryList li a {
  display: block;
  color: #191919;
}

.reading ul.entryList li div.thumb {
  cursor: pointer;
}

.reading ul.entryList li div.thumb:hover img {
  opacity: 0.7;
}

.reading ul.entryList li div.categoryName {
  margin: 3px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.7;
}

.reading ul.entryList li div.categoryName span.entryNumber {
  margin: 0 0 0 4px;
}

.reading ul.entryList li div.entryTtl {
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-size: 12px;
  line-height: 1.7;
  font-weight: bold;
}

.reading ul.entryList li div.leadTxt {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.7;
}

/* pagination */
.reading .pagination {
  padding: 0 0 30px 0;
  font-size: 11px;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  text-align: center;
  font-weight: bold;
}

.reading .pagination li {
  display: inline;
  margin: 0 3px 0 0;
}

.reading .pagination li a {
  color: #999;
}

.reading .pagination .prevBtn {
  margin: 0 21px 0 0;
}

.reading .pagination .nextBtn {
  margin: 0 0 0 18px;
}

.reading .pagination .prevBtn a img,
.reading .pagination .nextBtn a img {
  visibility: hidden;
}

.reading .pagination .prevBtn a {
  background: url(../../common/images/arw-prev-on.png) no-repeat 0;
}

.reading .pagination .nextBtn a {
  background: url(../../common/images/arw-next-on.png) no-repeat 0;
}

/* ========================================
  collection
======================================== */
#contentsWrap.collection {
  padding: 30px 0 70px 0;
}

/* topColumn */
#contentsWrap.collection div.topColumn {
  width: 100%;
  margin: 0 0 30px 0;
  overflow: hidden;
}

#contentsWrap.collection div.topColumn div.txtArea {
  float: left;
  width: 100%;
  margin: 0 -660px 0 0;
  position: relative;
  z-index: 5000;
}

#contentsWrap.collection div.topColumn div.txtArea div.pageTtl {
  margin: 15px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.collection div.topColumn div.txtArea table.entryTtlWrap {
  margin: 20px 0 0 0;
  height: 84px;
}

#contentsWrap.collection div.topColumn div.txtArea table.entryTtlWrap td {
  text-align: left;
  vertical-align: bottom;
}

#contentsWrap.collection div.topColumn div.txtArea .entryTtl {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.7;
}

#contentsWrap.collection div.topColumn div.txtArea div.leadTxt {
  padding: 20px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.collection div.topColumn div.txtArea div.leadTxt p {
  padding: 0 0 18px 0;
}

#contentsWrap.collection div.topColumn div.mainImg {
  float: right;
  width: 648px;
  text-align: right;
  position: relative;
  z-index: 4000;
}

/* column */
#contentsWrap.collection section.column {
  clear: both;
  width: 100%;
  margin: -30px 0 0 0;
  overflow: hidden;
}

#contentsWrap.collection section.column figure.img01 {
  width: 100%;
  margin: 30px 0 0 0;
  text-align: right;
}

#contentsWrap.collection section.column div.txtArea {
  float: left;
  width: 390px;
  margin: 25px 0 0 255px;
  *display: inline;
  *zoom: 1;
}

#contentsWrap.collection section.column div.txtAreaNoImg {
  width: auto;
  margin: 25px 0 0 255px;
}

#contentsWrap.collection section.column div.txtArea h2,
#contentsWrap.collection section.column div.txtAreaNoImg h2 {
  margin: 0 0 20px 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.collection section.column div.txtArea div.body,
#contentsWrap.collection section.column div.txtAreaNoImg div.body {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.collection section.column div.txtArea div.body p,
#contentsWrap.collection section.column div.txtAreaNoImg div.body p {
  padding: 0 0 18px 0;
}

#contentsWrap.collection section.column figure.img02 {
  float: right;
  width: 315px;
  margin: 30px 0 0 0;
  text-align: right;
}

#contentsWrap.collection section.column figure.img02 table.figcaption {
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 1.5;
}

#contentsWrap.collection section.column figure.img02 table.figcaption td {
  padding: 5px 0;
  text-align: right;
  vertical-align: middle;
}

/* snsWrap */
#contentsWrap.collection aside.snsModule {
  width: auto;
  margin: 8px 0 0 255px;
}

/* info */
#contentsWrap.collection aside.info {
  width: auto;
  margin: 0 0 0 505px;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.collection aside.info p {
  padding: 0 0 18px 0;
}



/* ========================================
  dialogue
======================================== */
#contentsWrap.dialogue {
  padding: 30px 0 70px 0;
}

/* topColumn */
#contentsWrap.dialogue div.topColumn {
  width: 100%;
  margin: 0 0 -20px 0;
  overflow: hidden;
}

#contentsWrap.dialogue div.topColumn div.txtArea {
  float: left;
  width: 100%;
  margin: 0 -735px 0 0;
  position: relative;
  z-index: 5000;
}

#contentsWrap.dialogue div.topColumn div.txtArea div.pageTtl {
  margin: 15px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.dialogue div.topColumn div.txtArea table.entryTtlWrap {
  margin: 63px 0 0 0;
  height: 126px;
}

#contentsWrap.dialogue div.topColumn div.txtArea table.entryTtlWrap td {
  text-align: left;
  vertical-align: bottom;
}

#contentsWrap.dialogue div.topColumn div.txtArea .entryTtl {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 100%;
}

#contentsWrap.dialogue div.topColumn div.txtArea .entryTtl table.member {
  margin: 9px 0 0 0;
}

#contentsWrap.dialogue div.topColumn div.txtArea .entryTtl table.member .name td {
  vertical-align: top;
  font-size: 24px;
  line-height: 1.5;
}

#contentsWrap.dialogue div.topColumn div.txtArea .entryTtl table.member .name td.listMark {
  width: 1.5em;
  padding: 0 0.25em;
}

#contentsWrap.dialogue div.topColumn div.txtArea .entryTtl table.member .post td {
  vertical-align: top;
  font-size: 12px;
  line-height: 1.5;
}

#contentsWrap.dialogue div.topColumn div.txtArea div.leadTxt {
  padding: 20px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.dialogue div.topColumn div.txtArea div.leadTxt p {
  padding: 0 0 18px 0;
}

#contentsWrap.dialogue div.topColumn div.mainImg {
  float: right;
  width: 732px;
  text-align: right;
  position: relative;
  z-index: 4000;
}

/* column */
#contentsWrap.dialogue section.column {
  clear: both;
  width: 100%;
  margin: 46px 0 0 0;
}

#contentsWrap.dialogue section.column div.inner {
  width: 100%;
  overflow: hidden;
}

#contentsWrap.dialogue section.column figure.img01 {
  float: left;
  width: 410px;
}

#contentsWrap.dialogue section.column div.txtArea {
  float: right;
  width: 565px;
}

#contentsWrap.dialogue section.column div.txtArea h2 {
  margin: 0 0 22px 0;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-size: 12px;
  line-height: 1.7;
  font-weight: bold;
}

#contentsWrap.dialogue section.column div.txtArea div.body {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.dialogue section.column div.txtArea div.body table {
  width: 100%;
}

#contentsWrap.dialogue section.column div.txtArea div.body table td {
  text-align: left;
  vertical-align: top;
}

#contentsWrap.dialogue section.column figure.img02 {
  clear: both;
  width: 100%;
  margin: 25px 0 0 0;
  text-align: right;
}

/* snsModule */
#contentsWrap.dialogue aside.snsModule {
  width: auto;
  margin: 25px 0 0 468px;
}

/* memberInfo */
#contentsWrap.dialogue aside.memberInfo table {
  margin: 70px 0 0 0;
}

#contentsWrap.dialogue aside.memberInfo table td {
  text-align: left;
  vertical-align: top;
}

#contentsWrap.dialogue aside.memberInfo figure.memberImg {
  margin: 0 15px 50px 0;
}

#contentsWrap.dialogue aside.memberInfo div.txtArea {
  width: 321px;
  margin: -2px 0 0 0;
}

#contentsWrap.dialogue aside.memberInfo div.txtArea dl {
  margin: 0 0 42px 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.75;
}



/* ========================================
  labo
======================================== */
#contentsWrap.labo {
  padding: 30px 0 70px 0;
}

#contentsWrap.labo div.leftColumn {
  float: left;
  width: 320px;
}

#contentsWrap.labo div.rightColumn {
  float: right;
  width: 648px;
}

/* pageTtl */
#contentsWrap.labo div.pageTtl {
  margin: 15px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

/* entryTtl */
#contentsWrap.labo table.entryTtlWrap {
  margin: 20px 0 0 0;
  height: 84px;
}

#contentsWrap.labo table.entryTtlWrap td {
  text-align: left;
  vertical-align: bottom;
}

#contentsWrap.labo .entryTtl {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.7;
}

/* leadTxt */
#contentsWrap.labo div.leadTxt {
  padding: 20px 0 0 0;
}

#contentsWrap.labo div.leadTxt {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.labo div.leadTxt p {
  padding: 0 0 18px 0;
}

/* column */
#contentsWrap.labo section.column h2 {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.labo section.column div.body {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.labo section.column div.body p {
  padding: 0 0 18px 0;
}

/* snsWrap */
#contentsWrap.labo aside.snsModule {
  width: auto;
  margin: 8px 0 0 0;
}



/* imgArea */
#contentsWrap.labo figure.imgArea {
  text-align: right;
}

#contentsWrap.labo figure.imgArea table.figcaption {
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 1.5;
}

#contentsWrap.labo figure.imgArea table.figcaption {
  width: 100%;
  height: 30px;
  font-size: 12px;
  line-height: 1.5;
}

#contentsWrap.labo figure.imgArea table.figcaption td {
  padding: 5px 0;
  vertical-align: middle;
}

/* otherColumn */
#contentsWrap.labo div.otherColumn {
  padding: 18px 20px 0 20px;
  border: solid 1px #CCC;
}

#contentsWrap.labo div.otherColumn dl {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.labo div.otherColumn dl dd {
  padding: 0 0 12px 0;
}

#contentsWrap.labo div.otherColumn dl dd p {
  padding: 0 0 8px 0;
}

/* ========================================
  scene
======================================== */
#contentsWrap.scene {
  padding: 30px 0 40px 0;
}

/* mainWrap */
#contentsWrap.scene article.mainWrap {
  width: 100%;
  overflow: hidden;
}

#contentsWrap.scene article.mainWrap div.txtArea {
  float: left;
  width: 320px;
}

#contentsWrap.scene article.mainWrap div.txtArea div.pageTtl {
  margin: 15px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.scene article.mainWrap div.txtArea table.entryTtlWrap {
  margin: 20px 0 0 0;
  height: 84px;
}

#contentsWrap.scene article.mainWrap div.txtArea table.entryTtlWrap td {
  text-align: left;
  vertical-align: bottom;
}

#contentsWrap.scene article.mainWrap div.txtArea .entryTtl {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 1.7;
}

#contentsWrap.scene article.mainWrap div.txtArea div.leadTxt {
  padding: 20px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.scene article.mainWrap div.txtArea div.leadTxt p {
  padding: 0 0 18px 0;
}

#contentsWrap.scene article.mainWrap div.imgArea {
  float: right;
  width: 648px;
}

#contentsWrap.scene article.mainWrap div.imgArea div.playLink {
  display: block;
  margin: 5px 0 0 0;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-size: 12px;
  line-height: 1.8;
  font-weight: bold;
}

#contentsWrap.scene article.mainWrap div.imgArea div.playLink span {
  padding: 0 0 0 12px;
  background: url(../images/arw_playbtn.gif) no-repeat left center;
  color: #191919;
}

#contentsWrap.scene #visual-frame{
  position: relative;
  height: 417px;
  cursor: pointer;
}

#contentsWrap.scene #cover{
  position: relative;
  z-index: 2;
}

#contentsWrap.scene #movie{
  position: absolute;
  z-index: 1;
  top: -5px;
  height: 365px;
}


/* asideWrap */
#contentsWrap.scene div.asideWrap {
  width: 100%;
}
#contentsWrap.labo div.asideWrap {
  clear: both;
  padding: 92px 0 0;
}
#contentsWrap.dialogue div.asideWrap {
  clear: both;
  padding: 50px 0 0;
}
#contentsWrap.collection div.asideWrap {
  clear: both;
  padding: 74px 0 0;
}
#contentsWrap.scene div.asideWrap:after {
  display: block;
  content: "";
  clear: both;
}

#contentsWrap.scene aside.snsModule {
  width: auto;
  margin: 8px 0 40px 0;
}

#contentsWrap.scene aside.imgArea {
  float: left;
  width: 658px;
  margin: 28px -20px 62px 336px;
}

#contentsWrap.scene aside.imgArea figure {
  float: left;
  width: 318px;
  margin: 0 11px 30px 0;
}



/* entryList - scene, labo, dialogue, collection */
#contentsWrap.scene aside.entryList,
#contentsWrap.labo aside.entryList,
#contentsWrap.dialogue aside.entryList,
#contentsWrap.collection aside.entryList {
  clear: both;
}

#contentsWrap.scene aside.entryList ul li,
#contentsWrap.labo aside.entryList ul li,
#contentsWrap.dialogue aside.entryList ul li,
#contentsWrap.collection aside.entryList ul li {
  width: 228px;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.8;
}

#contentsWrap.scene aside.entryList ul a,
#contentsWrap.labo aside.entryList ul a,
#contentsWrap.dialogue aside.entryList ul a,
#contentsWrap.collection aside.entryList ul a {
  display: block;
  color: #191919;
  text-decoration: none;
  overflow: hidden;
  filter: alpha(opacity=100) !important;
  -moz-opacity: 1 !important;
  opacity: 1 !important;
}

#contentsWrap.scene aside.entryList ul li a span.number,
#contentsWrap.labo aside.entryList ul li a span.number,
#contentsWrap.dialogue aside.entryList ul li a span.number,
#contentsWrap.collection aside.entryList ul li a span.number {
  float: left;
  width: 4.0em;
}

#contentsWrap.scene aside.entryList ul li a span.ttl,
#contentsWrap.labo aside.entryList ul li a span.ttl,
#contentsWrap.dialogue aside.entryList ul li a span.ttl,
#contentsWrap.collection aside.entryList ul li a span.ttl {
  float: left;
}

#contentsWrap.scene aside.entryList .categoryName,
#contentsWrap.labo aside.entryList .categoryName,
#contentsWrap.dialogue aside.entryList .categoryName,
#contentsWrap.collection aside.entryList .categoryName {
  margin: 3px 0 0 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.7;
}

#contentsWrap.scene aside.entryList li div.categoryName span.entryNumber,
#contentsWrap.labo aside.entryList li div.categoryName span.entryNumber,
#contentsWrap.dialogue aside.entryList li div.categoryName span.entryNumber,
#contentsWrap.collection aside.entryList li div.categoryName span.entryNumber {
  margin: 0 0 0 4px;
}

#contentsWrap.scene aside.entryList li div.entryTtl,
#contentsWrap.labo aside.entryList li div.entryTtl,
#contentsWrap.dialogue aside.entryList li div.entryTtl,
#contentsWrap.collection aside.entryList li div.entryTtl {
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-size: 12px;
  line-height: 1.7;
  font-weight: bold;
}

#contentsWrap.scene aside.entryList li div.leadTxt,
#contentsWrap.labo aside.entryList li div.leadTxt,
#contentsWrap.dialogue aside.entryList li div.leadTxt,
#contentsWrap.collection aside.entryList li div.leadTxt {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.7;
}

#contentsWrap.scene aside.entryList ul li a span.lWrap,
#contentsWrap.labo aside.entryList ul li a span.lWrap,
#contentsWrap.dialogue aside.entryList ul li a span.lWrap,
#contentsWrap.collection aside.entryList ul li a span.lWrap {
  padding: 1px 0 0 9px;
  *zoom: 1;
}

#contentsWrap.scene aside.entryList ul li a span.rWrap,
#contentsWrap.labo aside.entryList ul li a span.rWrap,
#contentsWrap.dialogue aside.entryList ul li a span.rWrap,
#contentsWrap.collection aside.entryList ul li a span.rWrap {
  padding: 1px 9px 0 0;
  *zoom: 1;
}

#contentsWrap.scene aside.entryList ul li a:hover span.lWrap,
#contentsWrap.labo aside.entryList ul li a:hover span.lWrap,
#contentsWrap.dialogue aside.entryList ul li a:hover span.lWrap,
#contentsWrap.collection aside.entryList ul li a:hover span.lWrap {
  background: url(../images/current-left02.gif) no-repeat left center;
  -webkit-background-size: 9px auto;
  background-size: 9px auto;
}

#contentsWrap.scene aside.entryList ul li.current a span.lWrap,
#contentsWrap.scene aside.entryList ul li.current a:hover span.lWrap,
#contentsWrap.labo aside.entryList ul li.current a span.lWrap,
#contentsWrap.labo aside.entryList ul li.current a:hover span.lWrap,
#contentsWrap.dialogue aside.entryList ul li.current a span.lWrap,
#contentsWrap.dialogue aside.entryList ul li.current a:hover span.lWrap,
#contentsWrap.collection aside.entryList ul li.current a span.lWrap,
#contentsWrap.collection aside.entryList ul li.current a:hover span.lWrap {
  background: url(../images/current-left01.gif) no-repeat left center;
  -webkit-background-size: 9px auto;
  background-size: 9px auto;
}

/*-ie8*/
#contentsWrap.scene aside.entryList ul li a:hover span.lWrap,
#contentsWrap.labo aside.entryList ul li a:hover span.lWrap,
#contentsWrap.dialogue aside.entryList ul li a:hover span.lWrap,
#contentsWrap.collection aside.entryList ul li a:hover span.lWrap {
  background: url(../images/current-left-s02.gif) no-repeat left center\9;
  background-size: auto\9;
}

#contentsWrap.scene aside.entryList ul li.current a span.lWrap,
#contentsWrap.scene aside.entryList ul li.current a:hover span.lWrap,
#contentsWrap.labo aside.entryList ul li.current a span.lWrap,
#contentsWrap.labo aside.entryList ul li.current a:hover span.lWrap,
#contentsWrap.dialogue aside.entryList ul li.current a span.lWrap,
#contentsWrap.dialogue aside.entryList ul li.current a:hover span.lWrap,
#contentsWrap.collection aside.entryList ul li.current a span.lWrap,
#contentsWrap.collection aside.entryList ul li.current a:hover span.lWrap {
  background: url(../images/current-left-s01.gif) no-repeat left center\9;
  background-size: auto\9;
}

#contentsWrap.scene aside.entryList ul li a:hover span.rWrap,
#contentsWrap.labo aside.entryList ul li a:hover span.rWrap,
#contentsWrap.dialogue aside.entryList ul li a:hover span.rWrap,
#contentsWrap.collection aside.entryList ul li a:hover span.rWrap {
  background: url(../images/current-right02.gif) no-repeat right center;
  -webkit-background-size: 9px auto;
  background-size: 9px auto;
}

#contentsWrap.scene aside.entryList ul li.current a span.rWrap,
#contentsWrap.scene aside.entryList ul li.current a:hover span.rWrap,
#contentsWrap.labo aside.entryList ul li.current a span.rWrap,
#contentsWrap.labo aside.entryList ul li.current a:hover span.rWrap,
#contentsWrap.dialogue aside.entryList ul li.current a span.rWrap,
#contentsWrap.dialogue aside.entryList ul li.current a:hover span.rWrap,
#contentsWrap.collection aside.entryList ul li.current a span.rWrap,
#contentsWrap.collection aside.entryList ul li.current a:hover span.rWrap {
  background: url(../images/current-right01.gif) no-repeat right center;
  -webkit-background-size: 9px auto;
  background-size: 9px auto;
}

/*-ie8*/
#contentsWrap.scene aside.entryList ul li a:hover span.rWrap,
#contentsWrap.labo aside.entryList ul li a:hover span.rWrap,
#contentsWrap.dialogue aside.entryList ul li a:hover span.rWrap,
#contentsWrap.collection aside.entryList ul li a:hover span.rWrap {
  background: url(../images/current-right-s02.gif) no-repeat right center\9;
  background-size: auto\9;
}

#contentsWrap.scene aside.entryList ul li.current a span.rWrap,
#contentsWrap.scene aside.entryList ul li.current a:hover span.rWrap,
#contentsWrap.labo aside.entryList ul li.current a span.rWrap,
#contentsWrap.labo aside.entryList ul li.current a:hover span.rWrap,
#contentsWrap.dialogue aside.entryList ul li.current a span.rWrap,
#contentsWrap.dialogue aside.entryList ul li.current a:hover span.rWrap,
#contentsWrap.collection aside.entryList ul li.current a span.rWrap,
#contentsWrap.collection aside.entryList ul li.current a:hover span.rWrap {
  background: url(../images/current-right-s01.gif) no-repeat right center\9;
  background-size: auto\9;
}