@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 {
  padding: 18.88%;
  background: url(/static/images/seihin_joho/office/ttl_office_pc.jpg) no-repeat;
  background-size: 100%;
}

div.navi {
  padding: 3.5% 2.5% 3% 3%;
  background-color: #204476;
  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%;
  margin: 0% 0% 2%;
  position: relative;
}

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

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

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

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

.lineup-nav1 .tablet a {
  background: url(/static/images/seihin_joho/office/btn_tablet.png) no-repeat;
  background-size: 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: #ffffff;
}

div.eigyou {
  padding: 6% 3% 3.7%;
  background-color: #c3d9fe;
}

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

div.eigyou h2 + p {
  margin: 1.5% 0% 0% 11%;
  font-size: 1em;
  line-height: 1.5;
}

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

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

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

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

div.eigyou .ipadstand a {
  padding: 3% 20% 4.7% 3%;
  background: url(/static/images/seihin_joho/office/btn_sc_ipadstand.png) no-repeat;
  background-size: 100%;
}

div.eigyou .alarm a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/office/btn_alarm_sc.png) no-repeat;
  background-size: 100%;
}

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

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

div.eigyou li a h3 {
  /*letter-spacing: 0.06em;*/
  color: #0951B6;
  font-size: 1.25em;
}

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

div.oajimu {
  padding: 5.9% 3% 3.7%;
  border-top: 0.25em solid #042c71;
  background-color: #cee9fe;
}

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

div.oajimu h2 + p {
  margin: 1.3% 0% 3% 5%;
  font-size: 1em;
  line-height: 1.5;
}

div.oajimu img {
  width: 100%;
}

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

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

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

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

div.oajimu .tentou a {
  background: url(/static/images/seihin_joho/office/btn_tentou.png) no-repeat;
  background-size: 100%;
}

div.oajimu .taishingum a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/office/btn_taishin_gum.png) no-repeat;
  background-size: 100%;
}

div.oajimu .stopper a {
  margin: 1.5% 0 0 0;
  padding: 3% 20% 5.7% 3%;
  background: url(/static/images/seihin_joho/office/btn_stopper.png) no-repeat;
  background-size: 100%;
}

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

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

div.oajimu li a h3 {
  /*letter-spacing: 0.06em;*/
  color: #0951B6;
  font-size: 1.25em;
}

div.kaigisitu {
  padding: 6% 3% 3.5%;
  border-top: 0.25em solid #042c71;
  background-color: #c3d9fe;
}

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

div.kaigisitu h2 + p {
  margin: 1.5% 0% 3% 3%;
  font-size: 1em;
  line-height: 1.5;
}

div.kaigisitu img {
  width: 100%;
}

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

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

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

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

div.kaigisitu .personal a {
  background: url(/static/images/seihin_joho/office/btn_personal.png) no-repeat;
  background-size: 100%;
}

div.kaigisitu .shredder a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/office/btn_shredder.png) no-repeat;
  background-size: 100%;
}

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

div.kaigisitu li a h3 {
  /*letter-spacing: 0.06em;*/
  color: #0951B6;
  font-size: 1.25em;
}

div.tablet {
  padding: 6% 3% 3.5%;
  border-top: 0.25em solid #042c71;
  background-color: #cee9fe;
}

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

div.tablet h2 + p {
  margin: 1.3% 0% 2.5% 3%;
  font-size: 1em;
  line-height: 1.5;
}

div.tablet img {
  width: 100%;
}

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

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

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

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

div.tablet .cabinet a {
  background: url(/static/images/seihin_joho/office/btn_cabinet.png) no-repeat;
  background-size: 100%;
}

div.tablet .ipadsc a {
  margin: 0 0 0 2%;
  background: url(/static/images/seihin_joho/office/btn_ipad_sc.png) no-repeat;
  background-size: 100%;
}

div.tablet .tabletcase a {
  margin: 1.5% 0 0 0;
  padding: 3% 20% 5.7% 3%;
  background: url(/static/images/seihin_joho/office/btn_tablet_case.png) no-repeat;
  background-size: 100%;
}

div.tablet li a h3 {
  /*letter-spacing: 0.06em;*/
  color: #0951B6;
  font-size: 1.25em;
}

/* バナーエリア */
.pc-banner {
  margin: 4% 0 0 0;
  padding: 3% 2.5%;
  background: url(/static/images/seihin_joho/office/bnr_back.gif) no-repeat;
}

.pc-banner li {
  width: 48.9%;
  display: inline-block;
}

.pc-banner li.security {
  float: left;
}

.pc-banner li.desk {
  float: right;
}

.sp-banner {
  display: none;
}

/* ピックアップコンテンツ */
.pc-nav {
  margin: 5% 0 2%;
  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.9em;
}

.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% 5% 1.5% 4%;
}

.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: 3% 0;
}

div#catalog-sp {
  display: none;
}

div#catalog-pc div.cata_left {
  float: left;
  width: 73%;
  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.4%;
  text-align: center;
}

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

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