@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* Other Elements */
.f10 { font-size: 10px !important; }
.f12 { font-size: 12px !important; }
.f14 { font-size: 14px !important; }
.f16 { font-size: 16px !important; }
.f18 { font-size: 18px !important; }
.f20 { font-size: 20px !important; }
.f22 { font-size: 22px !important; }
.f24 { font-size: 26px !important; }
.f26 { font-size: 28px !important; }
.f30 { font-size: 30px !important; }

.fc333 { color: #333 !important;   }
.fc666 { color: #666 !important;   }
.fc999 { color: #999 !important;   }
.fcfff { color: #fff !important;   }

.fNormal { font-weight: normal !important; }
.fBold   { font-weight: bold !important;   }

.textCenter { text-align: center !important; }
.textRight  { text-align: right !important;  }
.textLeft   { text-align: left !important;   }

.objBlock   { display: block;              }
.objInline  { display: inline-block;       }
.objInitial { display: initial;            }

.pullLeft  { float: left;                  }
.pullRight { float: right;                 }

.m0  { margin: 0 !important;             }
.m5  { margin: 5px !important;           }
.m10 { margin: 10px !important;          }
.m15 { margin: 15px !important;          }
.m20 { margin: 20px !important;          }
.m25 { margin: 25px !important;          }
.m30 { margin: 30px !important;          }
.m35 { margin: 35px !important;          }
.m40 { margin: 40px !important;          }
.m45 { margin: 45px !important;          }
.m50 { margin: 50px !important;          }

.mt0  { margin-top: 0 !important;        }
.mt5  { margin-top: 5px !important;      }
.mt10 { margin-top: 10px !important;     }
.mt15 { margin-top: 15px !important;     }
.mt20 { margin-top: 20px !important;     }
.mt25 { margin-top: 25px !important;     }
.mt30 { margin-top: 30px !important;     }
.mt35 { margin-top: 35px !important;     }
.mt40 { margin-top: 40px !important;     }
.mt45 { margin-top: 45px !important;     }
.mt50 { margin-top: 50px !important;     }

.ml0  { margin-left: 0 !important;       }
.ml5  { margin-left: 5px !important;     }
.ml10 { margin-left: 10px !important;    }
.ml15 { margin-left: 15px !important;    }
.ml20 { margin-left: 20px !important;    }
.ml25 { margin-left: 25px !important;    }
.ml30 { margin-left: 30px !important;    }
.ml35 { margin-left: 35px !important;    }
.ml40 { margin-left: 40px !important;    }
.ml45 { margin-left: 45px !important;    }
.ml50 { margin-left: 50px !important;    }

.mr0  { margin-right: 0 !important;      }
.mr10 { margin-right: 10px !important;   }
.mr15 { margin-right: 15px !important;   }
.mr20 { margin-right: 20px !important;   }
.mr25 { margin-right: 25px !important;   }
.mr30 { margin-right: 30px !important;   }
.mr35 { margin-right: 35px !important;   }
.mr40 { margin-right: 40px !important;   }
.mr45 { margin-right: 45px !important;   }
.mr50 { margin-right: 50px !important;   }

.mb0  { margin-bottom: 0 !important;     }
.mb5  { margin-bottom: 5px !important;   }
.mb10 { margin-bottom: 10px !important;  }
.mb15 { margin-bottom: 15px !important;  }
.mb20 { margin-bottom: 20px !important;  }
.mb25 { margin-bottom: 25px !important;  }
.mb30 { margin-bottom: 30px !important;  }
.mb35 { margin-bottom: 35px !important;  }
.mb40 { margin-bottom: 40px !important;  }
.mb45 { margin-bottom: 45px !important;  }
.mb50 { margin-bottom: 50px !important;  }

.mCentering { margin: 0 auto;            }

.p0  { padding: 0 !important;            }
.p5  { padding: 5px !important;          }
.p10 { padding: 10px !important;         }
.p15 { padding: 15px !important;         }
.p20 { padding: 20px !important;         }
.p25 { padding: 25px !important;         }
.p30 { padding: 30px !important;         }
.p35 { padding: 35px !important;         }
.p40 { padding: 40px !important;         }
.p45 { padding: 45px !important;         }
.p50 { padding: 50px !important;         }

.pt0  { padding-top: 0 !important;       }
.pt5  { padding-top: 5px !important;     }
.pt10 { padding-top: 10px !important;    }
.pt15 { padding-top: 15px !important;    }
.pt20 { padding-top: 20px !important;    }
.pt25 { padding-top: 25px !important;    }
.pt30 { padding-top: 30px !important;    }
.pt35 { padding-top: 35px !important;    }
.pt40 { padding-top: 40px !important;    }
.pt45 { padding-top: 45px !important;    }
.pt50 { padding-top: 50px !important;    }

.pl0  { padding-left: 0 !important;      }
.pl5  { padding-left: 5px !important;    }
.pl10 { padding-left: 10px !important;   }
.pl15 { padding-left: 15px !important;   }
.pl20 { padding-left: 20px !important;   }
.pl25 { padding-left: 25px !important;   }
.pl30 { padding-left: 30px !important;   }
.pl35 { padding-left: 35px !important;   }
.pl40 { padding-left: 40px !important;   }
.pl45 { padding-left: 45px !important;   }
.pl50 { padding-left: 50px !important;   }

.pr0  { padding-right: 0 !important;     }
.pr5  { padding-right: 5px !important;   }
.pr10 { padding-right: 10px !important;  }
.pr15 { padding-right: 15px !important;  }
.pr20 { padding-right: 20px !important;  }
.pr25 { padding-right: 25px !important;  }
.pr30 { padding-right: 30px !important;  }
.pr35 { padding-right: 35px !important;  }
.pr40 { padding-right: 40px !important;  }
.pr45 { padding-right: 45px !important;  }
.pr50 { padding-right: 50px !important;  }

.pb0  { padding-bottom: 0 !important;    }
.pb5  { padding-bottom: 5px !important;  }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.posParentWrap { position: relative; }

.cf:before, .cf:after { content: " "; display: table; }
.cf:after             { clear: both;                  }
.cf                   { *zoom: 1;                     }


#header {
	border-bottom: 1px solid #D6D6D6;
}
.h2_basic03 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
	margin-bottom: 20px;
	padding: 0 0 5px;
	border-bottom: 1px solid #D8D9DD;
	letter-spacing: 1px;
}
/*製品名*/
.productName {
	font-size: 20px;
	color: #333;
	font-weight: bold;
	background-color: #F6F6F6;
	border: 1px solid #ddd;
	padding: 10px 20px;
	margin: 0 0 15px;
	letter-spacing: 1px;
}

.productCatch {
	font-size: 16px;
	line-height: 2;
	font-weight: bold;
	color: #0659B2;
	margin-bottom: 30px;
}
.productSmry {
	font-size: 12px;
	line-height: 2;
	margin-bottom: 10px;
}

#productInfo {
	margin-bottom: 20px;
}

.productImg {
	/*float: left;*/
	/*width: 460px;*/
	/*height: 435px;*/
	/* border: 1px solid #D9DADE; */

	position: relative;
	text-align: center;
	padding: 5px;
}
.productImg img {
	/*position: absolute;*/
	/*top: -100%;*/
	/*bottom: -100%;*/
	/*left: -100%;*/
	/*right: -100%;*/
	margin: auto;
	/*max-width: 400px;*/
	/*max-height: 400px;*/
}
.productImgThum {
	position: absolute;
	bottom: 20px;
	left: 20px;

	overflow: hidden;
}
.productImgThum li {
	width: 56px;
	height: 56px;
	margin-right: 10px;
	border: 1px solid #D9DADE;
	float: left;

	position: relative;
	background-color: #fff;
}
.productImgThum li img{
	position: absolute;
	top: -100%;
	bottom: -100%;
	left: -100%;
	right: -100%;
	margin: auto;
	max-width: 40px;
	/* #productImg img が干渉するためimportant定義 */
	height: auto !important;
	max-height: 100% !important;
}

.table01 tr td {
    padding: 7px 5px;
}


/*製品仕様*/
.productSpec {
	float: right;
	width: 280px;
}


.productSpec h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0;
}

.productSpec table {
	font-size: 16px;
	line-height: 2.5;
	width: 100%;
	margin-bottom: 20px;
}
.productSpec table tr {
	border:dashed #999;
	border-width: 1px 0;
}
.productSpec table tr td:first-child {
	font-weight: bold;
	width: 100px;
}

.productSpec ul li {
	font-size: 12px;
	color: #333;
	line-height: 2;
}
.productSpec ul {
	padding-left: 15px;
}
.productSpec ul li:before {
	font-family: 'FontAwesome';
	content: "\f111";
	margin:0 5px 0 -15px;
}
.productSpec p {
	line-height: 2.5;
	margin-bottom: 15px;
}
/*定格*/
#productRating {}
#productRating .table01 tr td {
	padding: 0 5px;
}


/*ダウンロードボタン*/
#btnArea {
	/*padding: 0 50px;*/
	padding: 0;
	margin: 0 -15px;
}
#btnArea a{
	position: relative;
	font-weight: bold;
}

#btnArea .btn{
	margin-bottom: 15px;
}
#btnArea .btn:after {
	position: absolute;
	content: "\f107";
	font-family: "FontAwesome";
	font-size: 1.4em;
	right: 12px;
	top: 50%;
	margin-top: -.75em;
	font-weight: normal;
}
#btnGuide,#btnCatalog {
	margin-bottom: 20px;
}
#btnArea #btnGuide:before {
	font-family: 'icomoon';
	content: "\e602";
	font-size: 2em;
	position: absolute;
	left: 10px;
	top: 2px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#btnArea #btnCatalog:before {
	font-family: 'icomoon';
	content: "\e600";
	font-size: 2em;
	position: absolute;
	left: 10px;
	top: 2px;
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
#btnArea .btn01 {
	/*width: 305px;*/
	margin: 0 auto;
	padding: 10px;
	text-align: center;
	font-size: 18px;
	line-height: 1.2;
}

@font-face {
	font-family: 'icomoon';
	src:url('fonts/icomoon.eot?-1iw4d4');
	src:url('fonts/icomoon.eot?#iefix-1iw4d4') format('embedded-opentype'),
		url('fonts/icomoon.ttf?-1iw4d4') format('truetype'),
		url('fonts/icomoon.woff?-1iw4d4') format('woff'),
		url('fonts/icomoon.svg?-1iw4d4#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-phone:before {
	content: "\e606";
}
.icon-catalog:before {
	content: "\e600";
}
.icon-clipboard:before {
	content: "\e601";
}
.icon-beginer:before {
	content: "\e602";
}
.icon-other:before {
	content: "\e603";
}
.icon-software:before {
	content: "\e604";
}
.icon-driver:before {
	content: "\e605";
}
.icon-map:before {
	content: "\e94b";
}

#productDownloads {}
#productDownloads table tr th {
	font-weight: bold;
	color: #666;
	padding: 12px 5px;
}
#productDownloads table tr td {
	text-align: left;
	font-size: 12px;
	color: #666;
	padding-left: 40px;
}
#productDownloads table tr td a{
	text-decoration: underline;
}
#productDownloads table tr td:first-child {
}
#productDownloads table i {
	font-size: 2em;
	vertical-align: middle;
	margin-right: 10px;
}
#producproductRecommendtReccomend {
	margin-bottom: 50px;
}
#reccomend  {
	/*overflow: hidden;*/
}

.slick-slider {
	/*border: 1px solid #DCDCDC;*/
}
#reccomend .slideInner {
	/*border-right: 1px solid #DCDCDC;*/
	position: relative;
	text-align: center;
	padding:15px 10px 15px;
	min-height: 240px;
}
#reccomend .slideInner img {
	max-width: 90%;
	max-height: 120px;
	margin: 0 auto 20px;
	transition :.3s opacity ease ;
}
#reccomend .slideInner a {
	display: block;
}
#reccomend .slideInner a:hover img{
	opacity: .7;
}

.slick-prev:before, .slick-next:before {
  color: #333!important;
}

#btnFooterArea {
	margin-top: 20px;
}
#btnFooterArea .btn01 {
	width: 305px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
}
.slick-slider {
	margin-bottom: 0!important;
}
#reccomendFooter {
	background-color: #F6F6F6;
	padding: 20px 10px;
	border: solid #DCDCDC;
	border-width: 0 1px 1px;
}
#reccomendFooter .btn {
	position: relative;
}

#reccomendFooter .btn:after {
	position: absolute;
	content: "\f105";
	font-family: "FontAwesome";
	font-size: 1.4em;
	right: 7px;
	top: 50%;
	margin-top: -.75em;
	font-weight: normal;
}
#reccomendFooter .btn i {
	font-size: 1.5em;
	position: absolute;
	left: 25px;
	top: 13px;
}



/*-- サイドカテゴリ --*/
.sideCategory h3 {
    background: #0366BC;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
}

dl.sideCategory dt {
    border: solid 1px #0366BC;
    border-bottom: 0;
    padding: 5px 0;
    color: #0366BC;
    font-size: 14px;
    font-weight: bold;
    background: #fff;
}
dl.sideCategory {
    border-bottom: solid 1px #0366BC;
}

dl.sideCategory dt.open {
    border: solid 1px #0366BC;
    /*background: #eee;*/
    background: #fff;
}

dl.sideCategory dt.open + dd {
    background: #f8f8f8;
}
dl.sideCategory dd {
    padding: 0;
}

dl.sideCategory ul li {
    border: solid 1px #999;
    border-top: none;
    padding: 0;
    color: #333;
}

dl.sideCategory ul li a:hover {
    background: #eee;
}

dl.sideCategory ul li a:last-child {
    border-bottom: none;
}
dl.sideCategory ul li a {
    padding: 10px 5px;
    display: block;
    text-decoration: none;
}

/* ADD 2016-04-29 */
.btnDownloadLink {
	position: relative;
	font-size: 12px;
}
.btnDownloadLink i.icomoon {
	position: absolute;
	left: 15px;
	font-size: 20px !important;
}

/* ADD 2023-12-08 */
.table01 th,
.table01 tr th,
.table01 tbody td{
	font-size:15px !important;
}

/* ADD 2024-1-19 */
#productImg img{
	width: auto;
    height: auto;
    max-width: 100%;
    max-height: 400px;
}
.productBody{
	width: 100%;
	height: auto;
}