@charset "UTF-8";

/* ========================================
* File Name: ecopaper.css
* Created Date: 2014.09
* Author: TAM
======================================== */

#contentsWrap.ecopaper {
  width: 984px;
  padding: 50px 0 47px;
  margin: 0 auto;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
}

sup {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}

sup {
  bottom: 1ex;
}


/* pageHeader */

.pageHeader {
  overflow: hidden;
  zoom: 1;
  padding: 0 0 51px;
  line-height: 1.8;
}

.pageHeader .title {
  float: left;
  width: 242px;
  font-size: 12px;
}

.pageHeader .localNav {
  float: right;
  font-family: 'LinotypeUniversW02-Regu','Gothic Medium BBB','メイリオ',Meiryo;
  font-size: 12px;
}

.pageHeader .localNav .current {
  color: #ADD6EB;
}


/* main */

.main{
  margin: 0 0 69px;
  font-size: 12px;
  line-height: 1.8;
}


/* locationNav */

.locationNav{
  float: left;
  width: 326px;
  margin: 0 0 27px;
  padding: 0 0 0 9px;
  font-size: 12px;
  font-family: 'LinotypeUniversW02-Regu','Gothic Medium BBB','メイリオ',Meiryo;
}
.locationNav a{
  color: #1A1A1A;
}
.locationNav a:hover{
  text-decoration: none;
}
.locationNav dt {
  margin: 0 0 0 -9px;
}
.locationNav dd {
  text-indent: 27px;
}
.locationNav .lWrap {
  padding: 1px 0 0 9px;
}
.locationNav .rWrap {
  margin: 0 0 0 -9px;
  padding: 1px 9px 0 9px;
}
.locationNav .lWrap:hover,
.locationNav .current .lWrap {
  background: url(../../../common/images/current-left01.gif) no-repeat left;
  -webkit-background-size: 9px auto;
      background-size: 9px auto;
  background: url(../../../common/images/current-left-s01.gif) no-repeat left\0/;
  *background: url(../../../common/images/current-left-s01.gif) no-repeat left;
}
.locationNav .rWrap:hover,
.locationNav .current .rWrap {
  background: url(../../../common/images/current-right01.gif) no-repeat right;
  -webkit-background-size: 9px auto;
      background-size: 9px auto;
  background: url(../../../common/images/current-right-s01.gif) no-repeat right\0/;
  *background: url(../../../common/images/current-right-s01.gif) no-repeat right;
}


/* leadArea */

.leadArea{
  float: left;
  margin: 0 0 67px;
}

.leadArea p{
  margin: 0 0 2em;
}

.leadArea li{
  display: inline;
}

.leadArea li a{
  padding: 0 5px 0 0;
}


/* contents */

.contents{
  clear: both;
}

.contents .block{
  overflow: hidden;
  zoom: 1;
  margin: 0 0 48px;
}

.contents .block .blockTitle{
  float: left;
  width: 242px;
  font-size: 12px;
}

.contents .block .textArea{
  float: right;
  width: 732px;
}


.contents .block .text{
  margin: 0 0 27px;
}

.contents .block .imageArea{
  position: relative;
  margin: 0 0 27px;
  padding: 22px 0 0 25px;
  height: 265px;
  background: url(../images/ecopaper/image01.jpg) no-repeat top;
}

.contents .block .imageArea .text01{
  position: absolute;
}

.contents .block .imageArea .text02{
  position: absolute;
  bottom: 23px;
  overflow: hidden;
  zoom: 1;
  padding: 0 0 0 10px;
}

.contents .block .imageArea .text02 li{
  float: left;
}

.contents .block .imageArea .text02 li:first-child{
  float: left;
  width: 75px;
  margin: 0 10px 0 0;
  
}

table {
  width: 100%;
  font-size: 12px;
}

table th,
table td {
  border-top: 1px solid #e6e6e6;
  line-height: 1.8;
  text-align: left;
  vertical-align: top;
  padding: 0 0 20px;
}

table th {
  width: 144px;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-weight: bold;
}

table td {
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
}

table .text {
  width: 360px;
}



.btnWrap{
  overflow: hidden;
  zoom: 1;
  margin: 48px 0 20px 84px;
}

.btnWrap li{
  float: left;
  width: 312px;
  text-align: center;
  -webkit-border-radius: 5px;
          border-radius: 5px;
  background: #666;
}

.btnWrap li:first-child{
  margin: 0 24px 0 0;
}

.btnWrap li a{
  display: block;
  padding: 17px 0;
  color: #FFF;
  font-size: 12px;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-weight: bold;
}




/* localNavWrap */

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

.localNavWrap a{
  color: #191919;
  line-height: 1.8;
}

.localNavWrap .title{
  float: left;
  font-size: 12px;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-weight: bold;
  line-height: 1.8;
}

.localNavWrap .rowWrap{
  overflow: hidden;
  zoom: 1;
  float: right;
  width: 648px;
}

.localNavWrap .rowWrap .categoryBox{
  display: block;
  float: left;
  width: 144px;
  margin: 0 24px 24px 0;
  color: #1A1A1A;
  font-size: 12px;
}

.localNavWrap .rowWrap .right{
  margin: 0 0 24px;
}

.localNavWrap .rowWrap .categoryBox.last{
  margin: 0;
}

.localNav .line{
  margin: 0 0 0 12.3em;
}