@charset "utf-8";

body {
  margin: 0px 0px 20px 0px;
  /*	background-color: #8FABBE;*/
  background-color: #ffffff;
  text-align: center;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

a {
  text-decoration: none;
}

a:link {
  color: #0000ff;
}

a:visited {
  color: #0000ff;
}

a:active {
  color: #0000ff;
}

a:hover {
  text-decoration: underline;
  color: #ff0000;
}

h1,
h2,
h3 {
  margin: 0px;
  padding: 0px;
  font-weight: normal;
}

td {
  font-size: 12px;
}

th {
  font-size: 12px;
  color: #000000;
}

p {
  margin: 0px;
  padding: 0px;
}

/*
hr
{clear:both}*/

img {
  margin: 0;
  padding: 0;
  border: 0;
}

caption {
  font-size: 12px;
}

.attention {
  color: #ff0000;
}

.boldtext {
  font-weight: bold;
}

.redtext {
  color: #ff0000;
}

.redbold {
  color: #ff0000;
  font-weight: bold;
}

.redborder {
  border-top-color: #ff0000;
  border-top-style: solid;
  border-top-width: 1.5px;
}

.redsquare {
  border: 1px solid #ff0000;
}

#wrapper {
  /*line-height: 140%;*/
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding: 0px;
  width: 780px;

  background-color: #ffffff;
  /*	border: 1px solid #FF6600;*/
}

#wrapper-kiyaku {
  /*line-height: 140%;*/
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  padding: 0px;
  width: 650px;

  background-color: #ffffff;
  border: 1px solid #0000ff;
}

#banner {
  /*	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
  color: #333333;
  text-align: left;
  /*	font-weight:bold;*/
  /*	padding: 15px;
	border-bottom: 1px solid #0000FF;*/
  height: 105px;
  /*	background-image: url(images/siteheader10.gif);
	background-repeat: no-repeat;*/
}

a#banner-img {
  display: none;
}

#banner .search {
  /*	position:relative;
	top:32px;
	left:10px;
	width:200px;
	height:30px;*/
  font-size: 12px;
  margin: 3px 5px 1px 5px;
  vertical-align: middle;
}

#banner .menu {
  /*	position:relative;
	left:225px;
	width:555px;
	height:45px;
	*/
  font-size: 12px;
  text-align: right;
  /*	padding-right:0px;
	margin-top: -20px;*/
  line-height: 110%;
  margin: 3px 5px 1px 5px;
}

html > body #banner .menu {
  /*Firefox Netscape対応*/
  /*	position:relative;
	margin-top:0px;
	left:225px;
	width:555px;
	height:45px;*/
  font-size: 12px;
  text-align: right;
  padding-right: 0px;
  /*	top: 0px;*/
  line-height: 1.2em;
  margin: 3px 5px 1px 5px;
}

#banner .menu a {
  color: #0000cc;
  font-weight: normal;
  text-decoration: none;
  /*background-color:#0066FF;*/
}

#banner .menu a:hover {
  color: #ff0000;
  font-weight: normal;
  text-decoration: underline;
  /*background-color:#0066FF;*/
}

#banner a {
  color: #ffffff;
  text-decoration: none;
}

#banner p {
  padding: 3px 5px 1px 5px;
}

#banner h1 {
  font-size: x-large;
  font-weight: bold;
  font-style: normal;
  text-align: right;
}

#banner h2 {
  font-size: medium;
  color: #ff0000;
  text-align: right;
  font-weight: bold;
}

#container {
  /*line-height: 140%;*/
  /*	position:relative;
	top:10px;
	*/
  margin-right: auto;
  margin-left: auto;
  /*	text-align: left;*/
  padding: 0px;
  width: 780px;

  /*	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;*/
}

#container .menu {
  /*	top:120px;*/
  margin: 10px 10px 10px 10px;
  /*	height:20px;*/
  padding-top: 3px;
  padding-left: 25px;
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2em;
}

#container .menu a {
  color: #000099;
  text-decoration: underline;
}

#container .menu .high {
  color: #333333;
}

#container .menu .hidden {
  font-size: 14px;
  color: #cccccc;
}

#container .menu a:hover {
  color: #ff0000;
}

#container .menu ol {
  text-align: left;
  margin: 0;
  padding: 0;
}

#container .menu li {
  display: inline;
}

#center {
  /*		float: left;*/
  width: 740px;
  margin-left: 10px;

  /*overflow: hidden;*/
}

/*
#center a{
	text-decoration:underline;
	}
*/

.content {
  padding: 15px 5px 5px 5px;
  background-color: #ffffff;
  font-size: 12px;

  color: #666666;
  /*	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
}

#right {
  float: left;

  width: 200px;
  background-color: #ffffff;

  overflow: hidden;
}

.content a {
  color: #0000cc;
}

.content a:hover {
  color: #ff0000;
  text-decoration: underline;
}

.content p {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: small;
  font-weight: normal;
  line-height: 120%;
  text-align: left;
  padding-top: 6px;
}

.content h2 {
  /*color: #666666;*/
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: medium;
  text-align: left;
  font-weight: bold;
  vertical-align: bottom;
  border-bottom-width: 1.5px;
  border-bottom-color: #999999;
  border-bottom-style: dotted;
  padding-left: 20px;
  padding-bottom: 3px;
  margin-top: inherit;
  margin-bottom: 8px;
  background-image: url(/cabledirect/images/midashi-h2.gif);
  background-repeat: no-repeat;
}

.content h3 {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: small;

  text-align: left;
  font-weight: bold;

  margin-left: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
}

.content .h3-14 {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 14px;

  text-align: left;
  font-weight: bold;

  margin-left: 5px;
  margin-top: 7px;
  margin-bottom: 7px;
  color: #ff6600;
  /*text-decoration:underline;*/
}

.content .h3-14smap {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: 14px;

  text-align: left;
  font-weight: bold;

  margin-left: 5px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.content blockquote ul .smap {
  margin-bottom: -10px;
  margin-top: -10px;
}

.content .highlight {
  background-color: #ff9900;
  padding: 5px;
}

.content .news {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.content .news p {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
  text-align: right;
}

.content .button-center {
  line-height: 120%;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 12px;
}

.content .table_center {
  margin-left: 30%;
  clear: both;
}

.content blockquote {
  margin-top: 3px;
  margin-left: 10px;
  /*background-color:#CCCCCC;*/
  padding: 0px;
}

.content .sumtitle {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 3px;
  text-decoration: underline;
}

.content .sum {
  font-size: 12px;
  vertical-align: top;
  font-weight: normal;
  float: none;
}

.content .sumimg {
  margin-bottom: 5px;
  border: 1px solid #666666;
  margin-right: 2px;
  float: left;
  height: 60px;
  width: 60px;
  overflow: hidden;
}

.content .normal-img {
  margin: 5px;
  border: 1px solid #666666;
  float: left;
}

.content .normal-img-text {
  padding: 15px;
  font-size: 12px;
  font-weight: normal;
  float: none;
}

.content .normal-img-text-title {
  font-size: 14px;
  color: #ff0000;
  font-weight: bold;
  float: none;
}

.content .normal-img-text-title-left {
  font-size: 14px;
  text-align: left;
  margin-left: 10px;
  color: #ff0000;
  font-weight: bold;
  float: none;
}

.content .cate-arch-img-text {
  font-size: 12px;
  /*	margin-left:135px;*/
  padding: 10px;
  /*	clear:both;*/
}

/*	
.content .cate-arch-img-text a{
	text-decoration:underline;
	}
*/

.content .cate-arch-sumimg {
  margin-bottom: 5px;
  border: 1px solid #666666;
  margin-right: 5px;
  /*	float: left;*/
  height: 80px;
  width: 120px;
}

.content .cate-arch-img-text h2 {
  text-decoration: underline;
}

.content .cate-arch-news h2 {
  font-size: 12px;
  text-align: left;
  font-weight: bold;
  vertical-align: bottom;
  padding-left: 20px;
  padding-bottom: 3px;
  margin-bottom: 8px;
  /*	float:none;*/
}

/*	
.content .cate-arch-news h2{
	font-size:12px;
	padding:5px;
	}
*/

/*
.content .cate-arch-news p{
	padding-left:15px;
	}
*/

.content .entry-arch-text {
  font-size: 12px;
}

.content .entry-arch-text a {
  text-decoration: underline;
}

.content .cart {
  margin-left: 20%;
}

.content .viewtable {
  margin-left: 50px;
}

.content .viewtable_c {
  margin-left: 25px;
}

/*
.content .cate-arch-img-text h2{
	margin-left:80px;
	border-bottom-width:1.5px;
	border-bottom-color:#999999;
	border-bottom-style:dotted;
	padding:10px;
	float:none;
	}
*/
.content li {
  line-height: 130%;
  list-style-type: none;
  font-size: 12px;
}

.content blockquote li {
  line-height: 120%;
  list-style-type: none;
  font-size: 12px;
}

.content p.extended {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: small;

  text-align: right;
  font-weight: bold;

  margin-right: 10px;
  margin-bottom: 3px;
}

.content p.posted {
  color: #999999;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: x-small;
  border-top: 1px solid #999999;
  text-align: right;

  margin-top: 20px;
  margin-bottom: 25px;
  line-height: normal;
  padding: 3px;
}

.content .kobetu {
  color: #000000;
  font-size: 12px;
}

.content .kobetu .img-on {
  border: 0.5px solid #000000;
}

.sidebar {
  padding: 15px;
}

#calendar {
  line-height: 140%;
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;

  padding: 2px;
  text-align: center;
  margin-bottom: 30px;
}

#calendar table {
  padding: 2px;
  border-collapse: collapse;
  border: 0px;
  width: 100%;
}

#calendar caption {
  color: #666666;
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;

  text-align: center;
  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 0.3em;
}

#calendar th {
  text-align: center;
  font-weight: normal;
}

#calendar td {
  text-align: center;
}

.sidebar h2 {
  color: #666666;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: x-small;

  text-align: center;
  font-weight: bold;

  text-transform: uppercase;

  letter-spacing: 0.3em;
}

.sidebar ul {
  padding-left: 0px;
  margin: 0px;
  margin-bottom: 30px;
}

.sidebar li {
  color: #666666;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  font-size: x-small;
  text-align: left;
  line-height: 150%;

  margin-top: 10px;
  list-style-type: none;
}

.sidebar img {
  border: 3px solid #ffffff;
}

.photo {
  text-align: left;
  margin-bottom: 20px;
}

.link-note {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  line-height: 150%;
  text-align: left;
  padding: 2px;
  margin-bottom: 15px;
}

#powered {
  font-family: Verdana, Arial, sans-serif;
  font-size: x-small;
  /*	line-height: 150%;*/
  text-align: right;
  color: #666666;
  margin-top: 20px;
}

#comment-data {
  float: left;
  width: 180px;
  padding-right: 15px;
  margin-right: 15px;
  text-align: left;
  border-right: 1px dotted #bbb;
}

textarea[id="comment-text"] {
  width: 80%;
}

textarea {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#mtpowered {
  margin-top: 8px;
  height: 16pt;
  background-color: #ffffff;
  font-size: 10px;
  color: #999999;
  clear: both;
  text-align: right;
  padding: 3pt;
}

#underlink {
  font-size: 12px;
  text-align: center;
}

#footer {
  /*	height:40pt;*/
  background-color: #0000ff;
  background-image: url(/cabledirect/images/footer.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  color: #ffffff;
  /*	clear: both;*/
  /*	text-align:right;*/
  padding: 3pt;
  line-height: 1.2em;
}

#footer .logo a {
  color: ;
}

#footer a {
  color: #ffffff;
}

#footer a:hover {
  color: #ff0000;
}

html > body .module-list {
  margin-left: -40px;
}

html > body .module-list-item {
  margin-left: 10px;
}

.module-list {
  /*IE６対応*/
  margin-left: 0px;
}

.module-list-item {
  margin-left: 10px;
}

*:first-child + html .module-list {
  margin-left: 0px;
}

*:first-child + html .module-list-item {
  margin-left: 10px;
}

.content-side {
  padding: 0px 0px 5px 0px;
  background-color: #ffffff;
  font-size: 12px;

  color: #666666;
  /*	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";*/
}

.content-side li {
  line-height: 130%;
  list-style-type: none;
  font-size: 12px;
}

.content-side a {
  color: #0000cc;
}

.content-side a:hover {
  color: #ff0000;
  text-decoration: underline;
}

html > body #sidemenu {
  width: 157px;
  /*float:left*/
  border: #cccccc solid 1px;
  padding-right: 0px;
  background-color: #e2fff9;
}

html > body #topmenu {
  width: 540px;
  float: right;
}

#sidemenu {
  width: 167px;
  float: left;
  border: #cccccc solid 1px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  background-color: #e2fff9;
}

#topmenu {
  padding-left: 10px;
  width: 540px;
  /*float:right;*/
}

*:first-child + html #sidemenu {
  width: 167px;
  float: left;
  border: #cccccc solid 1px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 0px;
  background-color: #e2fff9;
}

*:first-child + html #topmenu {
  padding-left: 10px;
  /*	margin-left:20px;*/
  width: 540px;
  /*float:right;*/
}

/*---------------ヘッダ---------------*/

#header {
  width: 780px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /*	border: 1px solid #FF6600;*/
}

#header .h_logo {
  margin: 0px auto;
  float: left;
}

#header .toptext {
  margin: 0px 0px 0px 23px;
  padding: 5px 0px 5px 0px;
  font-size: 14px;
  letter-spacing: 0.17em;
  line-height: 120%;
  font-weight: bold;
  color: #f27500;
}

#header .h_nav {
  margin: 0px 0px 5px 13px;
  padding: 0px 0px 0px 0px;
  width: 350px;
}

#header .h_nav dl {
  clear: both;
  padding: 0px 0px 0px 0px;
}

#header .h_nav dt {
  margin: 0px 0px 5px 0px;
  padding: 0px 12px 0px 12px;
  display: block;
  float: left;
  font-size: 12px;
  border-right: 1px solid #f27500;
}

#header .h_nav dd {
  margin: 0px 0px 0px 0px;
  padding: 0px 12px 0px 12px;
  float: left;
  font-size: 12px;
}

#header .h_nav ol {
  clear: both;
  padding: 0px 0px 0px 0px;
}

#header .h_nav li {
  margin: 0px 0px 5px 0px;
  padding: 0px 12px 0px 12px;
  display: block;
  float: left;
  font-size: 12px;
}

#header .h_nav li + li {
  margin: 0px 0px 5px 0px;
  padding: 0px 12px 0px 12px;
  display: block;
  float: left;
  font-size: 12px;
  border-left: 1px solid #f27500;
}

#header .h_nav .kensaku {
  margin: 0px 0px 0px 0px;
  padding: 0px 12px 0px 12px;
  float: left;
  font-size: 12px;
}

#header a:link,
#header a:visited {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #0000cc;
}

#header a:hover,
#header a:active {
  padding: 0px 0px 0px 0px;
  text-decoration: none;
  color: #f27500;
}

#header .menu ul {
  margin: 0px;
  padding: 0px;
  font-size: 0;
}

#header .menu li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  float: left;
  margin-bottom: 13px;
}

#header .button_sup a:link,
#header .button_sup a:visited {
  display: inline-block;
  width: 90px;
  border-radius: 5%; /* 角丸       */
  font-size: 12pt; /* 文字サイズ */
  text-align: center; /* 文字位置   */
  cursor: pointer; /* カーソル   */
  padding: 3px 8px; /* 余白       */
  background: #33bb33; /* 背景色     */
  color: #ffffff; /* 文字色     */
  line-height: 1em; /* 1行の高さ  */
  transition: 0.3s; /* なめらか変化 */
  box-shadow: 1px 1px 1px #666666; /* 影の設定 */
  border: 1px solid #33bb33; /* 枠の指定 */
}

#header .button_sup a:hover {
  box-shadow: none; /* カーソル時の影消去 */
  color: #33bb33; /* 背景色     */
  background: #ffffff; /* 文字色     */
}

#header .button_toi a:link,
#header .button_toi a:visited {
  display: inline-block;
  width: 90px;
  border-radius: 5%; /* 角丸       */
  font-size: 12pt; /* 文字サイズ */
  text-align: center; /* 文字位置   */
  cursor: pointer; /* カーソル   */
  padding: 3px 8px; /* 余白       */
  background: #5555cc; /* 背景色     */
  color: #ffffff; /* 文字色     */
  line-height: 1em; /* 1行の高さ  */
  transition: 0.3s; /* なめらか変化 */
  box-shadow: 1px 1px 1px #666666; /* 影の設定 */
  border: 1px solid #5555cc; /* 枠の指定 */
}

#header .button_toi a:hover {
  box-shadow: none; /* カーソル時の影消去 */
  color: #5555cc; /* 背景色     */
  background: #ffffff; /* 文字色     */
}

/*---------------フォーム---------------*/

#header button,
input,
select,
textarea {
  border: 1px solid #f27500;
  margin: 0;
  padding: 1px 3px 1px 3px;
  vertical-align: middle;
}

#header .form_button {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background: #f27500;
  color: #fff;
  font-size: 12px;
  line-height: 130%;
  font-weight: bold;
}

/*---------------ページナビ---------------*/

/*
#pageNavi {
	margin: 0px 40px 0px 40px;
	padding: 10px 0px 10px 0px;
    clear: both;
	color: #333;  
	font-size: 90%;
	border: 1px solid #CCC;
	text-align: center;
}*/
#pageNavi {
  margin: 0px 10px 10px 10px;
  padding: 10px 10px 10px 10px;
  clear: both;
  color: #333;
  font-size: 12px;
  border: 1px solid #ccc;
  text-align: center;
  background-color: #e4e4e4;
}

#pageNavi table {
  border-spacing: 0;
}

#pageNavi a {
  text-decoration: underline;
}

.pageName {
  margin: 0px 0px 0px 0px;
  padding: 0px auto 0px auto;
  display: inline;
}

/*---------------ページ下部のリンク---------------*/

.bmenu {
  display: inline-block;
  text-align: center;
}

.bmenu ul {
  display: inline-block;
  text-align: center;
  margin: 0px auto 10px auto;
  border-bottom: none;
  padding-inline-start: 0px;
}

.bmenu ul li {
  display: inline-block;
  text-align: center;
  margin: 0px auto 0px auto;
  border-bottom: none;
}

.bmenu a:link,
.bmenu a:visited {
  display: inline-block;
  width: 83px;
  border-radius: 5%;
  /* 角丸       */
  font-size: 11pt;
  /* 文字サイズ */
  text-align: center;
  /* 文字位置   */
  cursor: pointer;
  /* カーソル   */
  padding: 3px 8px;
  /* 余白       */
  background: #f27500;
  /* 背景色     */
  color: #ffffff;
  /* 文字色     */
  line-height: 1em;
  /* 1行の高さ  */
  transition: 0.3s;
  /* なめらか変化 */
  box-shadow: 1px 1px 1px #666666;
  /* 影の設定 */
  border: 1px solid #f27500;
  /* 枠の指定 */
  text-decoration: none;
}

.bmenu a:hover {
  box-shadow: none;
  /* カーソル時の影消去 */
  color: #f27500;
  /* 背景色     */
  background: #ffffff;
  /* 文字色     */
}

#footer_hw {
  /*	height:40pt;*/
  background-color: #0000ff;
  background-image: url(https://www.cabling-ol.net/homewiring/images/footer_hw.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  color: #ffffff;
  /*	clear: both;*/
  /*	text-align:right;*/
  padding: 3pt;
  line-height: 1.2em;
}

#footer_hw .logo a {
  color: ;
}

#footer_hw a {
  color: #ffffff;
}

#footer_hw a:hover {
  color: #ff0000;
}

#footer_hw_seo {
  height: 25pt;
  background-color: #0000ff;
  background-image: url(https://www.cabling-ol.net/homewiring/images/footer_hw.gif);
  background-repeat: no-repeat;
  font-size: 12px;
  color: #ffffff;
  /*	clear: both;*/
  /*	text-align:right;*/
  padding: 3pt;
  line-height: 1.2em;
}

#footer_hw_seo .logo {
  float: left;
  bottom: 0px;
}

#footer_hw_seo .logo a {
  color: ;
}

#footer_hw_seo a {
  color: #ffffff;
}

#footer_hw_seo a:hover {
  color: #ff0000;
}

#footer_hw_seo ul {
  margin: 0;
  padding: 0;
  font-size: 12px;
  float: right;
  text-align: right;
}

#footer_hw_seo li {
  display: inline;
  /*display:inline-block;*/
  /*margin-bottom:0px;*/
  /*float:left;*/
  font-size: 12px;
}

#footer_hw_seo li + li {
  display: inline;
  /*display:inline-block;*/
  /*margin-bottom:0px;*/
  /*float:right;*/
  font-size: 12px;
  border-left: 1px solid #ccc;
  padding-left: 6px;
  margin-left: 6px;
}