@charset "UTF-8";
a:hover {
  opacity: 0.6;
}

div.box-light a:hover {
  opacity: 1 !important;
  color: #FF0000 !important;
}

ul li a div {
  float: right;
  width: 245px;
}

div.navi ul a:hover li {
  opacity: 0.6 !important;
}

.pc-nav ul li a:hover {
  opacity: 1 !important;
}

h1 {
  border-bottom: 1px solid #CCCCCC;
  font-size: 1.6em;
  line-height: 1.2;
  margin: 0 0 2.5%;
  padding-bottom: 0.2%;
}

.container {
  position: relative;
  width: 980px;
  height: 100%;
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, 'メイリオ', sans-serif;
}

.visuallyhidden {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
  clip-path: inset(0px 0px 99.9% 99.9%);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  border: 0;
}

h2.main-image {
  width: 63%;
  padding: 18.5%;
  background: url(/static/images/seihin_joho/koujou/ttl_factory_pc.jpg) no-repeat;
  background-size: 100% 100%;
}

div.navi {
  margin: 0% 0% 2%;
  padding: 3.5% 2.5% 3% 3%;
  background-color: #e8e8e8;
  position: relative;
}

div.navi p.navi-title {
  font-size: 1.27em;
  text-align: center;
  position: relative;
  top: 10%;
  color: #000000;
  font-weight: bold;
}

div.navi .lineup-nav1 {
  width: 100%;
  height: 100%;
  margin: 0% 0% 2%;
  position: relative;
}

.lineup-nav1 li a {
  text-decoration: none;
  width: 24%;
  padding: 3% 0% 20%;
}

.lineup-nav1 .haisou a {
  background: url(/static/images/seihin_joho/koujou/btn_haisou.png) no-repeat;
  background-size: 100% 100%;
  float: left;
}

.lineup-nav1 .kanri a {
  background: url(/static/images/seihin_joho/koujou/btn_kanri.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 0% 0% 0% 1.2%;
}

.lineup-nav1 .shokuhin a {
  background: url(/static/images/seihin_joho/koujou/btn_shokuhin.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 0% 0% 0% 1.2%;
}

.lineup-nav1 .office a {
  background: url(/static/images/seihin_joho/koujou/btn_office.png) no-repeat;
  background-size: 100% 100%;
  float: left;
  margin: 0% 0% 0% 1.2%;
}

div.navi p.comment {
  padding: 0% 1.5% 0%;
  font-size: 1.04em;
  line-height: 1.7;
  color: #000000;
}

div.haisou {
  margin: 5% 0 0 0;
  padding: 6% 3% 3.7%;
  border-top: 0.25em solid #8f9ac8;
  background-color: #e5edfa;
}

div.haisou h2 {
  font-size: 2.8em;
  text-align: center;
  font-weight: 400;
}

div.haisou h2 + p {
  width: 84%;
  margin: 1.5% 0% 0% 8%;
  font-size: 1em;
  line-height: 1.5;
}

div.haisou img {
  margin: 3% 0 0 0;
  width: 100%;
}

div.haisou ul {
  margin-top: 4.5%;
}

div.haisou ul::after {
  content: '';
  display: block;
  clear: both;
}

div.haisou li a {
  display: block;
  float: left;
  line-height: 1.5;
  padding: 3% 18% 5.5% 4%;
  text-decoration: none;
  width: 27%;
}

div.haisou .monitorarm a {
  padding: 3% 18% 4.4% 4%;
  background: url(/static/images/seihin_joho/koujou/btn_monitorarm.png) no-repeat;
  background-size: 100% 100%;
}

div.haisou .beltcase a {
  margin: 0 0 0 2%;
  padding: 3% 18% 7.5% 4%;
  background: url(/static/images/seihin_joho/koujou/btn_beltcase.png) no-repeat;
  background-size: 100% 100%;
}

div.haisou .rack a {
  margin: 1.5% 0 0 0;
  padding: 3% 18% 7.5% 4%;
  background: url(/static/images/seihin_joho/koujou/btn_rack.png) no-repeat;
  background-size: 100% 100%;
}

div.haisou .tabletcase a {
  margin: 0 0 0 2%;
  padding: 3% 18% 7.5% 4%;
  background: url(/static/images/seihin_joho/koujou/btn_tabletcase.png) no-repeat;
  background-size: 100% 100%;
}

div.haisou .tabletholder a {
  margin: 1.5% 0 0 2%;
  padding: 3% 18% 5% 4%;
  background: url(/static/images/seihin_joho/koujou/btn_tabletholder.png) no-repeat;
  background-size: 100% 100%;
}

div.haisou li a h3 {
  color: #0951B6;
  font-size: 1.20em;
}

div.haisou li a p {
  margin: 4% 0 0 0;
  color: #343434;
  font-size: 0.87em;
}

div.kanri {
  padding: 5.9% 3% 3.7%;
  border-top: 0.25em solid #f0c400;
  background-color: #fff8ca;
}

div.kanri h2 {
  font-size: 3em;
  text-align: center;
  font-weight: 400;
}

div.kanri h2 + p {
  width: 82%;
  margin: 1.3% 0% 3% 9%;
  font-size: 0.97em;
  line-height: 1.7;
}

div.kanri img {
  width: 100%;
}

div.kanri ul {
  margin-top: 4.3%;
}

div.kanri ul::after {
  content: '';
  display: block;
  clear: both;
}

div.kanri li a {
  text-decoration: none;
  line-height: 1.5;
  display: block;
  width: 26%;
  padding: 3% 19% 7.5% 4%;
  float: left;
}

div.kanri li a p {
  margin: 4% 0 0 0;
  color: #343434;
  font-size: 0.87em;
  width: 90%;
}

div.kanri .smonitorarm a {
  background: url(/static/images/seihin_joho/koujou/btn_smonitorarm.png) no-repeat;
  background-size: 100% 100%;
}

div.kanri .serverrack a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/koujou/btn_serverrack.png) no-repeat;
  background-size: 100% 100%;
}

div.kanri .lancable a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/koujou/btn_lancable.png) no-repeat;
  background-size: 100% 100%;
}

div.kanri .extender a {
  margin: 1.5% 0 0 2%;
  padding: 2.5% 19% 5% 4%;
  background: url(/static/images/seihin_joho/koujou/btn_extender.png) no-repeat;
  background-size: 100% 100%;
}

div.kanri li.extender a p {
  margin: 4% 0 0 0;
  color: #343434;
  font-size: 0.87em;
  width: 70%;
}

div.kanri li a h3 {
  color: #0951B6;
  font-size: 1.25em;
}

div.shokuhin {
  padding: 6% 3% 5%;
  border-top: 0.25em solid #8f9ac8;
  background-color: #e5edfa;
}

div.shokuhin h2 {
  font-size: 3em;
  text-align: center;
  font-weight: 400;
}

div.shokuhin h2 + p {
  width: 82%;
  margin: 1.5% 0% 3% 10%;
  font-size: 0.95em;
  line-height: 1.9;
}

div.shokuhin img {
  width: 100%;
}

div.shokuhin ul {
  margin-top: 4%;
}

div.shokuhin ul::after {
  content: '';
  display: block;
  clear: both;
}

div.shokuhin li a {
  text-decoration: none;
  line-height: 1.5;
  display: block;
  width: 26%;
  padding: 3% 20% 7.8% 3%;
  float: left;
}

div.shokuhin li a p {
  margin: 4.5% 0 0 0;
  color: #343434;
  font-size: 0.85em;
}

div.shokuhin li.wpmouse a p {
  width: 70%;
}

div.shokuhin li.strack a p {
  width: 75%;
}

div.shokuhin li.strongtap a p {
  width: 75%;
}

div.shokuhin li.wppaper a p {
  width: 82%;
}

div.shokuhin .wpmouse a {
  background: url(/static/images/seihin_joho/koujou/btn_wpmouse.png) no-repeat;
  background-size: 100% 100%;
}

div.shokuhin .strack a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/koujou/btn_strack.png) no-repeat;
  background-size: 100% 100%;
}

div.shokuhin .strongtap a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/koujou/btn_strongtap.png) no-repeat;
  background-size: 100% 100%;
}

div.shokuhin .wppaper a {
  margin: 1.5% 0 0 0%;
  background: url(/static/images/seihin_joho/koujou/btn_wppaper.png) no-repeat;
  background-size: 100% 100%;
}

div.shokuhin li a h3 {
  color: #0951B6;
  font-size: 1.12em;
}

div.office {
  padding: 6% 3% 3.5%;
  border-top: 0.25em solid #f0c400;
  background-color: #fff8ca;
}

div.office h2 {
  font-size: 3em;
  text-align: center;
  font-weight: 400;
}

div.office h2 + p {
  width: 82%;
  margin: 1.3% 0% 3.5% 10%;
  font-size: 0.97em;
  line-height: 1.7;
}

div.office img {
  width: 100%;
}

div.office ul {
  margin-top: 4%;
}

div.office ul::after {
  content: '';
  display: block;
  clear: both;
}

div.office li a {
  text-decoration: none;
  line-height: 1.5;
  display: block;
  width: 26%;
  padding: 3% 20% 7.8% 3%;
  float: left;
}

div.office li a p {
  margin: 4.5% 0 0 0;
  width: 90%;
  color: #343434;
  font-size: 0.85em;
}

div.office li.cardreader a p {
  width: 80%;
}

div.office li.cablecover a p {
  width: 71%;
}

div.office .kbcover a {
  background: url(/static/images/seihin_joho/koujou/btn_kbcover.png) no-repeat;
  background-size: 100% 100%;
}

div.office .multicover a {
  margin: 0 0 0 2%;
  padding: 3% 20% 10% 3%;
  background: url(/static/images/seihin_joho/koujou/btn_multicover.png) no-repeat;
  background-size: 100% 100%;
}

div.office .cardreader a {
  margin: 1.5% 0 0 0;
  background: url(/static/images/seihin_joho/koujou/btn_cardreader.png) no-repeat;
  background-size: 100% 100%;
}

div.office .cablecover a {
  margin: 1.5% 0 0 2%;
  background: url(/static/images/seihin_joho/koujou/btn_cablecover.png) no-repeat;
  background-size: 100% 100%;
}

div.office .tabletholder a {
  margin: 1.5% 0 0 0;
  padding: 3% 18% 5% 4%;
  background: url(/static/images/seihin_joho/koujou/btn_tabletholder.png) no-repeat;
  background-size: 100% 100%;
}

div.office li a h3 {
  color: #0951B6;
  font-size: 1.12em;
}

.pc-nav {
  margin: 5% 0 0 0;
  padding: 2.5% 0% 2.5% 1.9%;
  background-color: #EBEBEB;
}

.pc-nav p.nav-title {
  font-weight: bold;
}

.pc-nav ul {
  padding-left: 0;
  margin: 1.5% 0% 0%;
  font-weight: bold;
  font-size: 0.85em;
}

.pc-nav::after {
  content: '';
  display: block;
  clear: both;
}

.pc-nav li {
  float: left;
  width: 16%;
  background-color: #ffffff;
  border: solid 0.07em #bdbdbd;
  padding: 1.7% 6% 1.5% 3%;
}

.pc-nav li.margin {
  float: left;
  background-color: #ffffff;
  border: solid 0.07em #bdbdbd;
  padding: 1.7% 4% 1.5% 3%;
  margin-left: 1%;
}

/* カタログ・資料請求 */
div#catalog-pc {
  border: 0.2em solid #9FBFE6;
  border-radius: 0.7em;
  background-color: #DBE7F5;
  padding: 2% 7.5% 2% 5%;
  margin: 7.5% 0 5%;
}

div#catalog-sp {
  border: 0.2em solid #9FBFE6;
  border-radius: 0.7em;
  background-color: #DBE7F5;
  padding: 3% 5%;
  margin: 5% 0;
  display: none;
}

div#catalog-pc div.cata_left {
  float: left;
  width: 75%;
  padding-top: 2%;
}

div#catalog-pc div.cata_left p {
  font-weight: bold;
  font-size: 1.3em;
  margin-bottom: 3%;
}

div#catalog-pc div.cata_left span {
  display: block;
  font-size: 0.95em;
  line-height: 1.6;
}

div#catalog-pc div.cata_left ul {
  margin-top: 3.5%;
}

div#catalog-pc div.cata_left ul li {
  float: left;
  width: 45%;
  padding-right: 2%;
}

div#catalog-pc div.cata_left ul li a {
  display: block;
  text-align: center;
  padding: 5%;
  background-color: #125EAC;
  color: #FFFFFF;
  font-size: 0.95em;
}

div#catalog-pc div.cata_left ul li a:hover {
  text-decoration: none;
}

div#catalog-pc div.cata_right {
  float: right;
  width: 16.5%;
  text-align: center;
}

div#catalog-pc div.cata_right img {
  width: 100%;
}

/* CLFX */
.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}