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

h1 {
  border-bottom: 1px solid #cccccc;
  font-size: 1.55em;
  margin: 0 0 12px;
  padding-bottom: 3px;
}

div#menu {
  padding: 15px 0 10px 21px;
  background-color: #EEEEEE;
}

h2 {
  margin-bottom: 5px;
}

div#menu ul li {
  float: left;
  margin-bottom: 8px;
  margin-left: 1.5%;
}

div#menu ul li:nth-child(4), div#menu ul li:nth-child(7), div#menu ul li:first-child {
  margin: 0;
}

div#menu ul li a {
  display: block;
  padding: 22px 0 0 50px;
  width: 256px;
  height: 38px;
  color: #232323;
  font-size: 1em;
  line-height: 1.3;
  font-weight: bold;
}

div#menu ul li a:hover {
  text-decoration: none;
  opacity: 0.6;
}

div#menu ul li a.hdmi1 {
  background: url(/static/images/product/peripheral/displayextender/list/btn_01.png) no-repeat 0 0;
  padding: 11px 0 0 50px;
  height: 49px;
}

div#menu ul li a.hdmi2 {
  background: url(/static/images/product/peripheral/displayextender/list/btn_02.png) no-repeat 0 0;
  padding: 11px 0 0 50px;
  height: 49px;
}

div#menu ul li a.display {
  background: url(/static/images/product/peripheral/displayextender/list/btn_03.png) no-repeat 0 0;
  padding: 11px 0 0 50px;
  height: 49px;
}

div#menu ul li a.dvi {
  background: url(/static/images/product/peripheral/displayextender/list/btn_04.png) no-repeat 0 0;
}

div#menu ul li a.dsub1 {
  background: url(/static/images/product/peripheral/displayextender/list/btn_05.png) no-repeat 0 0;
  padding: 11px 0 0 50px;
  height: 49px;
}

div#menu ul li a.dsub2 {
  background: url(/static/images/product/peripheral/displayextender/list/btn_05.png) no-repeat 0 0;
  padding: 11px 0 0 50px;
  height: 49px;
}

div#menu ul li a.kvm {
  background: url(/static/images/product/peripheral/displayextender/list/btn_06.png) no-repeat 0 0;
  padding: 11px 0 0 50px;
  height: 49px;
}

div#menu ul li a.usb {
  background: url(/static/images/product/peripheral/displayextender/list/btn_07.png) no-repeat 0 0;
}

#main-list {
  margin-bottom: 60px;
}

#main-list .main-list-inner h3 {
  color: #232323;
  display: block;
  font-size: 1.35em;
  height: 32px;
  padding: 14px 0 0 50px;
  border-bottom: 3px solid #1666D5;
  border-left: 1px solid #C1C1C1;
  border-right: 1px solid #C1C1C1;
  border-top: 1px solid #C1C1C1;
}

#main-list .main-list-inner h3.hdmi_a {
  background: url(/static/images/product/peripheral/displayextender/list/title_01.png) no-repeat 10px 10px;
}

#main-list .main-list-inner h3.hdmi_b {
  background: url(/static/images/product/peripheral/displayextender/list/title_02.png) no-repeat 10px 10px;
}

#main-list .main-list-inner h3.displayport {
  background: url(/static/images/product/peripheral/displayextender/list/title_03.png) no-repeat 10px 10px;
}

#main-list .main-list-inner h3.dvi {
  background: url(/static/images/product/peripheral/displayextender/list/title_04.png) no-repeat 10px 10px;
}

#main-list .main-list-inner h3.dsub_a {
  background: url(/static/images/product/peripheral/displayextender/list/title_05.png) no-repeat 10px 10px;
}

#main-list .main-list-inner h3.dsub_b {
  background: url(/static/images/product/peripheral/displayextender/list/title_05.png) no-repeat 10px 10px;
}

#main-list .main-list-inner h3.kvm {
  background: url(/static/images/product/peripheral/displayextender/list/title_06.png) no-repeat 10px 10px;
}

#main-list .main-list-inner h3.usb {
  background: url(/static/images/product/peripheral/displayextender/list/title_07.png) no-repeat 10px 10px;
}

.op-part {
  float: left;
  width: 100%;
  margin-left: 2%;
}

.op-part:first-child {
  margin-left: 0;
}

#main-list .main-list-inner table {
  border-top: 1px solid #C1C1C1;
  border-left: 1px solid #C1C1C1;
  border-collapse: collapse;
  margin-bottom: 40px;
}

#main-list .main-list-inner table tr th {
  text-align: center;
  width: 90px;
}

#main-list .main-list-inner table tr th.no_limit {
  text-align: center;
  width: 125px;
}

#main-list .main-list-inner table tr td, #main-list .main-list-inner table tr th {
  border-right: 1px solid #C1C1C1;
  border-bottom: 1px solid #C1C1C1;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 0.7em;
  font-weight: normal;
  overflow: hidden;
}

#main-list .main-list-inner table tr th.blank {
  width: 168px;
}

#main-list .main-list-inner p {
  font-size: 0.9em;
  margin: 10px 0;
}

#main-list .hyou {
  font-size: 0.85em;
  margin-bottom: 20px;
}

table tr.head th.thw {
  width: 50px;
}

table tr.head th div {
  position: relative;
}

table tr.head th span {
  line-height: 1.4;
}

table tr.head th a {
  display: block;
  position: relative;
  margin-bottom: 5px;
}

table tr.head th a:hover {
  opacity: 1;
}

table tr.head th a img.head_product {
  display: block;
  margin: 0 auto;
  width: 77px;
  height: 77px;
}

table tr.head th a div.twoline {
  overflow: hidden;
}

table tr.cont_tr td a span.product_special {
  display: block;
  padding-left: 14px;
  margin-top: 2px;
  text-align: left;
  text-indent: -1.1em;
}

table tr.head th div img.trans {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}

#main-list .main-list-inner table tr.cont_tr td.crevice_taiou {
  text-align: left;
  padding-left: 10px;
}

table tr.head th img.arrow {
  margin-right: 2px;
  vertical-align: middle;
}

#main-list .main-list-inner table tr.cont_tr td {
  font-size: 0.8em;
  padding: 5px;
  text-align: center;
  line-height: 1.3;
}

body.mac #main-list .main-list-inner table tr.cont_tr td span.ok {
  font-size: 2.2em;
}

#main-list .main-list-inner table tr.cont_tr td.vtop {
  font-size: 0.8em;
  padding: 5px 5px 5px 10px;
  text-align: left;
  line-height: 1.3;
  vertical-align: top;
}

#main-list .main-list-inner table tr.cont_tr td.cont_ttl {
  text-align: left;
  background-color: #EEEEEE;
  white-space: nowrap;
  padding-right: 10px;
  width: 155px;
}

#main-list .main-list-inner table tr.cont_tr td a.receive img {
  vertical-align: -1px;
  margin-right: 2px;
}

#main-list .main-list-inner h4 {
  background-color: #DEECF5;
  padding: 8px 0 4px;
  font-size: 1em;
  text-indent: -4px;
}

/* 対応受信機とその他関連製品 */
div.other {
  width: 460px;
}

div.receive {
  float: left;
}

div.other {
  float: right;
}

/* 左右コンテンツ分け */
div.left_cont, div.right_cont {
  float: left;
}

div.right_cont {
  padding-left: 60px;
}

/* リンク上の隙間 */
table tr.cont_tr td a.crevice {
  margin-top: 4px;
  display: block;
}

/* バナー */
.banner_area {
  text-align: left;
  margin: 15px 0 35px;
}

.banner_area a img {
  margin: 0 20px 0 0;
}

.banner_area.botm {
  margin: -45px 0 15px;
  padding-top: 40px;
  border-top: 1px dotted #CECECE;
}

/*---- マウスオーバー時 ----*/
.hyo th.hover {
  background-color: #FFFFFF;
}

.hyo td.hover {
  background-color: #FCE5C5;
}

.atn-mark {
  color: #0066FF;
  font-size: 0.8em;
}

.atn-comment {
  margin: 3px 0px 0px 0px;
  color: #0066FF;
  font-size: 0.8em;
  line-height: 1.3;
}

/* 擬似要素 
---------------------------*/
.clfx:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  max-height: 0;
  visibility: hidden;
}