@charset "UTF-8";
@import url(base.css);
@import url(common.css);
@import url(page2.css);
/*---------------------------------
Page CSS 2017.04
CSS 担当者名 Document 2017.04
Last Update 2017.04 担当者名
---------------------------------*/
div#TestDesign {
  display: none; 
  position: absolute;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 5650px;
  opacity: .3;
}

@media print, screen and (min-width: 768px) {
  div#TestDesign {
    background: url(../img/design/01_01_02_01_00_techDetail.jpg) no-repeat center top;
    background-size: 1366px auto;
  }
}

@media print, screen and (max-width: 767px) {
  div#TestDesign {
    background: url(../img/design/01_01_02_01_00_techDetail_sp.jpg) no-repeat center top;
    background-size: 100% auto;
  }
}

@media print, screen and (min-width: 768px) {
  /*
404
-------------------------------------*/
  /*
トップページ
-------------------------------------*/
  #Page.pageIndex {
    /* 下記4行スライダー */
  }
  #Page.pageIndex #MainImg {
    position: relative;
    z-index: 1;
    min-width: 1000px;
    width: 100%;
  }
  #Page.pageIndex #MainImg #MainImgInner {
    overflow: hidden; 
    height: 718px;
  }
  #Page.pageIndex #MainImg ul.bxslider li {
    min-width: 1000px;
    width: 100%;
    height: 718px;
    margin: 0 auto;
    text-indent: -9999px;
  }
  #Page.pageIndex #MainImg ul.bxslider li img {
    min-width: 1366px;
    width: 100%; 
    height: auto;
  }
  #Page.pageIndex #MainImg ul.bxslider li span {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url("../img/main_pattern.png") repeat scroll left top;
/*    background-size: 8px 8px;
*/    opacity: .2;
  }
  #Page.pageIndex #MainImg ul.bxslider li:nth-of-type(1) {
    background: url("/common/img/mainimage01.jpg") no-repeat center center;
    background-size: cover;
  }
  #Page.pageIndex #MainImg ul.bxslider li:nth-of-type(2) {
    background: url("/common/img/mainimage03.jpg") no-repeat center center;
    background-size: cover;
  }
  #Page.pageIndex #MainImg ul.bxslider li:nth-of-type(3) {
    background: url("/common/img/mainimage02.jpg") no-repeat center center;
    background-size: cover;
  }
  #Page.pageIndex #MainImg .bx-wrapper {
    position: relative;
    width: 100%;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-controls {
    height: 30px; 
    background-color: #e2e2e2;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager {
    position: absolute;
    z-index: 100; 
    right: 0;
    bottom: 53px;
    left: 0;
    width: 60px;
    height: 10px;
    margin: auto;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager-item {
    display: inline-block;
    margin-right: 15px;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    background: url("../img/main_icon02.png") no-repeat center center;
    background-size: 10px auto;
    text-indent: -9999px;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager-item a:hover {
    opacity: .6;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager-item:last-of-type {
    margin-right: 0;
  }
  #Page.pageIndex #MainImg .bx-wrapper a.bx-pager-link.active {
    background: url("../img/main_icon01.png") no-repeat center center;
    background-size: 10px auto;
  }
  #Page.pageIndex #MainImg .bx-prev,
  #Page.pageIndex #MainImg .bx-next {
    display: none;
  }
  #Page.pageIndex h3 {
    padding-left: 0; 
    background: none;
    font-family: Open Sans, Arial, sans-serif;
    text-align: center;
  }
  #Page.pageIndex h3+ p {
    color: #cae2ff;
    text-align: center;
  }
  #Page.pageIndex #ContSubBox01 {
    height: 400px; 
    background: transparent url("../img/index_bg_img04.jpg") repeat scroll left top;
    background-size: 500px 400px;
  }
  #Page.pageIndex #ContSubBox01 h3 {
    margin-bottom: 5px;
    padding-top: 53px; 
    padding-bottom: 0;
    font-size: 37px;
  }
  #Page.pageIndex #ContSubBox01 h3+ p {
    font-size: 17px;
    letter-spacing: 7px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix {
    margin-top: 25px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li {
    float: left;
    width: 312px;
    height: 184px;
    margin-right: 32px;
    text-align: center;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:hover {
    opacity: .6;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li a {
    display: block;
    width: 312px;
    height: 184px;
    color: #fff; 
    font-size: 21px;
    line-height: 184px;
    letter-spacing: 1px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li span:before {
    content: ".";
    display: inline-block;
    width: 18px;
    margin-right: 5px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(1) {
    background: transparent url("../img/index_bg_img01.jpg") no-repeat scroll center center;
    background-size: 312px auto;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(1) span:before {
    background: url("../img/menu_arrow01.png") no-repeat scroll left center;
    background-size: 18px 18px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(2) {
    background: transparent url("../img/index_bg_img02.jpg") no-repeat scroll center center;
    background-size: 312px auto;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(2) span:before {
    background: url("../img/menu_arrow02.png") no-repeat scroll left center;
    background-size: 18px 18px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(3) {
    margin-right: 0;
    background: transparent url("../img/index_bg_img03.jpg") no-repeat scroll center center;
    background-size: 312px auto;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(3) span:before {
    background: url("../img/menu_arrow03.png") no-repeat scroll left center;
    background-size: 18px 18px;
  }
  #Page.pageIndex #ContSubBox02 {
    height: 285px; 
    background: transparent url("../img/index_bg_img05.jpg") no-repeat scroll center center;
    background-size: cover;
  }
  #Page.pageIndex #ContSubBox02 h3 {
    margin-bottom: 0;
    padding-top: 40px; 
    padding-bottom: 0;
    font-size: 29px;
  }
  #Page.pageIndex #ContSubBox02 h3+ p {
    font-size: 13px;
    letter-spacing: 4px;
  }
  #Page.pageIndex #ContSubBox03 {
    overflow: hidden;
    padding-top: 53px;
    padding-bottom: 53px;
  }
  #Page.pageIndex #ContSubBox03 .divLeft {
    float: left;
    width: 667px;
  }
  #Page.pageIndex #ContSubBox03 .divRight {
    float: left;
    width: 333px;
    padding-left: 68px;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest {
    padding-bottom: 20px; 
    background-color: #e5e5e5;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest .digestTitle {
    padding-top: 26px; 
    padding-bottom: 7px;
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 21px;
    line-height: 0;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest .digestTitle+ p {
    padding-bottom: 7px; 
    color: #555;
    font-size: 11px;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest p {
    text-align: center;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest div {
    width: 225px;
    margin: 0 auto;
    padding: 20px; 
    background-color: #fff;
    text-align: center;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest div img {
    width: 100%; 
    height: auto;

    -o-object-fit: contain;
       object-fit: contain;
  }
  #Page.pageIndex #ContSubBox03 .divRight .divMore {
    width: 265px;
    height: 28px; 
    margin-top: 6px;
  }
  #Page.pageIndex #ContSubBox03 .divRight .divMore p {
    text-align: center;
  }
  #Page.pageIndex #ContSubBox03 .divRight .divMore p a {
    display: block;
    width: 265px;
    height: 28px;
    background: transparent url("../img/contents/next_arrow.png") no-repeat scroll right 10px center;
    background-color: #0000A0;
    background-size: 7px auto;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 25px;
  }
  #Page.pageIndex #ContSubBox03 .divRight .divMore p a:hover {
    opacity: .6;
    text-decoration: none;
  }
  #Page.pageIndex #ContSubBox03 h4 {
    overflow: hidden; 
    margin-bottom: 23px;
    border-bottom: 1px solid #e3e3e3;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsTitle {
    float: left;
    height: 33px;
    font-family: "Open Sans", sans-serif;
    font-size: 25px;
    line-height: 33px; 
    letter-spacing: 1px;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore {
    float: right;
    margin-top: 4px;
    background-color: #0000A0;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    text-align: center;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore:hover {
    opacity: .6;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore:hover a {
    text-decoration: none;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore a {
    display: block;
    width: 66px; 
    height: 28px;
    color: #fff;
    line-height: 28px;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore a:after {
    content: "";
    display: inline-block;
    width: 14px; 
    height: 11px;
    background: transparent url("../img/contents/next_arrow.png") no-repeat scroll right center;
    background-size: 7px auto;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsNew {
    float: left;
    margin-left: 15px; 
    color: #555;
    font-size: 13px;
    line-height: 43px;
    letter-spacing: 2px;
  }
  #Page.pageIndex #ContSubBox03 dl {
    display: block;
    margin-bottom: 18px; 
    font-size: 14px;
  }
  #Page.pageIndex #ContSubBox03 dl:after {
    content: "";
    display: block; 
    clear: both;
  }
  #Page.pageIndex #ContSubBox03 dl dt {
    float: left;
    width: 92px;
    color: #888; 
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
  }
  #Page.pageIndex #ContSubBox03 dl dd.NewsCategory {
    position: relative;
    top: -3px;
    float: left;
    width: 72px;
    height: 18px;
    border-radius: 1px; 
    background-color: #3f4347;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
  }
  #Page.pageIndex #ContSubBox03 dl dd.NewsContent {
    overflow: hidden;
    float: left;
    width: 400px;
    padding-left: 16px;
    font-family: helvetica, "arial black", arial, sans-serif;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
  #Page.pageIndex #ContSubBox03 dl dd.NewsContent a {
    font-family: "游ゴシック体", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    font-size: 15px;
    font-weight: 500;
  }
  #Page.pageIndex #carouselWrap {
    position: relative; 
    width: 1000px;
    height: 130px;
    margin: 17px auto;
    background: url("./images/background.gif");
  }
  #Page.pageIndex #carouselPrev img:hover,
  #Page.pageIndex #carouselNext img:hover {
    opacity: .6;
  }
  #Page.pageIndex #carouse {
    overflow: hidden; 
    width: 100%;
    height: 130px;
  }
  #Page.pageIndex #carouse #carouselInner ul.column {
    list-style-type: none;
    float: left; 
    width: 1000px;
    height: 130px;
  }
  #Page.pageIndex #carouse #carouselInner ul.column li {
    display: table;
    overflow: hidden; 
    float: left;
    width: 249px;
    height: 130px;
    margin-right: 1px;
    text-align: center;
  }
  #Page.pageIndex #carouse #carouselInner ul.column li:hover {
    opacity: .6;
  }
  #Page.pageIndex #carouse #carouselInner ul.column li div {
    display: table-cell;
    width: 249px;
    height: 90px;
    background-color: #fff;
    vertical-align: middle;
  }
  #Page.pageIndex #carouse #carouselInner ul.column li:last-of-type {
    margin-right: 0;
  }
  #Page.pageIndex #carouse #carouselInner ul.column li a {
    color: #fff;
  }
  #Page.pageIndex #carouse #carouselInner ul.column li p {
	  padding-top: 5px;
	  line-height: 19px;
    text-align: center;
  }
  #Page.pageIndex #carouse #carouselInner ul.column li img {
    max-width: 220px;
    width: auto;
    max-height: 55px;
    height: auto;
    border: none;

    -o-object-fit: contain;
       object-fit: contain;
  }
  /*
製品情報・技術コラム共通
-------------------------------------*/
  #PageProduct h3,
  #PageColum h3 {
    margin-top: 30px;
    margin-top: 28px; 
    margin-bottom: 65px;
    margin-bottom: 52px;
    padding-left: 0;
    background: transparent none repeat scroll 0 0;
    color: #000;
    font-size: 45px;
    text-align: center;
    letter-spacing: -2px;
  }
  #PageProduct h3:after,
  #PageColum h3:after {
    content: "";
    display: block;
    width: 90px; 
    margin: 20px auto;
    border-bottom: 4px solid #0000A0;
  }
  #PageProduct #DivProductNav,
  #PageColum #DivProductNav {
    position: relative;
    top: -50px;
    margin-bottom: -50px;
  }
  #PageProduct #DivProductNav #ProductNav ul li,
  #PageColum #DivProductNav #ProductNav ul li {
    display: inline-block;
    width: 332px;
    height: 50px;
    margin-right: -2px;
    opacity: .9;
  }
  #PageProduct #DivProductNav #ProductNav ul li.active a,
  #PageColum #DivProductNav #ProductNav ul li.active a {
    opacity: .6;
  }
  #PageProduct #DivProductNav #ProductNav ul li.active:after,
  #PageColum #DivProductNav #ProductNav ul li.active:after {
    content: url(../img/menu_arrow04.png);
    position: absolute;
  }
  #PageProduct #DivProductNav #ProductNav ul li:hover:after,
  #PageColum #DivProductNav #ProductNav ul li:hover:after {
    z-index: 100; 
    opacity: 1;
    -webkit-transform: scale(1, 1) translate(0, 0);
            transform: scale(1, 1) translate(0, 0);
  }
  #PageProduct #DivProductNav #ProductNav ul li:hover,
  #PageColum #DivProductNav #ProductNav ul li:hover {
    opacity: .6;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(3),
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(3) {
    margin-right: 0;
  }
  #PageProduct #DivProductNav #ProductNav ul li a,
  #PageColum #DivProductNav #ProductNav ul li a {
    display: block;
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 17px;
    line-height: 50px;
    letter-spacing: 1px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(1) a,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(1) a {
    padding-left: 117px;
    background: url("../img/menu_arrow01.png") no-repeat 88px center;
    background-color: #b3a706;
    background-size: 18px 18px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(1):after,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(1):after {
    top: 42px; 
    left: 172px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(2) a,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(2) a {
    padding-left: 130px;
    background: url("../img/menu_arrow02.png") no-repeat 102px center;
    background-color: #1b7ae7;
    background-size: 18px 18px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(2):after,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(2):after {
    top: 42px; 
    left: 493px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(3) a,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(3) a {
    padding-left: 127px;
    background: url("../img/menu_arrow03.png") no-repeat 101px center;
    background-color: #4faf3a;
    background-size: 18px 18px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(3):after,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(3):after {
    top: 42px; 
    left: 830px;
  }
  /*
製品情報
-------------------------------------*/
  #PageProduct.pageCategory #Main #ContBox01 {
    padding-bottom: 80px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 {
    margin-bottom: 80px;
    padding: 30px 0 20px;
    background-color: #0000A0;
    color: #fff;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 {
    overflow: hidden;
    margin-bottom: 28px; 
    border-bottom: 1px solid #7bbedd;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span a {
    color: #fff;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsTitle {
    float: left;
    height: 48px;
    font-family: "Open Sans", sans-serif;
    font-size: 25px;
    line-height: 40px;
    letter-spacing: 1px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsNew {
    float: left;
    margin-left: 15px; 
    color: #cae2ff;
    font-size: 13px;
    line-height: 48px;
    letter-spacing: 2px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsMore {
    float: right;
    margin-top: 10px; 
    background-color: #7bbedd;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    text-align: center;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsMore a {
    display: block;
    width: 66px;
    height: 28px;
    color: #fff; 
    line-height: 28px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsMore a:hover {
    opacity: .6;
    text-decoration: none;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsMore a:after {
    content: "";
    display: inline-block;
    width: 14px; 
    height: 11px;
    background: transparent url("../img/contents/next_arrow.png") no-repeat scroll right center/7px auto;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl {
    display: block;
    margin-bottom: 20px; 
    font-size: 14px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl dt {
    float: left;
    width: 92px;
    font-family: "Open Sans", sans-serif; 
    font-size: 13px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl:after {
    content: "";
    display: block; 
    clear: both;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl dd {
    float: left;
    width: 740px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl dd a {
    color: #fff;
    font-size: 15px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 {
    overflow: hidden;
    margin-bottom: 80px;
    padding-bottom: 60px; 
    border-bottom: 1px solid #e3e3e3;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 h4 {
    margin-bottom: 48px;
    padding-left: 0;
    color: #000;
    font-size: 31px;
    text-align: center;
    letter-spacing: 4px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 h4:after {
    content: "";
    display: block;
    width: 90px; 
    margin: 27px auto;
    border-bottom: 2px solid #0000A0;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 h4 span a {
    color: #fff;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li {
    display: block;
    float: left;
    width: 320px;
    height: 320px;
    margin-right: 20px; 
    margin-bottom: 20px;
    background-color: #d5f7f7;
    border: 3px solid #0000A0;  /* 追記 */
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li:hover {
    opacity: .6;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a {
    display: block;
    height: 320px;
    padding-top: 10px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a div {
    position: relative;
    width: 300px;
    height: 225px;
    margin: 0 auto;
    border: 10px solid #fff;
    border-right-width: 20px;
    border-left-width: 20px; 
    background-color: #fff;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a div img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a div img:hover {
    opacity: 1;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a span {
    display: block;
    overflow: hidden; 
    height: 21px;
    margin-top: 35px;
    padding-right: 35px;
    padding-left: 20px;
    background: transparent url("../img/contents/next_arrow.png") no-repeat scroll right 18px center/13px 21px;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: 1px;
  }
  /*
製品情報 サブカテゴリ
-------------------------------------*/
  #PageProduct.pageSubcategory #Main #ContBox01 {
    margin-bottom: 111px;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul {
    overflow: hidden;
    margin-bottom: 80px;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li {
    display: block;
    float: left;
    width: 235px;
    margin-right: 20px;
    border: 1px solid #0000A0;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li:nth-of-type(4n) {
    margin-right: 0;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li:hover {
    opacity: .6;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a {
    display: block;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) {
    position: relative;
    width: 193px;
    height: 161px;
    margin: 0 auto;
    padding: 9px;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto; 
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) img:hover {
    opacity: 1;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(2) {
    background: transparent url("../img/contents/product_arrow.png") no-repeat scroll right 13px center;
    background-size: 10px 17px;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(2) span {
    display: table-cell;
    padding: 19px 30px 16px 10px; 
    font-size: 15px;
    vertical-align: middle;
    line-height: 21px;
    letter-spacing: 1px;
  }
  /*
製品情報 詳細
-------------------------------------*/
  #PageProduct.pageEntry #Main #ContBox01 h3 {
    width: 1000px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto; 
    padding-bottom: 0;
  }
  #PageProduct.pageEntry #Main #ContBox01 h3+ p {
    margin-bottom: 81px;
    color: #9eb5d1;
    font-size: 17px;
    text-align: center;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 {
    overflow: hidden; 
    padding: 60px 0 53px;
    background: url(../img/contents/product_entry_bg01.jpg) no-repeat top left;
    background-color: #dbe6fa;
    background-size: cover;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg {
    float: left; 
    width: 480px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul {
    overflow: hidden;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li {
    position: relative;
    float: left;
    width: 92px;
    height: 69px;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 10px solid #fff; 
    background-color: #fff;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li.mainImg {
    border-right-width: 20px;
    border-left-width: 20px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li.current {
    opacity: .6;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(1) {
    width: 480px;
    height: 360px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(1) img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(1) a {
    display: block;
    width: 480px;
    height: 360px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(6),
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(11) {
    margin-right: 0;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li a {
    display: block;
    width: 92px;
    height: 69px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li a:hover {
    opacity: .6;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: auto;
    max-height: 100%; 
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail {
    float: left;
    width: 480px;
    margin-left: 40px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail p {
    position: relative;
    top: -5px;
    color: #000;
    font-size: 17px;
    line-height: 32px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note {
    margin-top: 14px;
    color: #555; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div {
    margin-top: 40px; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div .productDetailTitle {
    margin-bottom: 13px;
    padding-bottom: 6px;
    border-bottom: 1px solid #aec1d9;
    color: #000;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div ul li {
    padding-left: 15px;
    background: transparent url("../img/contents/icon_arrow.png") no-repeat scroll left top;
    background-size: 6px auto;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div ul li+ li {
    margin-top: 10px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div ul li:after {
    content: "";
    display: inline-block;
    width: 16px; 
    height: 17px;
    margin-left: 10px;
    background: transparent url("../img/contents/icon_pdf.png") no-repeat scroll left top 2px/16px 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload {
    margin-top: 40px; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload .productDetailTitle {
    margin-bottom: 13px;
    padding-bottom: 6px;
    border-bottom: 1px solid #0000A0;
    color: #000;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    letter-spacing: 1px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload ul li {
    padding-left: 15px;
    background: transparent url("../img/contents/icon_arrow.png") no-repeat scroll left top 6px;
    background-size: 6px auto;
    line-height: 20px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload ul li+ li {
    margin-top: 8px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload ul li:before {
    display: none;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload ul li:after {
    content: "";
    display: inline-block;
    width: 16px; 
    height: 17px;
    margin-left: 10px;
    background: transparent url("../img/contents/icon_pdf.png") no-repeat scroll left top 2px/16px 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 {
    margin-top: 73px;
    padding-bottom: 37px;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 .innerBasic> p:first-of-type {
    color: #000;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 p,
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 ul li {
    color: #555; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 h4 {
    height: 50px;
    margin-top: 76px;
    margin-bottom: 45px;
    padding-left: 13px; 
    background-color: #0000A0;
    color: #fff;
    font-size: 21px;
    line-height: 50px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 h5 {
    margin-top: 35px;
    margin-bottom: 8px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    color: #000;
    font-size: 19px;
    line-height: 30px;
    letter-spacing: 2px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 h5:before {
    content: "◆";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 2px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 ul {
    margin-top: 10px;
    margin-bottom: 44px; 
    margin-left: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 ul li {
    list-style-type: square;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 ul li+ li {
    margin-top: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 {
    margin-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 h4 {
    width: 220px;
    height: 60px;
    margin: 0 auto 60px;
    border: 4px solid #e6e7e9;
    background-color: #fff;
    color: #000;
    font-size: 21px;
    text-align: center;
    line-height: 54px;
    letter-spacing: 3px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul {
    overflow: hidden;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li {
    float: left;
    width: 490px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li:nth-of-type(1) {
    margin-right: 20px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li span {
    display: block;
    padding-top: 7px;
    color: #000; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 {
    margin-top: 80px;
    margin-bottom: 30px; 
    padding-bottom: 80px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul {
    overflow: hidden;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li {
    display: block;
    float: left;
    width: 320px;
    height: auto;
    margin-right: 20px;
    margin-bottom: 19px;
    text-align: center;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li div {
    position: relative;
    height: 240px;
    padding: 13px 20px; 
    border: 1px solid #e4e4e4;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li div img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: auto;
    max-height: 100%; 
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li span {
    display: block;
    margin-top: 10px;
    color: #000;
    font-size: 15px;
    text-align: left;
  }
  /*
技術コラム
-------------------------------------*/
  #PageColum.pageCategory #Main #ContBox01 {
    margin-bottom: 80px;
  }
  #PageColum.pageCategory #Main #ContBox01 h3 {
    margin-top: 30px; 
    margin-bottom: 50px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 {
    margin-bottom: 80px; 
    border-bottom: 1px solid #e3e3e3;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix {
    width: 100%;
    margin-bottom: 40px; 
    border: 1px solid #cfd7e8;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix h4 {
    padding: 38px 30px;
    border-bottom: 1px solid #cfd7e8;
    background-color: #f2f6fa;
    color: #000;
    font-size: 23px;
    letter-spacing: 3.5px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix h4 .spanMore {
    float: right;
    width: 100px; 
    height: 28px;
    background: #2a72b4 url("../img/contents/next_arrow.png") no-repeat scroll right 10px center/7px auto;
    line-height: 28px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix h4 .spanMore a {
    display: block;
    padding-right: 10px; 
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    text-align: center;
    letter-spacing: 1px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix h4 .spanMore:hover {
    opacity: .6;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix p:first-of-type {
    padding-top: 34px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix div.entryBox {
    margin-bottom: 15px;
    margin-bottom: 31px; 
    padding-top: 34px;
    padding-right: 31px;
    padding-left: 31px;
    letter-spacing: -1px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix img {
    float: right;
    max-width: 500px;
    height: 274px;
    padding: 31px;
    padding-left: 93px;
  }
  nav.pageMove {
    display: table;
    position: relative;
    margin: 60px auto 110px;
    font-family: "Open Sans", sans-serif;
  }
  nav.pageMove ul {
    position: static;
    width: auto; 
    font-size: 0;
    text-align: center;
  }
  nav.pageMove ul li {
    display: inline-block;
    width: 28px;
    height: 28px;
    font-size: 13px; 
    text-align: center;
    line-height: 28px;
  }
  nav.pageMove ul li+ li {
    margin-left: 1px;
  }
  nav.pageMove ul li span.current_page {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #aac7e1;
    color: #fff;
  }
  nav.pageMove ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #2a72b4; 
    color: #fff;
    text-align: center;
  }
  nav.pageMove ul li a:hover {
    opacity: .6;
    text-decoration: none;
  }
  nav.pageMove ul li.prev,
  nav.pageMove ul li.next {
    position: absolute;
    top: 0; 
    width: 66px;
  }
  nav.pageMove ul li.prev {
    left: -96px;
    line-height: 26px;
  }
  nav.pageMove ul li.prev a:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 28px;
    margin-right: 10px;
    background: url(../img/contents/prev_arrow.png) no-repeat center left;
    background-size: 7px 11px;
    vertical-align: top;
  }
  nav.pageMove ul li.next {
    right: -96px;
  }
  nav.pageMove ul li.next a:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 28px;
    margin-left: 10px;
    background: url(../img/contents/next_arrow.png) no-repeat center left;
    background-size: 7px 11px;
    vertical-align: top;
  }
  nav.pageMove ul:last-of-type {
    display: none;
  }
  /*
技術コラム 新着情報
-------------------------------------*/
  #PageColum.pageNews #Main #ContBox01 div.innerBasic {
    border-bottom: 1px solid #e3e3e3;
  }
  #PageColum.pageNews #Main #ContBox01 div.innerBasic dl {
    display: table;
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #e3e3e3;
    color: #000;
    font-size: 15px;
    line-height: 30px;
  }
  #PageColum.pageNews #Main #ContBox01 div.innerBasic dl dt {
    display: table-cell;
    width: 95px;
    color: #888;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
  }
  #PageColum.pageNews #Main #ContBox01 div.innerBasic dl dd {
    display: table-cell;
    padding-top: 10px; 
    padding-bottom: 9px;
  }
  #PageColum.pageNews #Main #ContBox01 nav.pageMove {
    margin-bottom: 160px;
  }
  /*
技術コラム 詳細
-------------------------------------*/
  #PageColum.pageEntry #Main #ContBox01 h4 {
    margin-bottom: 12px;
    color: #000;
    font-size: 23px;
    text-align: center;
    letter-spacing: 3.5px;
  }
  #PageColum.pageEntry #Main #ContBox01 .colum_date {
    margin-bottom: 44px;
    color: #888;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    text-align: center;
    letter-spacing: 1px;
  }
  #PageColum.pageEntry #Main #ContBox01 div.clearfix {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 38px; 
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageColum.pageEntry #Main #ContBox01 div.clearfix div.entryBox {
    margin-bottom: 15px; 
    padding-top: 34px;
  }
  #PageColum.pageEntry #Main #ContBox01 div.clearfix img {
    float: left;
    max-width: 500px;
    padding: 20px 30px 22px 0;
  }
  #PageColum.pageEntry #Main #ContBox01 p.colum_return {
    margin-bottom: 115px;
    text-align: center;
  }
  #PageColum.pageEntry #Main #ContBox01 p.colum_return a {
    font-size: 13px;
  }
  /*
取扱メーカー
-------------------------------------*/
  #PageMaker.pageIndex #Main #ContBox01 {
    padding-bottom: 135px;
  }
  #PageMaker.pageIndex #Main #ContBox01 h3 {
    margin-top: 65px;
    margin-bottom: 10px;
  }

  #PageMaker.pageIndex #Main #ContBox01 ul {
    overflow: hidden;
    margin-bottom: 80px;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li {
    display: block;
    float: left;
    width: 235px;
    margin-right: 20px;
    border: 1px solid #0000A0;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li:nth-of-type(4n) {
    margin-right: 0;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li:hover {
    opacity: .6;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a {
    display: block;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(1) {
    position: relative;
    width: 193px;
    height: 161px;
    margin: 0 auto;
    padding: 9px;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(1) img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto; 
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(1) img:hover {
    opacity: 1;
  }
  /*
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(2) {
    background: transparent url("../img/contents/product_arrow.png") no-repeat scroll right 13px center;
    background-size: 10px 17px;
  }
  */
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(2) span {
    display: table-cell;
    padding: 19px 30px 16px 10px; 
    font-size: 15px;
    vertical-align: middle;
    line-height: 21px;
    letter-spacing: 1px;
  }
  /*
取扱メーカー 詳細
-------------------------------------*/
  #PageMaker.pageEntry #Main #ContBox01 h3 {
    margin-top: 27px;
    margin-bottom: 7px;
    padding-left: 0;
    background: transparent none repeat scroll 0 0;
    color: #000;
    font-size: 45px;
    text-align: center;
    letter-spacing: 0;
  }
  #PageMaker.pageEntry #Main #ContBox01 h3:after {
    content: "";
    display: block;
    width: 90px; 
    margin: 20px auto;
    border-bottom: 4px solid #0000A0;
  }
  #PageMaker.pageEntry #Main #ContBox01 h3+ p {
    color: #000;
    font-size: 17px;
    text-align: center; 
    line-height: 32px;
  }
  #PageMaker.pageEntry #Main #ContBox01 .makerLogo {
    overflow: hidden; 
    width: 342px;
    margin: 0 auto 58px;
    text-align: center;
  }
  #PageMaker.pageEntry #Main #ContBox01 .makerLogo img {
    -o-object-fit: contain;
       object-fit: contain;
  }
  #PageMaker.pageEntry #Main #ContBox01 .makerLogo+ p {
    color: #000;
    font-size: 17px;
    text-align: center; 
    line-height: 32px;
  }

/*---------*/
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 {
    margin-top: 80px;
    padding-bottom: 80px;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 h4 {
    width: 220px;
    height: 60px;
    margin: 0 auto 60px;
    border: 4px solid #e6e7e9;
    background-color: #fff;
    color: #000;
    font-size: 21px;
    text-align: center;
    line-height: 54px;
    letter-spacing: 3px;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul {
    overflow: hidden;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li {
    float: left;
    width: 490px;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li:nth-of-type(1) {
    margin-right: 20px;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li span {
    display: block;
    padding-top: 7px;
    color: #000; 
    font-size: 15px;
  }
/*----------------*/

  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 .lineupTitle {
    width: 100%;
    height: 31px;
    margin-top: 70px;
    padding: 0 13px;
    background: none;
    background-color: #0000A0;
    color: #fff;
    font-size: 15px;
    font-weight: bold; 
    line-height: 31px;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul {
    overflow: hidden;
    margin: 0 0 92px; 
    border: 1px solid #e3e3e3;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li {
    display: table;
    float: left;
    width: 332px;
    padding: 19px 15px 19px 44px;
    border: 1px solid #0000A0;
    border-top: none;
    border-left: none;
    font-size: 15px;
    line-height: 20px;
  }
  PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li:nth-of-type(4n) {
    margin-right: 0;
  }
  PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li:hover {
    opacity: .6;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a {
    display: block;
    height: 300px;
    padding-top: 10px;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) {
    position: relative;
    width: 193px;
    height: 161px;
    margin: 0 auto;
    padding: 9px;
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto; 
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) img:hover {
    opacity: 1;
  }
  /*
  #PageMaker.pageEntry #Main #ContBox01 ul li a div:nth-of-type(2) {
    background: transparent url("../img/contents/product_arrow.png") no-repeat scroll right 13px center;
    background-size: 10px 17px;
  }
  */
  #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(2) span {
    display: table-cell;
    padding: 19px 30px 16px 10px; 
    font-size: 15px;
    vertical-align: middle;
    line-height: 21px;
    letter-spacing: 1px;
  }
}
@media print, screen and (max-width: 767px) {
  /*
404
-------------------------------------*/
  /*
トップページ
-------------------------------------*/
  #Page.pageIndex #MainImg {
    position: relative;
    width: 100%;
  }
  #Page.pageIndex #MainImg #MainImgInner {
    overflow: hidden; 
    height: auto !important;
  }
  #Page.pageIndex #MainImg ul.bxslider li {
    width: 100%;
    margin: 0 auto;
    text-indent: -9999px;
  }
  #Page.pageIndex #MainImg ul.bxslider li img {
    width: 100%; 
    height: auto;
  }
  #Page.pageIndex #MainImg ul.bxslider li span {
    display: block;
    width: 100%;
    height: 100%;
    background: transparent url("../img/main_pattern.png") repeat scroll left top;
/*    background-size: 8px 8px;
*/    opacity: .2;
  }
  #Page.pageIndex #MainImg ul.bxslider li:nth-of-type(1) {
    background: url("/common/img/mainimage01.jpg") no-repeat center center;
    background-size: cover;
  }
  #Page.pageIndex #MainImg ul.bxslider li:nth-of-type(2) {
    background: url("/common/img/mainimage03.jpg") no-repeat center center;
    background-size: cover;
  }
  #Page.pageIndex #MainImg ul.bxslider li:nth-of-type(3) {
    background: url("/common/img/mainimage02.jpg") no-repeat center center;
    background-size: cover;
  }
  #Page.pageIndex #MainImg .bx-wrapper {
    position: relative;
    width: 100%;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-controls {
    background-color: #e2e2e2;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager {
    position: absolute;
    z-index: 100; 
    right: 0;
    bottom: 10px;
    left: 0;
    width: 60px;
    height: 10px;
    margin: auto;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager-item {
    display: inline-block;
    margin-right: 15px;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager-item a {
    display: block;
    width: 10px;
    height: 10px;
    background: url("../img/main_icon02.png") no-repeat center center;
    background-size: 10px auto;
    text-indent: -9999px;
  }
  #Page.pageIndex #MainImg .bx-wrapper .bx-pager-item:last-of-type {
    margin-right: 0;
  }
  #Page.pageIndex #MainImg .bx-wrapper a.bx-pager-link.active {
    background: url("../img/main_icon01.png") no-repeat center center;
    background-size: 10px auto;
  }
  #Page.pageIndex #MainImg .bx-prev,
  #Page.pageIndex #MainImg .bx-next {
    display: none;
  }
  #Page.pageIndex h3 {
    padding-left: 0; 
    background: none;
    font-family: Open Sans, Arial, sans-serif;
    text-align: center;
  }
  #Page.pageIndex h3+ p {
    color: #cae2ff;
    text-align: center;
  }
  #Page.pageIndex #ContSubBox01 {
    background: transparent url("../img/index_bg_img04.jpg") repeat scroll left top;
    background-size: 500px 400px;
  }
  #Page.pageIndex #ContSubBox01 h3 {
    margin-bottom: 8px; 
    padding-top: 50px;
    padding-bottom: 0;
    font-size: 37px;
  }
  #Page.pageIndex #ContSubBox01 h3+ p {
    font-size: 17px;
    letter-spacing: 7px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix {
    width: 100%;
    margin-top: 22px;
    padding-right: 15px; 
    padding-bottom: 50px;
    padding-left: 15px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li {
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px; 
    text-align: center;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li div {
    width: 98%;
    margin: 0 auto; 
    padding: 43px 10px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li+ li {
    margin-top: 10px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li a {
    display: block;
    width: 100%;
    color: #fff;
    font-size: 21px;
    letter-spacing: 1px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li span:before {
    content: ".";
    display: inline-block;
    width: 18px;
    margin-right: 5px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(1) {
    background: transparent url("../img/index_bg_img01sp2.jpg") repeat scroll left top;
    background-size: cover;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(1) div {
    border: 2px solid #bbc59c;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(1) span:before {
    background: url("../img/menu_arrow01.png") no-repeat scroll left center;
    background-size: 18px 18px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(2) {
    background: transparent url("../img/index_bg_img02sp2.jpg") repeat scroll left top;
    background-size: cover;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(2) div {
    border: 2px solid #87bbf7;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(2) span:before {
    background: url("../img/menu_arrow02.png") no-repeat scroll left center;
    background-size: 18px 18px;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(3) {
    margin-right: 0;
    background: transparent url("../img/index_bg_img03sp2.jpg") repeat scroll left top;
    background-size: cover;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(3) div {
    border: 2px solid #9ed0b5;
  }
  #Page.pageIndex #ContSubBox01 ul.clearfix li:nth-of-type(3) span:before {
    background: url("../img/menu_arrow03.png") no-repeat scroll left center;
    background-size: 18px 18px;
  }
  #Page.pageIndex #ContSubBox02 {
    width: 100%;
    background: transparent url("../img/index_bg_img05sp.jpg") repeat scroll left top;
    background-size: cover;
  }
  #Page.pageIndex #ContSubBox02 h3 {
    margin-bottom: 0;
    padding-top: 47px;
    padding-bottom: 0; 
    font-size: 29px;
  }
  #Page.pageIndex #ContSubBox02 h3+ p {
    margin-bottom: 5px;
    font-size: 13px;
    letter-spacing: 4px;
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap {
    padding-bottom: 47px;
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap ul {
    overflow: hidden;
    width: 100%;
    padding-right: 15px; 
    padding-left: 15px;
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap ul li {
    display: table-cell;
    float: left;
    width: 48%;
    height: auto;
    margin-top: 13px;
    text-align: center;
    vertical-align: middle;
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap ul li a {
    color: #fff;
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap ul li a div {
    position: relative;
    height: 62px; 
    background-color: #fff;
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap ul li a div img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 130px;
    width: auto;
    max-height: 45px;
    height: auto; 
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap ul li a p {
    text-align: center; 
    line-height: 27px;
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap ul li:nth-of-type(odd) {
    margin-right: 4%;
  }
  #Page.pageIndex #ContSubBox02 #carouselWrap ul li:nth-of-type(n+9) {
    display: none;
  }
  #Page.pageIndex #ContSubBox03 {
    padding: 53px 15px;
  }
  #Page.pageIndex #ContSubBox03 .divLeft {
    width: 100%;
  }
  #Page.pageIndex #ContSubBox03 .divRight {
    width: 100%;
    margin-top: 50px;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest {
    padding-right: 20px; 
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #e5e5e5;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest .digestTitle {
    padding-top: 30px;
    padding-bottom: 7px; 
    color: #000;
    font-family: "Open Sans", sans-serif;
    font-size: 21px;
    line-height: 0;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest .digestTitle+ p {
    padding-bottom: 13px; 
    color: #555;
    font-size: 11px;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest p {
    text-align: center;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest div {
    position: relative;
    width: 100%;
    padding: 23px 24px; 
    background-color: #fff;
    text-align: center;
  }
  #Page.pageIndex #ContSubBox03 .divRight div.divDigest div img {
    max-width: 100%; 
    height: auto;

    -o-object-fit: contain;
       object-fit: contain;
  }
  #Page.pageIndex #ContSubBox03 .divRight .divMore {
    width: 100%;
    height: 33px; 
    margin-top: 10px;
  }
  #Page.pageIndex #ContSubBox03 .divRight .divMore p {
    text-align: center;
  }
  #Page.pageIndex #ContSubBox03 .divRight .divMore p a {
    display: block;
    width: 100%;
    height: 38px;
    background: transparent url(../img/contents/next_arrow.png) no-repeat scroll right 10px center;
    background-color: #2a72b4;
    background-size: 7px auto;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    text-decoration: none; 
    line-height: 38px;
  }
  #Page.pageIndex #ContSubBox03 h4 {
    overflow: hidden; 
    margin-bottom: 25px;
    border-bottom: 1px solid #e3e3e3;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsTitle {
    float: left;
    height: 33px;
    font-family: "Open Sans", sans-serif;
    font-size: 25px;
    line-height: 23px; 
    letter-spacing: 1px;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore {
    display: block; 
    position: relative;
    float: right;
    height: 33px;
    margin-bottom: 6px;
    background-color: #4392db;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    text-align: center;
    line-height: 34px;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore a {
    display: block;
    width: 66px;
    height: 33px;
    color: #fff;
    text-decoration: none; 
    line-height: 33px;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore a:after {
    content: "";
    display: inline-block;
    width: 14px; 
    height: 11px;
    background: transparent url("../img/contents/next_arrow.png") no-repeat scroll right center;
    background-size: 7px auto;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsMore a:hover {
    opacity: .6;
    text-decoration: none;
  }
  #Page.pageIndex #ContSubBox03 h4 span.newsNew {
    float: left;
    margin-left: 15px; 
    color: #555;
    font-size: 13px;
    line-height: 34px;
    letter-spacing: 2px;
  }
  #Page.pageIndex #ContSubBox03 dl {
    display: block;
    margin-bottom: 26px; 
    font-size: 14px;
  }
  #Page.pageIndex #ContSubBox03 dl:nth-of-type(n + 6) {
    display: none;
  }
  #Page.pageIndex #ContSubBox03 dl:after {
    content: "";
    display: block; 
    clear: both;
  }
  #Page.pageIndex #ContSubBox03 dl dt {
    float: left;
    width: 80px;
    height: 18px; 
    color: #888;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    line-height: 18px;
  }
  #Page.pageIndex #ContSubBox03 dl dd.NewsCategory {
    float: left;
    width: 72px;
    height: 18px;
    border-radius: 1px; 
    background-color: #3f4347;
    color: #fff;
    font-size: 11px;
    text-align: center;
    line-height: 18px;
  }
  #Page.pageIndex #ContSubBox03 dl dd.NewsContent {
    overflow: hidden;
    float: left;
    width: 100%;
    margin-top: 9px;
    white-space: nowrap; 
    text-overflow: ellipsis;
  }
  #Page.pageIndex #ContSubBox03 dl dd.NewsContent a {
    font-size: 15px;
  }
  /*
製品情報共通
-------------------------------------*/
  #PageProduct h3,
  #PageColum h3 {
    margin-top: 32px;
    margin-bottom: 15px;
    padding-left: 0;
    background: transparent none repeat scroll 0 0;
    color: #000;
    font-size: 30px;
    text-align: center;
    letter-spacing: -2px;
  }
  #PageProduct h3:after,
  #PageColum h3:after {
    content: "";
    display: block;
    width: 70px; 
    margin: 15px auto;
    border-bottom: 4px solid #0048a1;
  }
  #PageProduct #DivProductNav,
  #PageColum #DivProductNav {
    overflow: hidden; 
    position: relative;
    top: -35px;
    margin-bottom: -35px;
  }
  #PageProduct #DivProductNav #ProductNav ul li,
  #PageColum #DivProductNav #ProductNav ul li {
    position: relative;
    float: left;
    width: 33%;
    height: 35px;
    opacity: .9;
  }
  #PageProduct #DivProductNav #ProductNav ul li.active a,
  #PageColum #DivProductNav #ProductNav ul li.active a {
    opacity: .6; 
    text-decoration: none;
  }
  #PageProduct #DivProductNav #ProductNav ul li.active:after,
  #PageColum #DivProductNav #ProductNav ul li.active:after {
    content: "";
    position: absolute;
    bottom: 0; 
    left: 50%;
    width: 7px;
    height: 4px;
    background: url(../img/menu_arrow04.png) no-repeat center center;
    background-size: 7px 4px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:hover,
  #PageColum #DivProductNav #ProductNav ul li:hover {
    opacity: .6;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(3),
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(3) {
    margin-right: 0;
  }
  #PageProduct #DivProductNav #ProductNav ul li a,
  #PageColum #DivProductNav #ProductNav ul li a {
    display: inline-block;
    width: 100%;
    height: 35px;
    color: #fff;
    font-size: 11px;
    text-align: center; 
    line-height: 37px;
    letter-spacing: -1px;
  }
  #PageProduct #DivProductNav #ProductNav ul li a:before,
  #PageColum #DivProductNav #ProductNav ul li a:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 5px;
    vertical-align: middle;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(1) a,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(1) a {
    background-color: #b3a706;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(1) a:before,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(1) a:before {
    background: url(../img/menu_arrow01.png) no-repeat center left;
    background-size: 14px 14px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(2) a,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(2) a {
    background-color: #1b7ae7;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(2) a:before,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(2) a:before {
    background: url(../img/menu_arrow02.png) no-repeat center left;
    background-size: 14px 14px;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(3),
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(3) {
    width: 34%;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(3) a,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(3) a {
    background-color: #4faf3a;
  }
  #PageProduct #DivProductNav #ProductNav ul li:nth-of-type(3) a:before,
  #PageColum #DivProductNav #ProductNav ul li:nth-of-type(3) a:before {
    background: url(../img/menu_arrow03.png) no-repeat center left;
    background-size: 14px 14px;
  }
  /*
製品情報
-------------------------------------*/
  #PageProduct.pageCategory #Main #ContBox01 {
    padding-bottom: 57px;
  }
  #PageProduct.pageCategory #Main #ContBox01 h3 {
    margin-top: 35px;
    margin-bottom: 19px;
    padding-left: 0;
    background: transparent none repeat scroll 0 0;
    color: #000;
    font-size: 30px;
    text-align: center;
    letter-spacing: -2px;
  }
  #PageProduct.pageCategory #Main #ContBox01 h3:after {
    content: "";
    display: block;
    width: 90px; 
    margin: 12px auto;
    border-bottom: 4px solid #0048a1;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 {
    margin-bottom: 50px;
    padding: 25px 15px 20px;
    background-color: #2064b9;
    color: #fff;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 {
    overflow: hidden;
    margin-bottom: 24px; 
    border-bottom: 1px solid #4d83c7;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span a {
    color: #fff;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsTitle {
    float: left;
    height: 44px;
    font-family: "Open Sans", sans-serif;
    font-size: 25px;
    line-height: 40px;
    letter-spacing: 1px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsNew {
    float: left;
    margin-left: 13px; 
    color: #cae2ff;
    font-size: 13px;
    line-height: 44px;
    letter-spacing: 2px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsMore {
    float: right;
    margin-top: 5px; 
    background-color: #4392db;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    text-align: center;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsMore a {
    display: block;
    width: 66px;
    height: 33px;
    color: #fff;
    text-decoration: none; 
    line-height: 33px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsMore a:hover {
    opacity: .6;
    text-decoration: none;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 h4 span.newsMore a:after {
    content: "";
    display: inline-block;
    width: 14px; 
    height: 11px;
    background: transparent url("../img/contents/next_arrow.png") no-repeat scroll right center/7px auto;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl {
    display: block;
    margin-bottom: 18px; 
    font-size: 14px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl dt {
    float: left;
    width: auto;
    margin-right: 15px;
    padding-top: 4px;
    font-family: "Open Sans", sans-serif; 
    font-size: 13px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl:after {
    content: "";
    display: block; 
    clear: both;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl dd {
    float: left;
    width: 73%;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox01 dl dd a {
    color: #fff;
    font-size: 15px;
    line-height: 21px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 {
    overflow: hidden;
    margin-bottom: 50px;
    padding: 0 15px 36px; 
    border-bottom: 1px solid #e3e3e3;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 h4 {
    margin-bottom: 31px;
    padding-left: 0;
    color: #000;
    font-size: 25px;
    text-align: center;
    letter-spacing: 4px;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 h4:after {
    content: "";
    display: block;
    width: 70px; 
    margin: 15px auto;
    border-bottom: 2px solid #e3e3e3;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 h4 span a {
    color: #fff;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li {
    display: block;
    float: left;
    width: 48%;
    height: auto;
    margin-right: 4%; 
    margin-bottom: 10px;
    background-color: #cfd7e8;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li:nth-of-type(2n) {
    margin-right: 0;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a {
    display: block;
    height: auto;
    padding-top: 5px; 
    padding-bottom: 12px;
    text-decoration: none;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a:hover {
    opacity: .6;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a div {
    position: relative;
    height: 118px;
    margin: 0 5px 5px 5px; 
    padding-right: 5px;
    padding-left: 5px;
    background-color: #fff;
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a div img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px; 
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #PageProduct.pageCategory #Main #ContBox01 #ContSubBox02 ul li a span {
    display: block;
    margin-top: 12px;
    padding-right: 12px;
    padding-left: 12px;
    background: transparent url(../img/contents/next_arrow.png) no-repeat scroll right 3% center;
    background-size: 10px auto;
    font-size: 15px;
    line-height: 21px;
    letter-spacing: 1px;
  }
  /*
製品情報 サブカテゴリ
-------------------------------------*/
  #PageProduct.pageSubcategory #Main #ContBox01 h4.h3 {
    margin-bottom: 25px;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul {
    overflow: hidden;
    margin-bottom: 40px;
    padding-right: 15px;
    padding-left: 15px;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li {
    display: table;
    width: 100%;
    min-height: 92px;
    margin-bottom: 12px;
    border: 1px solid #cfd7e8; 
    background: transparent url(../img/contents/product_arrow.png) no-repeat scroll right 15px center;
    background-size: 8px auto;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a {
    display: table;
    width: 100%;
    min-height: 90px; 
    height: 100%;
    text-decoration: none;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a:hover {
    opacity: .6;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) {
    display: table-cell;
    position: relative;
    /* float: left; */
    width: 118px;
    height: auto;
    height: 87px;
    padding: 0 8px; 
    text-align: center;
    vertical-align: middle;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) img {
    /*left: 50%;
                                    position: absolute;
                                    top: 50%;
                                    transform: translate(-50%, -50%);*/
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(2) {
    display: table-cell;
    vertical-align: middle;
  }
  #PageProduct.pageSubcategory #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(2) span {
    display: table-cell;
    padding: 5px 31px 5px 10px;
    font-size: 15px;
    vertical-align: middle; 
    line-height: 21px;
    letter-spacing: 1px;
  }
  /*
nav.pageMove共通
-------------------------------------*/
  nav.pageMove {
    position: relative;
    width: 100%;
    margin: 40px auto 50px;
    padding-bottom: 0; 
    font-family: "Open Sans", sans-serif;
  }
  nav.pageMove ul {
    font-size: 0; 
    text-align: center;
  }
  nav.pageMove ul li {
    display: inline-block;
    width: 32px;
    height: 32px;
    font-size: 13px;
    text-align: center;
    vertical-align: top; 
    line-height: 32px;
  }
  nav.pageMove ul li+ li {
    margin-left: 15px;
  }
  nav.pageMove ul li span.current_page {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #aac7e1;
    color: #fff;
  }
  nav.pageMove ul li a {
    display: block;
    width: 100%;
    height: 100%;
    background: #2a72b4;
    color: #fff;
    text-decoration: none; 
    text-align: center;
  }
  nav.pageMove ul li a:visited {
    color: #fff; 
    text-decoration: none;
  }
  nav.pageMove ul li.prev,
  nav.pageMove ul li.next {
    position: static; 
    width: 66px;
    margin-top: 30px;
  }
  nav.pageMove ul li.prev a,
  nav.pageMove ul li.next a {
    padding: 0;
  }
  nav.pageMove ul li.prev {
    line-height: 28px;
  }
  nav.pageMove ul li.prev a:before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 32px;
    margin-right: 10px;
    background: url(../img/contents/prev_arrow.png) no-repeat center left;
    background-size: 7px 11px;
    vertical-align: top;
  }
  nav.pageMove ul li.prev+ li {
    margin-left: 0;
  }
  nav.pageMove ul li.next {
    margin-left: 0;
  }
  nav.pageMove ul li.next a:after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 32px;
    margin-left: 10px;
    background: url(../img/contents/next_arrow.png) no-repeat center left;
    background-size: 7px 11px;
    vertical-align: top;
  }
  nav.pageMove ul:first-of-type li.prev,
  nav.pageMove ul:first-of-type li.next {
    display: none;
  }
  nav.pageMove ul:last-of-type li:not(.prev):not(.next) {
    display: none;
  }
  nav.pageMove ul:last-of-type li.prev+ li+ li+ li.next,
  nav.pageMove ul:last-of-type li.prev+ li+ li+ li+ li.next,
  nav.pageMove ul:last-of-type li.prev+ li+ li+ li+ li+ li.next,
  nav.pageMove ul:last-of-type li.prev+ li+ li+ li+ li+ li+ li.next {
    margin-left: 15px;
  }
  /*
製品情報 詳細
-------------------------------------*/
  #PageProduct.pageEntry #Main #ContBox01 h3 {
    margin-top: 30px;
    margin-bottom: 0;
    padding-right: 15px;
    padding-bottom: 7px; 
    padding-left: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 h3:after {
    margin: 14px auto;
  }
  #PageProduct.pageEntry #Main #ContBox01 h3+ p {
    margin-bottom: 56px;
    color: #9eb5d1;
    font-size: 17px;
    text-align: center;
    line-height: 0;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 {
    padding: 50px 0 50px; 
    background: url(../img/contents/product_entry_bg01.jpg) no-repeat top left;
    background-color: #dbe6fa;
    background-size: cover;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg {
    width: 100%;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul {
    overflow: hidden; 
    padding-right: 15px;
    padding-left: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li {
    position: relative;
    float: left;
    width: 19%;
    margin-right: 3px;
    margin-bottom: 5px;
    background-color: #fff;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li.current {
    opacity: .6;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(1) {
    width: 100%;
    height: 256px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(1) img {
    max-width: 100%;
    width: auto;
    max-height: 100%; 
    height: auto;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(1) a {
    display: block;
    width: 480px;
    height: 360px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(6),
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li:nth-of-type(11) {
    margin-right: 0;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li a {
    display: block;
    width: 92px;
    height: 50px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li a:hover {
    opacity: .6;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 div.productImg ul li img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
    width: auto;
    max-height: 100%; 
    height: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail {
    width: 93%;
    margin-top: 22px;
    margin-right: 15px; 
    margin-left: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail p {
    padding-right: 15px; 
    color: #000;
    font-size: 17px;
    line-height: 32px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note {
    margin-top: 13px;
    color: #555; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div {
    margin-top: 30px; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div .productDetailTitle {
    margin-bottom: 17px;
    border-bottom: 1px solid #aec1d9;
    color: #000;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div ul li {
    padding-left: 15px;
    background: transparent url("../img/contents/icon_arrow.png") no-repeat scroll left center;
    background-size: 6px auto;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div ul li+ li {
    margin-top: 11px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .note+ div ul li:after {
    content: "";
    display: inline-block;
    width: 16px; 
    height: 17px;
    margin-left: 10px;
    background: transparent url("../img/contents/icon_pdf.png") no-repeat scroll left top 2px/16px 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload {
    margin-top: 30px; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload .productDetailTitle {
    margin-bottom: 17px;
    border-bottom: 1px solid #aec1d9;
    color: #000;
    font-family: Open Sans, Arial, sans-serif;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: 1px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload ul li {
    padding-left: 15px;
    background: transparent url("../img/contents/icon_arrow.png") no-repeat scroll left top 6px;
    background-size: 6px auto;
    line-height: 20px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload ul li+ li {
    margin-top: 8px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload ul li:before {
    display: none;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox01 .productDetail .productDetailDownload ul li:after {
    content: "";
    display: inline-block;
    width: 16px; 
    height: 17px;
    margin-left: 10px;
    background: transparent url("../img/contents/icon_pdf.png") no-repeat scroll left top 2px/16px 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 {
    margin-top: 44px;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 .innerBasic> p:first-of-type {
    padding: 0 15px 40px; 
    color: #000;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 p,
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 ul li {
    padding-right: 15px; 
    padding-left: 15px;
    color: #555;
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 h4 {
    height: 50px;
    padding-left: 13px; 
    background-color: #003980;
    color: #fff;
    font-size: 21px;
    line-height: 50px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 h4+ div .parentAccordion:last-of-type h5 {
    border-bottom: none;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 h5:before {
    content: "◆";
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 2px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 .accordion {
    padding-bottom: 30px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 ul {
    margin-top: 10px; 
    margin-left: 34px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 ul li {
    list-style-type: square; 
    padding-left: 0;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox02 ul li+ li {
    margin-top: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 h4 {
    width: 220px;
    height: 60px;
    margin: 0 auto 40px;
    border: 4px solid #e6e7e9;
    background-color: #fff;
    color: #000;
    font-size: 21px;
    text-align: center;
    line-height: 54px;
    letter-spacing: 3px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul {
    padding-right: 15px; 
    padding-left: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li {
    width: 100%;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li img {
    width: 100%;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li div {
    position: relative;
    padding-top: 56.25%;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li:nth-of-type(1) {
    margin-bottom: 30px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox03 ul li span {
    display: block;
    padding-top: 7px;
    color: #000; 
    font-size: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 {
    margin-top: 50px;
    margin-bottom: 30px; 
    padding-bottom: 50px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul {
    padding-right: 15px; 
    padding-left: 15px;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li {
    display: block;
    width: 100%;
    height: auto;
    margin-right: 30px;
    margin-bottom: 28px;
    text-align: center;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li div {
    position: relative;
    padding: 20px; 
    border: 1px solid #e4e4e4;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li div img {
    width: 100%;
    height: auto;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li:nth-of-type(3n) {
    margin-right: 0;
  }
  #PageProduct.pageEntry #Main #ContBox01 #ContSubBox04 ul li span {
    display: block;
    margin-top: 8px;
    color: #000;
    font-size: 15px;
    text-align: left;
  }
  /*
技術コラム
-------------------------------------*/
  #PageColum.pageCategory #Main #ContBox01 {
    margin-bottom: 80px;
  }
  #PageColum.pageCategory #Main #ContBox01 h3 {
    margin-top: 32px; 
    margin-bottom: 18px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 {
    margin-bottom: 48px;
    padding-right: 15px; 
    padding-left: 15px;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix {
    width: 100%;
    margin-bottom: 25px;
    padding-bottom: 30px; 
    border: 1px solid #cfd7e8;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix:last-of-type {
    margin-bottom: 35px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix h4 {
    padding: 30px 30px 31px 20px;
    border-bottom: 1px solid #cfd7e8;
    background-color: #f2f6fa;
    color: #000;
    font-size: 23px;
    line-height: 36px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix .spanMore {
    float: right;
    width: 100px;
    height: 32px;
    margin-top: 20px;
    margin-right: 17px; 
    background: #2a72b4 url(../img/contents/next_arrow.png) no-repeat scroll right 10px center/7px auto;
    line-height: 32px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix .spanMore a {
    display: block;
    width: 100px;
    height: 32px;
    padding-right: 10px;
    color: #fff;
    font-size: 13px;
    text-decoration: none; 
    text-align: center;
    letter-spacing: 1px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix div.entryBox {
    margin-bottom: 15px;
    padding-top: 21px;
    padding-right: 20px;
    padding-left: 20px;
    letter-spacing: -1px;
  }
  #PageColum.pageCategory #Main #ContBox01 #ContSubBox01 div.clearfix img {
    width: 100%;
    height: auto;
    padding: 0 60px;
  }
  /*
技術コラム 新着情報
-------------------------------------*/
  #PageColum.pageNews #Main #ContBox01 div.innerBasic {
    padding-right: 15px; 
    padding-left: 15px;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageColum.pageNews #Main #ContBox01 div.innerBasic dl {
    display: table;
    width: 100%;
    padding: 10px 0 9px;
    border-top: 1px solid #e3e3e3;
    color: #000;
    font-size: 15px;
    line-height: 30px;
  }
  #PageColum.pageNews #Main #ContBox01 div.innerBasic dl dt {
    width: 100%;
    margin-top: 2px;
    color: #888;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    letter-spacing: 1px;
  }
  #PageColum.pageNews #Main #ContBox01 div.innerBasic dl dd {
    padding-bottom: 8px;
  }
  #PageColum.pageNews #Main #ContBox01 nav.pageMove {
    margin-top: 40px; 
    margin-bottom: 60px;
  }
  /*
技術コラム 詳細
-------------------------------------*/
  #PageColum.pageEntry #Main #ContBox01 h4 {
    margin-bottom: 3px;
    color: #000;
    font-size: 23px;
    text-align: center;
    line-height: 34px;
  }
  #PageColum.pageEntry #Main #ContBox01 .colum_date {
    margin-bottom: 33px;
    color: #888;
    font-family: "Open Sans", sans-serif;
    font-size: 13px;
    text-align: center;
    letter-spacing: 1px;
  }
  #PageColum.pageEntry #Main #ContBox01 div.clearfix {
    width: 92%;
    margin-right: 15px;
    margin-bottom: 44px;
    margin-left: 15px;
    padding-bottom: 38px;
    border-top: 1px solid #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
  }
  #PageColum.pageEntry #Main #ContBox01 div.clearfix div.entryBox {
    padding-top: 34px;
    letter-spacing: -1px;
  }
  #PageColum.pageEntry #Main #ContBox01 div.clearfix img {
    width: 100%;
    height: auto;
    padding: 0 60px;
  }
  #PageColum.pageEntry #Main #ContBox01 p.colum_return {
    margin-bottom: 46px;
    text-align: center;
  }
  #PageColum.pageEntry #Main #ContBox01 p.colum_return a {
    font-size: 13px;
  }

  /*
  取扱メーカー
  -------------------------------------*/

  #PageMaker.pageIndex #Main #ContBox01 h4.h3 {
    margin-bottom: 25px;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul {
    overflow: hidden;
    margin-bottom: 40px;
    padding-right: 15px;
    padding-left: 15px;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li {
    display: table;
    width: 100%;
    min-height: 92px;
    margin-bottom: 12px;
    border: 1px solid #cfd7e8; 
    background: transparent url(../img/contents/product_arrow.png) no-repeat scroll right 15px center;
    background-size: 8px auto;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a {
    display: table;
    width: 100%;
    min-height: 90px; 
    height: 100%;
    text-decoration: none;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a:hover {
    opacity: .6;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(1) {
    display: table-cell;
    position: relative;
    /* float: left; */
    width: 118px;
    height: auto;
    height: 87px;
    padding: 0 8px; 
    text-align: center;
    vertical-align: middle;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(1) img {
    /*left: 50%;
                                    position: absolute;
                                    top: 50%;
                                    transform: translate(-50%, -50%);*/
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(2) {
    display: table-cell;
    vertical-align: middle;
  }
  #PageMaker.pageIndex #Main #ContBox01 ul li a div:nth-of-type(2) span {
    display: table-cell;
    padding: 5px 31px 5px 10px;
    font-size: 15px;
    vertical-align: middle; 
    line-height: 21px;
    letter-spacing: 1px;
  }
  /*
取扱メーカー
-------------------------------------*/
  #PageMaker.pageEntry #Main #ContBox01 {
    margin-top: 35px;
  }
  #PageMaker.pageEntry #Main #ContBox01 h3 {
   margin-bottom: 15px;
   padding-left: 0;
   background: none;
   color: #000;
   font-size: 30px;
   text-align: center;
   letter-spacing: 0;
 }
 #PageMaker.pageEntry #Main #ContBox01 h3:after {
   content: "";
   display: block;
   width: 70px;
   margin: 12px auto;
   border-bottom: 4px solid #0048a1; 
 }
 #PageMaker.pageEntry #Main #ContBox01 h3+ p {
   padding-right: 15px;
   padding-left: 15px;
   color: #000;
   font-size: 17px;
   line-height: 32px;
 }
 #PageMaker.pageEntry #Main #ContBox01 .makerLogo {
   overflow: hidden;
   width: 100%;
   margin: 0 auto 33px;
   text-align: center;
   letter-spacing: -1px;
 }
 #PageMaker.pageEntry #Main #ContBox01 .makerLogo img {
   width: auto;
   height: 112px;
 }
 #PageMaker.pageEntry #Main #ContBox01 .makerLogo+ p {
   padding-right: 15px;
   padding-left: 15px;
   color: #000;
   font-size: 17px;
   line-height: 32px;
 }

/*----------*/
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 {
   margin-top: 50px;
   padding-bottom: 50px;
   border-bottom: 1px solid #e3e3e3;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 h4 {
   width: 220px;
   height: 60px;
   margin: 0 auto 40px;
   border: 4px solid #e6e7e9;
   background-color: #fff;
   color: #000;
   font-size: 21px;
   text-align: center;
   line-height: 54px;
   letter-spacing: 3px;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul {
   padding-right: 15px; 
   padding-left: 15px;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li {
   width: 100%;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li img {
   width: 100%;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li div {
   position: relative;
   padding-top: 56.25%;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li:nth-of-type(1) {
   margin-bottom: 30px;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox03 ul li span {
   display: block;
   padding-top: 7px;
   color: #000; 
   font-size: 15px;
 }
/*----------*/

 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 .lineupTitle {
   height: 41px;
   margin: 40px 15px 0;
   padding: 0 13px;
   border: none; 
   background: none;
   background-color: #003980;
   color: #fff;
   font-size: 15px;
   font-weight: bold;
   line-height: 41px;
 }
/*-------------------------*/
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul {
   overflow: hidden;
   margin-bottom: 40px;
   padding-right: 15px;
   padding-left: 15px;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li {
   display: table;
   width: 100%;
   min-height: 92px;
   margin-bottom: 12px;
   border: 1px solid #cfd7e8; 
   background: transparent url(../img/contents/product_arrow.png) no-repeat scroll right 15px center;
   background-size: 8px auto;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a {
   display: table;
   width: 100%;
   min-height: 90px; 
   height: 100%;
   text-decoration: none;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a:hover {
   opacity: .6;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) {
   display: table-cell;
   position: relative;
   /* float: left; */
   width: 118px;
   height: auto;
   height: 87px;
   padding: 0 8px; 
   text-align: center;
   vertical-align: middle;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(1) img {
   /*left: 50%;
                                  position: absolute;
                                  top: 50%;
                                  transform: translate(-50%, -50%);*/
   max-width: 100%;
   width: auto;
   max-height: 100%;
   height: auto;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(2) {
   display: table-cell;
   vertical-align: middle;
 }
 #PageMaker.pageEntry #Main #ContBox01 #ContSubBox01 ul li a div:nth-of-type(2) span {
   display: table-cell;
   padding: 5px 31px 5px 10px;
   font-size: 15px;
   vertical-align: middle; 
   line-height: 21px;
   letter-spacing: 1px;
 }
}
@media print, screen and (min-width: 1062px) {
  #Page.pageIndex #carouselPrev {
    position: absolute;
    top: 30px;
    left: -22px;
    cursor: pointer;
  }
  #Page.pageIndex #carouselNext {
    position: absolute;
    top: 30px;
    right: -22px;
    cursor: pointer;
  }
}

@media print, screen and (min-width: 1102px) {
  #Page.pageIndex #carouselPrev {
    position: absolute;
    top: 30px;
    left: -40px;
    cursor: pointer;
  }
  #Page.pageIndex #carouselNext {
    position: absolute;
    top: 30px;
    right: -40px;
    cursor: pointer;
  }
}

@media print, screen and (max-width: 1061px) {
  #Page.pageIndex #carouselNext,
  #Page.pageIndex #carouselPrev {
    display: none;
  }
}

/*directed by inoue*/
#Page ul.column li a img:hover {
  opacity: 1;
}