@charset "UTF-8";
/* タイトルエリア
-----------------------------------------*/
h1 {
  margin: 0px 0px 9px 0px;
  border-bottom: 1px solid #CCCCCC;
}

h1.ttl {
  border-bottom: 1px solid #cccccc;
  font-size: 1.5em;
  margin: 0 0 15px;
  padding-bottom: 3px;
}

h1.ttl2 {
  padding: 6px 0 6px 10px;
  border-left: 4px solid #1B4FAA;
  border-bottom: 1px solid #1B4FAA;
  background-color: #EFEFEF;
  font-size: 1.1em;
}

.title-banner {
  margin: 0px 0px 7px 0px;
}

.link-btn {
  margin: 0px 0px 7px 0px;
  text-align: right;
}

/* コンテンツ
-----------------------------------------*/
#contents {
  width: 736px;
}

/* 特長・仕様
-----------------------------------------*/
h2 {
  margin: 0 0 10px 0;
}

h2.ftsp-title, h1.ftsp-title {
  margin: 0 0 10px 0;
  padding: 4px 0 3px 8px;
  border: 1px solid #999999;
  border-left: 4px solid #1C4FAA;
  background: #E1E1E1 url(/static/images/product/network/list/ftsp-title_bg.png) left top repeat-x;
  color: #333333;
  font-size: 1em;
  line-height: 1.2em;
  letter-spacing: 1px;
}

.ftsp-box {
  display: table;
  margin: 0 0 10px 0;
  border-collapse: collapse;
}

.ftsp-box .main-photo {
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: top;
}

.ftsp-box .text {
  display: table-cell;
  padding: 0 10px 0 0;
  vertical-align: top;
}

.ftsp-box .sub-photo {
  display: table-cell;
  vertical-align: top;
  text-align: right;
}

.ftsp-box .sub-photo img {
  margin: 0 0 10px 0;
}

/* IE 6
* html .ftsp-box {
	display: block;
}

* html .ftsp-box .main-photo,
* html .ftsp-box .text,
* html .ftsp-box .sub-photo {
	display: block;
	float: left;
}

* html .ftsp-box .text {
	margin-right: 172px;
}

* html .ftsp-box .sub-photo {
	margin-left: -172px;
	text-align: right;
}

-*/
/* IE 7
*:first-child+html .ftsp-box {
	display: block;
}

*:first-child+html .ftsp-box .main-photo,
*:first-child+html .ftsp-box .text,
*:first-child+html .ftsp-box .sub-photo {
	display: block;
	float: left;
}

*:first-child+html .ftsp-box .text {
	margin-right: 172px;
}

*:first-child+html .ftsp-box .sub-photo {
	margin-left: -172px;
	text-align: right;
}
-*/
.ftsp-box .text .ft-list {
  margin: 0 0 5px 0;
}

.ftsp-box .text .ft-list li {
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1.3;
  text-indent: -1em;
}

.ftsp-box .text .sp-list {
  margin: 0 0 5px 0;
}

.ftsp-box .text .sp-list li {
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  font-size: 0.8em;
  line-height: 1.3;
  text-indent: -1em;
}

.ftsp-box .text .sp-list li .atn {
  color: #3366FF;
}

.ftsp-box .text .sp-list li .atn2 {
  color: #FF0000;
}

/* 絵文字表
-----------------------------------------*/
.emoji {
  margin: 4% 0 2%;
}

.emoji ul {
  text-align: right;
  font-size: 0em;
}

.emoji ul + ul {
  margin: 5px 0 0 0;
}

.emoji ul li {
  line-height: 1.1;
  letter-spacing: 0px;
  text-align: center;
  display: inline-block;
  margin: 0 0 0 0.65%;
}

.emoji span {
  display: block;
  font-size: 0.7rem;
}

.emoji table {
  margin: 0 0 12px auto;
  border: none;
  border-collapse: collapse;
  text-align: left;
}

.emoji table td {
  font-size: 0.7em;
  line-height: 1.1;
  letter-spacing: 0px;
  text-align: center;
}

.emoji table tr.atn td {
  vertical-align: bottom;
}

.emoji table td img {
  margin: 0 0 0 3px;
}

/* ケーブル一覧表
-----------------------------------------*/
.lancable table {
  margin: 0 0 30px 0;
  border: 1px solid #666666;
  width: auto;
  border-collapse: collapse;
  letter-spacing: 1px;
}

.lancable table th {
  background-color: #DEEEFE;
  color: #4C4D4F;
  padding: 5px;
  font-size: 0.8em;
  text-align: center;
  line-height: 110%;
  border: 1px solid #666666;
}

.lancable table td {
  padding: 5px;
  border: 1px solid #666666;
  font-size: 0.8em;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
}

.lancable table th.meter-col {
  width: 50px;
}

.lancable table th.meter-col.w100 {
  width: 100px;
}

.lancable table th.price-col {
  width: 85px;
  white-space: nowrap;
}

.lancable table th.price-col.w120 {
  width: 120px;
}

.lancable table th.price-col span {
  font-size: 0.8em;
}

.lancable table tr.photo td {
  padding: 0px 1px 6px 1px;
  color: #333333;
}

.lancable table td.meter {
  font-weight: bold;
}

.lancable table td.hinban {
  text-align: left;
}

.lancable table td.meter span.box {
  display: block;
  /*	color: #CC0000;*/
  font-size: 0.7em;
  font-weight: normal;
}

.lancable table td.price {
  text-align: right;
}

.lancable table td.price span.zeinuki {
  display: block;
}

.lancable table td a {
  font-weight: bold;
  /*
	background:url(../images/ya.gif) no-repeat 0px 1px;
	*/
  padding: 0 0 0 0;
}

.lancable table tr.odd td {
  background-color: #FFFFFF;
}

/* ケーブルのみ一覧表
-----------------------------------------*/
.cable-only {
  margin: 0 0 40px 0;
}

.cable-only h3 {
  margin: 0 0 7px 0;
}

.cable-only h3.jisaku-ttl {
  border-left: 0.25em solid #666666;
  border-bottom: 0.07em solid #999999;
  padding: 0 0 0.2% 0.5%;
  margin: 0 0 0.8% 0;
  font-size: 0.97em;
}

.cable-only .hyo-box {
  display: block;
  float: left;
}

.cable-only .ftsp-box {
  display: block;
  float: left;
  width: 500px;
}

.cable-only .hyo-box table {
  margin: 0 10px 10px 0;
  border: 1px solid #666666;
  border-collapse: collapse;
}

.cable-only .hyo-box table th {
  background-color: #DEEEFE;
  color: #4C4D4F;
  padding: 5px;
  font-size: 0.8em;
  text-align: center;
  line-height: 110%;
  border: 1px solid #666666;
}

.cable-only .hyo-box table td {
  padding: 4px 3px 4px 3px;
  border: 1px solid #666666;
  font-size: 0.8em;
  letter-spacing: 1px;
  text-align: center;
  vertical-align: middle;
}

.cable-only .hyo-box table td a {
  font-weight: bold;
  /*
	background:url(../images/ya.gif) no-repeat 0px 1px;
	*/
  padding: 0 0 0 0;
}

.cable-only .hyo-box table th.meter-col {
  width: 70px;
}

.cable-only .hyo-box table th.price-col {
  width: 140px;
  white-space: nowrap;
}

.cable-only .hyo-box table th.price-col span {
  font-size: 0.8em;
}

.cable-only .hyo-box table tr.photo td {
  padding: 0px 1px 6px 1px;
  color: #333333;
}

.cable-only .hyo-box table tr.photo td.img {
  text-align: center;
}

.cable-only .hyo-box table td.meter {
  font-weight: bold;
  text-align: center;
}

.cable-only .hyo-box table td.meter span {
  color: #CC0000;
  font-weight: normal;
  font-size: 0.7em;
}

.cable-only .hyo-box table td.meter span.box {
  display: block;
  color: #000000;
  font-weight: normal;
  font-size: 0.7em;
}

.cable-only .hyo-box table td.price {
  text-align: right;
}

.cable-only .hyo-box table td.price span {
  /*	font-size: 0.85em;*/
}

.cable-only .hyo-box table td a {
  font-weight: bold;
}

.cable-only .hyo-box table tr.odd td {
  background-color: #FFFFFF;
}

.cable-only .ftsp-box .main-photo {
  text-align: center;
}

.main-photo ul {
  width: 120px;
  padding: 5px;
  border: 1px solid #333333;
}

.main-photo li {
  float: left;
}

.main-photo li img {
  width: 60px;
}

.cable-only .ftsp-box ul.ft-list li {
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  font-weight: bold;
  font-size: 0.9em;
  line-height: 1.3;
  text-indent: -1em;
}

.cable-only .ftsp-box ul.sp-list li {
  margin: 0 0 0 0;
  padding: 0 0 0 1em;
  font-size: 0.8em;
  line-height: 1.3;
  text-indent: -1em;
}

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