@charset "UTF-8";
/*-------------------------
    contents
-------------------------*/
#container_n {
  font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Meiryo,メイリオ,"Lucida Grande",sans-serif;
}

#main-contents {
  width: 980px;
}

/*-------------------------
    heading
-------------------------*/
h1 {
  border-bottom: 1px solid #CCC;
  margin: 0 0 12px;
  font-size: 1.8em;
  padding-bottom: 3px;
}

/*-------------------------
    title
-------------------------*/
.title {
  width: 100%;
}

.title img {
  width: 100%;
}

/*-------------------------
    index
-------------------------*/
.index-area {
  margin: 0 0 40px;
  padding: 35px 3% 35px 4%;
  background-color: #EBECF0;
}

.index-area ul li {
  display: inline-block;
  width: 31.7%;
  margin-left: 1.5%;
}

.index-area ul li:first-child {
  margin-left: 0;
}

.index-area ul li a {
  display: block;
  background-color: #FFF;
  text-align: center;
  width: 100%;
  height: 225px;
  position: relative;
  background-position: center top 70px;
  background-repeat: no-repeat;
  background-size: 60% auto;
  box-shadow: 1px 1px 2px 2px #DDD;
}

.index-area ul li a:hover {
  opacity: 0.8;
  text-decoration: none;
}

.index-area ul li.dos-v a {
  background-image: url("/static/images/support/list/html/cable_back/connector_s02.jpg");
}

.index-area ul li.mac a {
  background-image: url("/static/images/support/list/html/cable_back/connector_s03.jpg");
}

.index-area ul li.pc a {
  background-image: url("/static/images/support/list/html/cable_back/connector_s04.jpg");
}

.index-area ul li a:after {
  content: "";
  width: 25px;
  height: 25px;
  background: url("/static/images/support/list/html/cable_back/connector_parts_04.png") center center no-repeat;
  position: absolute;
  right: 5%;
  bottom: 10px;
}

.index-area ul li a span {
  font-size: 1.05em;
  font-weight: bold;
  line-height: 1.4;
  color: #333;
  position: absolute;
  top: 15px;
  left: 0;
  width: 100%;
  display: block;
}

/*-------------------------
    menu
-------------------------*/
.menu-area {
  margin: 0;
  background-color: #EBECF0;
  padding: 35px 0;
}

.menu-area .text {
  width: 100%;
  text-align: center;
  font-size: 1.05em;
}

.menu-num {
  width: 890px;
  margin: 25px auto 0;
  position: relative;
}

.menu-num img {
  width: 100%;
  margin-top: 10px;
}

.menu-num img:first-child {
  margin-top: 0;
}

.menu-num .num-box {
  display: block;
  position: absolute;
}

.menu-num .num-box a {
  width: 28px;
  height: 30px;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: 100% auto;
  position: relative;
  vertical-align: top;
}

.menu-num .num-box a + .popup {
  border: 2px solid #EF8F05;
  border-radius: 10px;
  background-color: #FFF;
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  width: 160px;
  height: 50px;
  display: none;
  vertical-align: top;
}

.menu-num .num-box a + .popup.w-wide {
  width: 180px;
}

.menu-num .num-box.btm a + .popup {
  top: 40px;
}

.menu-num .num-box a + .popup > span {
  position: relative;
  line-height: 1.2;
  width: 100%;
  top: 18%;
  left: 0;
}

.menu-num .num-box a + .popup.nobr > span {
  top: 34%;
}

.menu-num .num-box.num01 a,
.menu-num .num-box.num01-2 a,
.menu-num .num-box.num01-3 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_01.gif");
}

.menu-num .num-box.num02 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_02.gif");
}

.menu-num .num-box.num03 a,
.menu-num .num-box.num03-2 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_03.gif");
}

.menu-num .num-box.num04 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_04.gif");
}

.menu-num .num-box.num05 a,
.menu-num .num-box.num05-2 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_05.gif");
}

.menu-num .num-box.num06 a,
.menu-num .num-box.num06-2 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_06.gif");
}

.menu-num .num-box.num07 a,
.menu-num .num-box.num07-2 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_07.gif");
}

.menu-num .num-box.num08 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_08.gif");
}

.menu-num .num-box.num09 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_09.gif");
}

.menu-num .num-box.num10 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_10.gif");
}

.menu-num .num-box.num11 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_11.gif");
}

.menu-num .num-box.num12 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_12.gif");
}

.menu-num .num-box.num13 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_13.gif");
}

.menu-num .num-box.num14 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_14.gif");
}

.menu-num .num-box.num15 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_15.gif");
}

.menu-num .num-box.num16 a {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_b_16.gif");
}

/*-------------------------
    category
-------------------------*/
.cate-area {
  margin: 100px 0 0;
}

.cate-box {
  border: 2px solid #3596F4;
  background-color: #FFF;
  margin: 0 0 70px;
}

.cate-box h3 {
  height: 60px;
  line-height: 60px;
  background-color: #3596F4;
  padding-left: 6.2%;
  color: #FFF;
  font-size: 1.7em;
  font-weight: bold;
  background-position: left 1.5% center;
  background-repeat: no-repeat;
  background-size: 34px auto;
}

.cate-box.num01 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_01.gif");
}

.cate-box.num02 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_02.gif");
}

.cate-box.num03 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_03.gif");
}

.cate-box.num04 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_04.gif");
}

.cate-box.num05 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_05.gif");
}

.cate-box.num06 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_06.gif");
}

.cate-box.num07 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_07.gif");
}

.cate-box.num08 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_08.gif");
}

.cate-box.num09 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_09.gif");
}

.cate-box.num10 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_10.gif");
}

.cate-box.num11 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_11.gif");
}

.cate-box.num12 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_12.gif");
}

.cate-box.num13 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_13.gif");
}

.cate-box.num14 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_14.gif");
}

.cate-box.num15 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_15.gif");
}

.cate-box.num16 h3 {
  background-image: url("/static/images/support/list/html/cable_back/num/connector_num_p_16.gif");
}

.cate-detail {
  padding: 30px 3%;
}

.cate-detail .detail {
  margin: 10px 0 0;
}

.cate-detail .image {
  width: 150px;
  display: inline-block;
  vertical-align: top;
}

.cate-detail .t-box {
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
  width: calc(96.5% - 150px);
}

.cate-detail .image img {
  width: 100%;
  border: 1px solid #C7C7C7;
  box-sizing: border-box;
  vertical-align: top;
}

.cate-box .box-l {
  width: 48.5%;
  display: inline-block;
  vertical-align: top;
  padding: 10px 0;
}

.cate-box .box-l .title {
  border-left: 5px solid #3596F4;
  font-size: 1.25em;
  line-height: 26px;
  height: 26px;
  font-weight: bold;
  padding-left: 2%;
}

.cate-box .box-l .sub-ttl {
  color: #225A8D;
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.4;
}

.cate-box .box-l .text {
  line-height: 1.4;
  margin: 8px 0 0;
  width: 90%;
}

.cate-box .box-r {
  width: 44.5%;
  display: inline-block;
  vertical-align: top;
  border-radius: 5px;
  background-color: #E7F1FA;
  margin: 0 0 0 1%;
  padding: 20px 2.5%;
}

.cate-box .box-r .title {
  line-height: 25px;
  height: 25px;
  background-color: #225A8D;
  border-radius: 25px;
  padding: 2px 20px;
  display: inline;
  color: #FFF;
  font-size: 1.05em;
  font-weight: bold;
}

.cate-box .box-r .sub-ttl {
  font-weight: bold;
  font-size: 1.3em;
  line-height: 1.2;
}

.cate-box .box-r .text {
  line-height: 1.4;
  margin: 8px 0 0;
  width: 94%;
}

.cate-box .link {
  margin: 15px 0 0;
}

.cate-box .link a {
  border: 2px solid #F66620;
  border-radius: 5px;
  background-color: #FFF;
  position: relative;
  width: 92%;
  height: 50px;
  display: block;
  color: #333;
  text-align: center;
}

.cate-box .link a:hover {
  text-decoration: none;
  opacity: 0.8;
}

.cate-box .link a:after {
  content: "";
  width: 22px;
  height: 25px;
  background: url("/static/images/support/list/html/cable_back/connector_parts_04.png") center center no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 7.8%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

.cate-box .link a span {
  position: relative;
  top: 0;
  left: -6%;
  line-height: 50px;
  font-weight: bold;
  font-size: 1.2em;
}

.cate-box ul.icon li {
  width: 75px;
  height: 74px;
  display: inline-block;
  margin-left: 1%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

.cate-box ul.icon li:first-child {
  margin-left: 0;
}

.cate-box ul.icon li.key {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_key.gif");
}

.cate-box ul.icon li.mouse {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_mouse.gif");
}

.cate-box ul.icon li.speaker {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_speaker.gif");
}

.cate-box ul.icon li.pro {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_pro.gif");
}

.cate-box ul.icon li.dvcam {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_dvcam.gif");
}

.cate-box ul.icon li.mc {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_mc.gif");
}

.cate-box ul.icon li.hdd {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_hdd.gif");
}

.cate-box ul.icon li.hd {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_hd.gif");
}

.cate-box ul.icon li.mo {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_mo.gif");
}

.cate-box ul.icon li.router {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_router.gif");
}

.cate-box ul.icon li.lanhub {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_lanhub.gif");
}

.cate-box ul.icon li.print {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_print.gif");
}

.cate-box ul.icon li.tab {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_tab.gif");
}

.cate-box ul.icon li.sp {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_sp.gif");
}

.cate-box ul.icon li.ta {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_ta.gif");
}

.cate-box ul.icon li.tel {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_tel.gif");
}

.cate-box ul.icon li.ac {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_ac.gif");
}

.cate-box ul.icon li.dp {
  background-image: url("/static/images/support/list/html/cable_back/icon/connector_ico_dp.gif");
}

/*-------------------------
    visible
-------------------------*/
.sp {
  display: none;
}