@charset "UTF-8";

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

#contentsWrap.labelling {
  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 68px;
  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;
}


/* contents */

.contents{
  clear: both;
}

.blockTitleWrap{
  overflow: hidden;
  zoom: 1;
  margin: 0 0 27px;
}

.blockTitleWrap .blockTitle{
  float: left;
  width: 338px;
  font-size: 12px;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
  font-weight: bold;
}

.blockTitleWrap p{
  float: left;
  width: 637px;
}

.contents .block{
  overflow: hidden;
  zoom: 1;
}

.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 .image{
  margin: 0 0 27px;
}


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

.contents .textBlock .textArea{
  float: right;
  width: 732px;
  padding: 20px 0;
  border: 1px solid #E6E6E6;
}

.contents .textBlock .text{
  margin: 0 23px 27px;
}

.contents .textBlock .imageArea{
  position: relative;
  width: 730px;
  height: 202px;
  background: url(../images/labelling/image01.jpg) no-repeat;
}

.contents .textBlock .imageArea .step{
  position: absolute;
  top: 17px;
}

.contents .textBlock .imageArea .step01{
  left: 23px;
}

.contents .textBlock .imageArea .step02{
  left: 191px;
}

.contents .textBlock .imageArea .step03{
  left: 419px;
}

.contents .textBlock .imageArea .step04{
  left: 587px;
}

.contents .textBlock .imageArea .stepTitle{
  margin: 0 0 90px;
  font-family: 'LinotypeUniversW02-Bold 726184','Midashi Go MB31','メイリオ',Meiryo;
font-weight: bold;
}


/*　table　*/

table {
  width: 100%;
  margin: 0 0 48px;
  font-size: 12px;
  line-height: 1.8;
  text-align: left;
}

table th,
table td {
  vertical-align: top;
}

table th {
  width: 144px;
  padding: 0;
  font-weight: normal;
  border-bottom: 1px solid #000;
}

.markTable th:first-child {
  width: auto;
  padding: 0 0 0 168px;
}

.memoTable .col01{
}
.memoTable .col02{
  width: 290px;
}
.memoTable .col03{
  width: 795px;
}

table td {
  width: 227px;
  padding: 2px 24px 20px 0;
  font-family: "adobe-garamond-pro",'Ryumin Regular KL','メイリオ',Meiryo;
  font-style: normal;
  font-weight: 400;
  border-bottom: 1px solid #e6e6e6;
}

.markTable td {
  width: 144px;
}

table td.col01{
  width: 162px;
}

table td.col02{
  width: 256px;
  padding: 2px 27px 0 0;
}

table td.col03{
  width: 163px;
  padding: 2px 11px 0 0;
}

table .lastCol{
  width: 285px;
  padding: 2px 0 20px 0;
}

table .lastRow td {
  border-bottom: none;
}

table .labelImage{
  width: 145px;
}


/*　btnWrap　*/

.btnWrap{
  overflow: hidden;
  zoom: 1;
  margin: 0 0 0 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;
}