@charset "utf-8";

.about #contents .headSection .leftArea .title {
  font-size: 150%;
  line-height: normal;
  letter-spacing: 0.025em;
  padding-left: 15px;
}
.about #contents .headSection .leftArea .productsLogo {
  float: left;
  padding-right: 15px;
}
.about #contents .bridgeNav li {
  float:left;
  width:316px;
  margin-left:5px;
}
.about #contents .bridgeNav li:first-child {
  margin-left:0;
}
.about #contents .bridgeNav li a {
  display:block;
  text-align:center;
  color:#fff;
  background:#0a54a2 url(/products/discproducer/about/images/index_ico01.gif) no-repeat center bottom;
  padding:15px 0 25px;
}
.about .bg_f2f5fa {
  background:#f2f5fa;
}



.pb120 {
  padding-bottom: 120px;
}
.pb140 {
  padding-bottom: 140px;
}
.pb160 {
  padding-bottom: 160px;
}
.pb180 {
  padding-bottom: 180px;
}
.pb200 {
  padding-bottom: 200px;
}

/*===================================================================
  index.htm
===================================================================*/

#contents .detailSection {
  width: 100%;
}
.clearfix {
  clear: both;
}
#contents .headSection .leftArea {
  float: left;
  width: 960px;
}
#contents .headSection .leftArea .title {
  font-size: 110%;
}
h3,
h4,
h5,
P,
span,
ul,
li,
lo,
dl,
dt,
dd {
  color: #333333;
}

a:hover img {
  opacity: .7;
  filter: alpha(opacity=70);
}
.mainImg {
  width: 1500px;
  height: 305px;
  margin: 0 auto;
}

h2.hd02 {
  clear: both;
  display: table;
  height: 141px;
  width: 100%;
  text-align: center;
}

.hd02Inner {
  color: #fff;
  font-size: 38px;
  letter-spacing: .08em;
  display: table-cell;
  margin: 39px auto 0;
  vertical-align: middle;
}
.hd02InnerSub {
  color: #fff;
  font-size: 20px;
  font-weight: normal;
  padding: 0 27px 5px 0;
  vertical-align: middle;
}

h3.hd03 {
  clear: both;
  width: 100%;
  text-align: center;
}

.hd03Inner {
  font-size: 32px;
  letter-spacing: .08em;
  line-height: 1.6em;
  margin:0 auto;
}

h4.hd04 {
  clear: both;
  display: table;
  margin: 0 auto;
  height: 80px;
  width: 960px;
  text-align: center;
}


.hd04Inner {
  font-size: 28px;
  font-weight: normal;
  display: table-cell;
  margin: 0 auto;
  vertical-align: middle;
}

.question span.hd04Inner {
  color: #fff;
}

.answer span.hd04Inner {
  font-size: 33px;
}
h5.hd05 {
  clear: both;
  text-align: center;
}

.hd05Inner {
  font-size: 26px;
  letter-spacing: .08em;
  line-height: 1.8em;
}


.summaryTxt01 {
  font-size: 16px;
  line-height: 1.8em;
  margin: 0 auto;
  text-align: center;
}

.summaryTxt02 {
  font-size: 15px;
  line-height: 1.7em;
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

.summaryTxt03 {
  font-size: 15px;
  line-height: 1.7em;
  margin: 0 auto;
  text-align: center;
}

.summaryTxt04 {
  font-size: 15px;
  line-height: 1.8em;
  width:780px;
  margin: 0 auto;
  text-align: left;

}
.summaryTxt05 {
  font-size: 21px;
  line-height: 1.8em;
  margin: 0 auto;
  text-align: center;
}

.summaryTxt06 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
}

.summaryTxt07 {
  font-size: 18px;
  font-weight: bold;
  width:960px;
  margin: 0 auto;
  text-align: left;
}

.summaryTxt08 {
  font-size: 14px;
  font-weight: normal;
  width:960px;
  margin: 0 auto;
  text-align: left;
}

.linkBtn a {
  clear: both;
  display: block;
  background: #05935c url( /products/discproducer/about/images/btn-arrow.gif ) no-repeat 250px 18px;
  color: #ffffff;
  font-size: 17px;
  text-align: left;
  text-decoration: none;
  transition: 400ms;
  width: 265px;
  margin: 0 auto;
  padding: 11px 0 10px 34px;
}

.linkBtn a:hover {
  color: #ffffff;
  background: #23b47c url( /products/discproducer/about/images/btn-arrow.gif ) no-repeat 250px 18px;
  text-decoration: none;
}

.notes{
  clear: both;
  display: block;
  width: 800px;
  margin: 0 auto;
}

/* ------ navTop ------ */

.navTop {
  clear: both;
  margin: 0 auto;
/*  width: 1500px;*/
  height: 413px;
  background: #fff url('/products/discproducer/about/images/index-main-img01.png') no-repeat top center;
}
  
.navTop ul {
  width: 960px;
  height: 108px;
  margin: 0 auto;
  padding: 305px 0;
  outline: 0;
  list-style-type: none;
}

.navTop li {
  display: block;
  float: left;
  margin: 0 0 0 0;
  height: 137px;
  font-size: 16px;
  font-weight: bold;
}

 .navTop ul li.last {
  margin: 0 auto;
}

 .navTop ul li.navTopMenu01 {
   width: 160px;
   height: 108px;
}

.navTop ul li.navTopMenu01 a {
  display: block;
  padding: 0 0 0 0;
     background: #3a8fdf;
  width: 160px;
  height: 108px;
  color: #fff;
}

.navTop ul li.navTopMenu01 a:hover {
  width: 160px;
  height: 108px;
  color: #333;
  text-decoration: none;
}

.navTop ul li.navTopMenu02 {
   width: 232px;
   height: 108px;
}

.navTop ul li.navTopMenu02 a {
  display: block;
  padding: 0 0 0 0;
     background: #005ab4;
  width: 232px;
  height: 108px;
  color: #fff;
}

.navTop ul li.navTopMenu02 a:hover {
  width: 232px;
  height: 108px;
  color: #333;
  text-decoration: none;
}

.navTop ul li.navTopMenu03 {
   width: 189px;
   height: 108px;
}

.navTop ul li.navTopMenu03 a {
  display: block;
  padding: 0 0 0 0;
     background: #05935c;
  width: 189px;
  height: 108px;
  color: #fff;
}

.navTop ul li.navTopMenu03 a:hover {
  width: 189px;
  height: 108px;
  color: #333;
  text-decoration: none;
}

.navTop ul li.navTopMenu04 {
   width: 198px;
   height: 108px;
}

.navTop ul li.navTopMenu04 a {
  display: block;
  padding: 0 0 0 0;
     background: #2a436d;
  width: 198px;
  height: 108px;
  color: #fff;
}

.navTop ul li.navTopMenu04 a:hover {
  width: 198px;
  height: 108px;
  color: #333;
  text-decoration: none;
}
.navTop ul li.navTopMenu05 {
   width: 181px;
   height: 108px;
}

.navTop ul li.navTopMenu05 a {
  display: block;
  padding: 0 0 0 0;
     background: #b44bb5;
  width: 181px;
  height: 108px;
  color: #fff;
}

.navTop ul li.navTopMenu05 a:hover {
  width: 181px;
  height: 108px;
  color: #333;
  text-decoration: none;
}

/* -------------------- section01 -------------------- */
.section01 {
  clear: both;
  background-color: #fff;
}
.section01 .hd02{
  background-color: #3a8fdf;
}

.section01 .hd04 {
  text-align: left;
  border-bottom: #2d364d 1px solid;
  height: 41px; 
  padding-bottom: 9px;
}

/* ------ article01 ------ */
.article01 {  
  clear: both;
  display: block;
  /*height: 346px;*/
  width: 960px;
  margin: 25px auto 45px;
}

.article01 p.model {
  display: inline-block;
  font-size: 16px;
  padding-left: 5em;
  text-indent: -5em;
  font-weight: bold;
  letter-spacing: .01em;
  margin: 20px 0 0;
}

.article01 span.notice {
  display: inline;
  font-size: 14px;
  font-weight: normal;
  padding-left: 10px;
}


.article01 .block01Left {
  height: 296px;
  width: 433px;
  display: block;
  float: left;
  margin: 0 45px 0 0;
}
.article01 .block01Right {
  height: 296px;
  width: 482px;
  display: block;
  float: left;
  margin: 0;
}

.section01 .block02{
    margin-top:110px;
}

.section01 .btnArea02 {
  clear: both;
  display: block;
  margin-top: 65px;
  width: 960px;
  height: 180px;
  background: #eff6fc;
  margin: 0 auto;
  padding-top: 0;
}

.section01 .btnArea02 {
  clear: both;
  display: block;
  margin-top: 65px;
  width: 960px;
  height: 180px;
  background: #eff6fc;
  margin: 0 auto;
  padding-top: 0;
}
.section01 .btnArea02 a.btnLeft,
.section01 .btnArea02 a.btnRight { 
  position: relative;
  display: block;
  float: left;
  width: 310px;
  height: 80px;
  padding: 0 0 0 0;
  margin: 50px 50px 0 143px;
  background-color: #005ab4;
  text-align: center;
  box-shadow: 4px 4px #808080;
  border-radius: 5px;
}

.section01 .btnArea02 a.btnRight { 
  margin:50px  0;
}
.section01 .btnArea02 a.btnLeft span,
.section01 .btnArea02 a.btnRight span {
  display: block;
  font-size:19px;
  padding: 28px 12px 0 0;
  color: #fff;
  text-align: center;
}

.section01 .btnArea02 a.btnLeft:hover,
.section01 .btnArea02 a.btnRight:hover {
  text-decoration: none;
  opacity: .9;
}


.section01 .btnArea02 a.btnLeft::after,
.section01 .btnArea02 a.btnRight::after{ 
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 53%;
  right: 33px;
  margin-top: -5px;
}

.section01 .btnArea02 a.btnRight::after{ 
  right: 58px;
}

/* ------ article02 ------ */
.article02 {
  clear: both;
  height: 450px;
  width: 960px;
  margin: 40px auto 0;
  position: relative;
}

.article02 .article02Ttl {
  height: 74px;
  width: 960px;
  margin: 0 auto;
  text-align: center;
}

.article02 .elements01 {
  width: 900px;
  margin: 0 auto;
}

/* ------ article03 ------ */
.article03 {
  clear: both;
  display: block;
  width: 816px;
  height: 432px;
  margin: 0 auto;
}
.article03 .block01,
.article03 .block02 {
  width: 816px;
  display: block;
  margin: 0 auto;
}
.article03 .block01 {
  height: 245px;
}
.article03 .block01Left {
  height: 187px;
  width: 315px;
  display: block;
  float: left;
  margin: 0 65px 0 0;
}
.article03 .block01Right {
  height: 187px;
  width: 436px;
  display: block;
  float: left;
  margin: 0;
}
.article03 .block01Left p strong,
.article03 .block01Right p strong,
.article03 .block02Left p strong,
.article03 .block02Right p strong {
  display: block;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  letter-spacing: .015em;
  margin-top: 20px;
}
.article03 .block02Left {
  height: 234px;
  width: 451px;
  display: block;
  float: left;
  margin: 0 35px 0 0;
}
.article03 .block02Right {
  height:234px;
  width: 276px;
  display: block;
  float: left;
  margin: 35px 0 0;
}
.article03 .block02Left p,
.article03 .block02Right p {
  display: block;
  font-size: 13px;
  letter-spacing: .015em;
  line-height: 1.9em;
  margin-top: 20px;
}

/* -------------------- section02 -------------------- */
.section02 {
  clear: both;
  background-color: #fff;
}
.section02 .hd02{
  background-color: #005ab4;
}
.section02 table.appList {
  width: 960px;
  height: 690px;
  margin:0 auto;
  /*background: #fff url( /products/discproducer/about/images/index-section02-table-bg.png ) no-repeat 0 0;*/
}

.article04 table.appList th{
  font-weight: normal;
  border:1px solid #333333;
}
.article04 table.appList td{
  border:1px solid #333333;
}
.article04 table.appList th,
.article04 table.appList tr {
  height: 110px;
}
.article04 table.appList th.col01,
.article04 table.appList td.col01 {
  width: 140px;
}
.article04 table.appList th.col01_arrow_th {
    background:#585656;
    position:static;
}
.article04 table.appList th.col01_arrow_th strong {
    position:relative;
    bottom:-18px;
}
.article04 table.appList th.col01_arrow_th .col01_arrow {
    color:#ffffff;
    position:relative;
    bottom:-32px;
    font-size:20px;
}
.article04 table.appList th.col01_arrow_th .col01_arrow2 {
    color:#ffffff;
    position:relative;
    bottom:-46px;
    font-size:20px;
}
.article04 table.appList th.col02,
.article04 table.appList td.col02 {
  width: 118px;
}
.article04 table.appList th.col03,
.article04 table.appList td.col03 {
  width: 301px;
}
.article04 table.appList th strong,
.article04 table.appList td strong {
  color: #fff;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: .07em;
}


.article04 table.appList span.name {
  display: block;
  color:#333;
  font-size: 18px;
  text-align:center
}



.section02 .btnArea01 {
  clear: both;
  display: block;
  width: 889px;
  /*height: 151px;*/
  margin: 0 auto;
}

.section02 .btnArea01 .btnLeft {
  display: block;
  float: left;
  width: 551px;
  /*height: 151px;*/
  margin-right:30px;
}

.section02 .btnArea01 .btnRight {
  display: block;
  float: left;
  width: 308px;
  /*height: 151px;*/
}

/* -------------------- section03 -------------------- */
.section03 {
  clear: both;
  background-color: #ebf7f2;
}

.section03 .wrappedArea{
  clear: both;
  background-color: #fff;
}

.section03 .hd02{
  background-color: #05935c;
  height:220px;
}

.section03 p.apliSubTxt01,
.section03 p.apliSubTxt02,
.section03 p.apliSubTxt03,
.section04 p.apliSubTxt04 {
width: 400px;
height: 15px;
clear: both;
margin: 0 auto;
display: block;
font-size: 16px;
color: #2a436d;
border: solid 1px #2a436d;
padding: 5px 5px 13px 5px;
text-align: center;
}

.section03 p.apliSubTxt02 {
  width: 480px;
}


.section03 p.apliSubTxt03 {
  width: 400px;
}


.section04 p.apliSubTxt04 {
  width: 220px;
}


.section03 .solutionContainer{
  width: 956px;
  margin: 0 auto;
  background-color: #fff;
}

.section03 .hd03Apli{
  margin: 0 auto;
  font-size: 26px;
  text-align: center;
}

.section03 h4.hd04 span {
  font-size: 35px;
  letter-spacing: .05em;
  font-weight: bold;
  color: #2A436D;
}
.section03 .hd05 .hd05Inner {
  font-size:24px;
}



/* ------ section03NaviContainer ------ */

.section03NaviContainer {
  clear: both;
  margin: 0 auto;
  width: 970px;
  height: 311px;
}
  
.section03NaviContainer ul {
  margin: 0 auto;
  padding: 0;
  outline: 0;
  list-style-type: none;
}




.section03NaviContainer ul li a.section03Navi01,
.section03NaviContainer ul li a.section03Navi02,
.section03NaviContainer ul li a.section03Navi03 {
  display: block;
  float: left;
  width: 310px;
  height: 311px;
  margin-right:15px;
}
.section03NaviContainer ul li a.section03Navi03 {
    margin-right:0;
}



/* ------ article05 ------ */
.article05 {
  clear: both;
  display: block;
  width: 714px;
  margin: 0 auto;
}

.article05 .block01 {
  clear: both;
  width:733px;
}
.article05 .block01Left {
  width: 260px;
  display: block;
  float: left;
  margin: 0 50px 0 0;
}
.article05 .block01Right {
  width: 423px;
  display: block;
  float: left;
  margin: 0;
}
.article05 .block01Left span,
.article05 .block01Right span {
  display: block;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: .01em;
  margin-top: 20px;
}

.article05 .block02 {
  clear: both;
  width:714px;
}
.article05 .block02Left {
  width: 260px;
  display: block;
  float: left;
  margin: 0 50px 0 0;
}
.article05 .block02Right {
  width: 420px;
  display: block;
  float: left;
  margin: 0;
}
.article05 .block02Left span,
.article05 .block02Right span {
  display: block;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: .01em;
  margin-top: 20px;
}



/* ------ article06 ------ */
.article06 {
  clear: both;
  display: block;
  width: 805px;
  margin: 0 auto;
}
.article06 .block01{
  display: block;
  width: 805px;
}
.article06 .block01Left {
  width: 310px;
  display: block;
  float: left;
  margin: 0 39px 0 0;
}
.article06 .block01Right {
  width: 420px;
  display: block;
  float: left;
  margin: 0;
}
.article06 .block01Left p.description {
  font-size: 15px;
  letter-spacing: .01em;
  line-height: 1.6em;
  padding-top: 20px;
}

.block01Left p.blockTtl {
  display:block;
  width:310px;
  font-size:22px ;
  font-weight: bold;
  padding-bottom:10px;;
  border-bottom:1px solid #999;
}



.article06 .block01 .block01Left .functionLeft {
width: 74px;
display: block;
float: left;
margin-right:15px;
}

/* ------ article10 ------ */
.article10 {
  clear: both;
  display: block;
  width: 863px;
  margin: 0 auto;
}
.article10 .block01,
.article10 .block02 {
  clear: both;
  display: block;
  width: 865px;
  margin: 20px auto;
}
.article10 .block01 .block01Left,
.article10 .block01 .block01Right,
.article10 .block02 .block02Left,
.article10 .block02 .block02Right {
  display; brock;
  float: left;
}
.article10 .block01 .block01Left,
.article10 .block02 .block02Left {
  width: 503px;
  margin: 0 35px 0 0;
}
.article10 .block01 .block01Right,
.article10 .block02 .block02Right {
  width: 325px;
  margin: 25px 0 0;
}
.article10 .block01 .block01Right dl dt,
.article10 .block02 .block02Right dl dt {
  font-size: 20px;
  letter-spacing: .12em;
}
.article10 .block01 .block01Right dl dd,
.article10 .block02 .block02Right dl dd {
  font-size: 15px;
  line-height: 1.7em;
}


/* ------ stepsArea ------ */
.stepsArea {
  clear: both;
  display: block;
  height: 370px;
  width: 869px;
  margin: 0 auto;
}
.stepsArea ul {  
}
.stepsArea li {
  display: block;
  float: left;
  height: 365px;
  width: 305px;
  margin: 0 0 0 0;
}

.stepsArea li:first-child {
  width: 318px;
}
.stepsArea li:last-child {
  width: 237px;
  margin:0;
}
.stepsTxt01 {
  font-size: 16px;
  line-height: 1.6em;
  height: 60px;
  margin: 8px 0 3px;
}
.stepsTxt02 {
  font-size: 15px;
  line-height: 1.8em;
  margin: 10px 0 0;
}
p.stepNum {
  background-color: #393a3b;
  text-align: center;
  height: 29px;
  width: 89px;
  padding-top: 3px;
  color: #fff;
}

p.stepNum span{
  font-size: 18px;
  letter-spacing: .08em;
  text-align: center;
  padding-top: 3px;
  color: #fff;
  letter-spacing: .08em;
}

.article11 {
  clear: both;
  width: 960px;
  height: 414px;
  margin:0 auto;
}

.article11 ul li p span {
  display: block;
  font-size:15px;
  line-height: 1.6em;
  margin:20px 0;
}

.article11 ul li {
  display:block ;
  float:left;
  width:305px;
  margin:0 21px 0 0;
}


.article11 ul li:last-child {
  margin:0;
}
/* -------------------- section04 -------------------- */
.section04 {
  clear: both;
  background-color: #fff;
}

.section04 .hd02{
  background-color: #2a436d;
}

.section04 .btnArea01 {
  clear: both;
  display: block;
  width: 706px;
  height: 46px;
  margin: 0 auto;
}

.section04 .btnArea01 .btnLeft {
  display: block;
  float: left;
  width: 310px;
  height: 46px;
  margin-right:24px;
}

.section04 .btnArea01 .btnRight {
  display: block;
  float: left;
  width: 372px;
  height: 46px;
}


.section04 .btnArea02 {
  clear: both;
  display: block;
  margin-top: 65px;
  width: 960px;
  height: 180px;
  background: #eff6fc;
  margin: 0 auto;
  padding-top: 0;
}
.section04 .btnArea02 a.btnLeft,
.section04 .btnArea02 a.btnRight { 
  position: relative;
  display: block;
  float: left;
  width: 310px;
  height: 80px;
  padding: 0 0 0 0;
  margin: 50px 50px 0 143px;
  background-color: #005ab4;
  text-align: center;
  box-shadow: 4px 4px #808080;
  border-radius: 5px;
}

.section04 .btnArea02 a.btnRight { 
  margin:50px  0;
}
.section04 .btnArea02 a.btnLeft span,
.section04 .btnArea02 a.btnRight span {
  display: block;
  font-size:19px;
  padding: 28px 12px 0 0;
  color: #fff;
  text-align: center;
}

.section04 .btnArea02 a.btnLeft:hover,
.section04 .btnArea02 a.btnRight:hover {
  text-decoration: none;
  opacity: .9;
}


.section04 .btnArea02 a.btnLeft::after,
.section04 .btnArea02 a.btnRight::after{ 
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 53%;
  right: 33px;
  margin-top: -5px;
}

.section04 .btnArea02 a.btnRight::after{ 
  right: 58px;
}



/* ------ article07 ------ */
.article07 {
  clear: both;
  display: block;
  width: 710px;
  margin: 0 auto;
}

.article07 .block01{
  width: 710px;
  display: block;
  margin: 20px auto 0;
}

.article07 .block01Left {
  width: 229px;
  display: block;
  float: left;
  margin: 0 30px 0 0;
}
.article07 .block01Right {
  width: 450px;
  display: block;
  float: left;
  text-align: left;
  margin: 0;
}

.article07 .block01Left p,
.article07 .block01Right p {
  font-size: 14px;
  text-align: left;
   line-height: 1.8em;
  letter-spacing: .1em;
}

.article07 .block01Right p strong {
  color :#0151a2;
  font-size: 18px;
}

.article07 .block01Right p img.example {
  width:70px;
  height:22px;
  margin:0;
  padding:0 20px 0 0;
}

/* ------ article08 ------ */
.article08 {
  clear: both;
  display: block;
  width: 904px;
  margin: 0 auto;
}



.article08 .block01Left {
  width: 474px;
  display: block;
  float: left;
  margin: 0 30px 0 0;
}
.article08 .block01Right {
  width: 350px;
  display: block;
  float: left;
  text-align: left;
  margin: 0;
}

.article08 .block01Right li,
.article08 .block01Left p,
.article08 .block01Right p {
  font-size: 14px;
  text-align: left;
   line-height: 1.5em;
  letter-spacing: .1em;
}

.article08 .block01Right p strong {
  color :#0151a2;
  font-size: 18px;
}

.article08 .block01Right p img.example {
  width:70px;
  height:22px;
  margin:0;
  padding:0 20px 0 0;
}



.article08 .block01Right ul li {
  margin-top: 20px;
  display: block;
  padding-bottom:20px;
  border-bottom:1px solid #bbb;
}
/* ------ article09 ------ */
.article09 {
  clear: both;
  display: block;
  width: 912px;
  margin: 0 auto;
}
.article09 .block01Left,
.article09 .block01Right {
  display: block;
  float: left;
}
.article09 .block01Left {
  width: 618px;
  margin: 0 60px 0 0;
}
.article09 .block01Right {
  width: 234px;
}
.article09 .block01Right dl dt {
  font-size: 22px;
  margin-top: 20px;
}
.article09 .block01Right dl dd {
  font-size: 13px;
  line-height: 1.84em;
  border-bottom: solid 1px #999;
  padding-top: 15px;
  padding-bottom: 18px;
}

.article09 .block01Right dl dd:last-child {
  border:none;
}



/* -START- purchase.txt(new) -- */
.purchase.tbl{
	margin-left: auto;
	margin-right: auto;
	max-width: 812px;
	width: 100%;
}
.purchase .tbl-cell{
	width: 50%;
}
.purchase .tbl-cell:nth-of-type(1){
	padding-right: 6px;
}
.purchase .tbl-cell:nth-of-type(2){
	padding-left: 6px;
}
.purchase .ico-box{
	box-sizing: border-box;
	min-height: 120px;
	max-width: 400px;
	position: relative;
	width: 100%;
}
.purchase .ico-box.bg-gry{
	background-color: #e7e7e7;
}
.purchase .ico-box.bg-line1{
	border: 1px solid #000;
}
.purchase .btn-dl .ico-box{
	background-image: url(/products/common/images/ico_dl.gif);
	background-position: left 55px center;
	background-repeat: no-repeat;
	background-size: 15%;
}
.purchase .btn-tel .ico-box{
	background-image: url(/products/common/images/ico_ph_calling.gif);
	background-position: left 25px center;
	background-repeat: no-repeat;
	background-size: 15%;
}
.purchase .ico-box .ico-space{
	padding: 30px 12px 13px 98px;
}
.purchase .btn-dl .ico-box .ico-space{
	padding: 13px 12px 13px 138px;
}
.purchase .txt-cmmt{
	font-size: 10px;
	margin-top: 10px;
}
.purchase .ico-box a,
.purchase .ico-box a:hover{
	color: #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.purchase .btn-dl a{
	box-sizing: border-box;
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}
.purchase .btn-dl .ico-box.bg-gry:hover{
	opacity: .7;
}
.purchase .btn-dl a > span{
	position: absolute;
	top: 50%;
	transform: translate(0,-50%);
}
.purchase .btn-tel .ico-box p:nth-of-type(2){
	margin-top: 5px;
}
.purchase .btn-tel .txt-deco{
	font-size: 13px;
}
.purchase .btn-tel .txt-small{
	font-size: 12px;
	font-weight: normal;
}
.purchase .btn-tel .txt-small a{
	font-size: 12px;
	font-weight: normal;
}
/* -END- purchase.txt(new) -- */

/* -START- purchase2.txt(new) -- */
.purchase2 a{
	color: #000;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
}
.purchase2 a.bg-box:hover{
	opacity: .7;
}
.purchase2 .fz-s{
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin-top: -5px;
	padding-bottom: 5px;
	text-align: left;
}
.purchase2 .fz-xs{
	box-sizing: border-box;
	display: block;
	font-size: 10px;
	margin-top: -12px;
}
.purchase2 .btn-form a,
.purchase2 .btn-dl a{
	display: block;
}
.purchase2 .tbl{
	margin-left: auto;
	margin-right: auto;
	max-width: 960px;
	width: 100%;
}
.purchase2 .tbl-cell{
	position: relative;
	width: 50%;
}
.purchase2 .tbl-cell:nth-of-type(1){
	padding-right: 7px;
}
.purchase2 .tbl-cell:nth-of-type(2){
	padding-left: 7px;
}
.purchase2 .btn-dl{
	margin: 14px auto 0;
	max-width: 473px;
}
.purchase2 .bg-box{
	box-sizing: border-box;
	padding: 15px 20px;
	text-align: center;
}
.purchase2 .bg-line1{
	border: 1px solid #000;
	box-sizing: border-box;
}
.purchase2 .bg-gry{
	background-color: #e7e7e7;
	box-sizing: border-box;
	position: relative;
}
.purchase2 .btn-tel .bg-ico{
	margin-top: -10px;
	padding-bottom: 25px;
	padding-top: 25px;
}
.purchase2 .btn-form .bg-gry{
	box-sizing: border-box;
	width: 100%;
}
.purchase2 .btn-form .bg-ico{
	top: 50%;
}
.purchase2 .btn-form .bg-box{
	height: 100%;
}
.purchase2 .bg-ico{
	display: inline-block;
	padding: 33px 15px 33px 75px;
	position: relative;
}
.purchase2 .bg-ico:before{
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 56px;
	left: 0;
	width: 56px;
	position: absolute;
	transform: translate(0,-50%);
	top: 50%;
}
.purchase2 .btn-form .bg-ico:before{
	background-image: url(/products/discproducer/common/images/ico_ph_form.png);
}
.purchase2 .btn-tel .bg-ico:before{
	background-image: url(/products/discproducer/common/images/ico_ph_tel.png);
}
.purchase2 .btn-dl .bg-ico:before{
	background-image: url(/products/discproducer/common/images/ico_dl.gif);
}
/* -END- purchase2.txt(new) -- */


/*----service_box-----*/

.services {
	display: inline-block;
	width: 100%;
}

.service_box .ico_i a {
  background: #e7e7e7 url(/products/common/images/ico_i.gif) no-repeat 50% 20% !important;
}

.service_box .ico_driversoftware a {
  background: #e7e7e7 url(/products/common/images/ico_driversoftware.gif) no-repeat 50% 20% !important;
}

.service_box .ico_ques a {
  background: #e7e7e7 url(/products/common/images/ico_ques.gif) no-repeat 50% 20% !important;
}
.service_box .ico_msg a {
  background: #e7e7e7 url(/products/common/images/ico_msg.gif) no-repeat 50% 20% !important;
}
.service_box .ico_tools a {
  background: #e7e7e7 url(/products/common/images/ico_tools.gif) no-repeat 50% 20% !important;
}
.service_box .ico_os a {
  background: #e7e7e7 url(/products/common/images/ico_os.gif) no-repeat 50% 20% !important;
}

.service_box {
  display: block;
  font-size: 0;
  text-align: center;
  vertical-align: middle;
}
.service_box .box{
  display: inline-block;
  text-align: center;
  vertical-align: middle;
}

.service_box .box a {
  box-sizing: border-box;
  -webkit-align-items: center;
  display: inline-block;
  margin-right: 12px;
  background: #e7e7e7;
  padding: 17px 0;
  width: 150px;
  height: 120px;
  text-align: center;
}

.service_box .box.ico_os a {
  margin-right:0;
}

.services .service_box a:hover {
  opacity: 0.7 !important;
}
.services .service_box a {
  text-decoration: none;
  color: #000;
}

.services .service_box span.txt {
  font-size: 16px;
  font-weight: bold;
  top: 66%;
  position: relative;
}

.services .service_box .ico_driversoftware span.txt {
  font-size: 16px;
  font-weight: bold;
  top: 57%;
  position: relative;
}

/* share
=============================================================== */
#contents .share_title {
  font-size: 30px;
  text-align: center;
}
#contents .share_list {
  margin: 25px auto 0;
}
#contents .share_list ul {
  text-align: center;
}
#contents .share_list ul li {
  vertical-align: top;
  display: inline-block;
  position: relative;
  margin: 0 15px;
}


#contents .detailSection .ttl h3 {
    font-size: 24px;
    text-align: center;
    padding: 40px 0 20px 0;
}

.tbl .tbl-cell {
    display: table-cell;
    vertical-align: top;
}