ul,li {list-style:none;margin:0;padding:0;}
#l_waku {
width:1000px;
border:0px #000 solid;
margin:0 auto;
position:relative;
left:-2px;
}
/*
トップ・全体エリア
--------------------------------------------------------*/
#top_img_wrap {
width:100%;
}
#top_img_wrap .top_img_main {
width:1000px;
margin:0 auto;
text-align:center;
}
#top_img_wrap .top_img_main h1 {
position:absolute;
margin-top:15px;
margin-left:10px;
font-size:2em;
color:#fff;
z-index:1;
}
#top_img_wrap .top_img_main h2 {
position:absolute;
margin-top:70px;
margin-left:10px;
font-weight:normal;
text-align:left;
color:#fff;
font-size:0.8em;
line-height:1.7;
z-index:1;
}
#top_img_wrap .top_img {
position:absolute;
margin:0 auto;
text-align:center;
}
#top_img_wrap .top_back {
width:100%;
background:#000;
height:280px;
}
#top_img_wrap .top_nouhin_box {
position:absolute;
color:#ffff00;
border:1px #ffff00 solid;
padding:8px 15px;
font-size:0.9em;
margin-top:175px;
margin-left:10px;
width:233px;
z-index:3;
border-radius:3px;
}
#top_img_wrap .top_nouhin_box02 {
position:absolute;
color:#fff;
border:1px #DF0101 solid;
background:#DF0101;
padding:8px 15px;
font-size:0.9em;
margin-top:225px;
margin-left:10px;
width:233px;
z-index:3;
border-radius:3px;
}
#body_wrapper {
width:1000px;
margin:0 auto;
}
.normal-title {
font-size:1.6em;
margin:15px 0;
border-bottom:3px #08298A solid;
padding:5px 0;
}
.normal-title span {
font-size:0.5em;
margin-left:20px;
}
.under_title {
background:#000;
line-height:1.5;
color:#fff;
padding:10px;
font-size:1.2em;
margin-top:50px;
}
.under_sub_title {
text-align:right;
font-size:0.8em;
}
/*
ケーブル名から選ぶ
-------------------------------------------------------------------*/
#type_area {
float:left;
margin-bottom:40px;
}
#type_area .type_wrap {
float:left;
width:100%;
}
#type_area .type_wrap .type_wrap_box {
float:left;
width:24%;
margin:5px;
}
#type_area ul li .title_link , .title_link_gr {
margin:0;
}
#type_area ul li .title_link a:hover , #type_area ul li .title_link_gr a:hover {
background:red;
border:1px red solid;
}
#type_area ul li .title_link a i , .#type_area ul li .title_link_gr a i {
margin-left:10px;
}
#type_area ul li .title_link a i {
margin-left:10px;
}
#type_area ul li .title_link span , #type_area ul li .title_link_gr span {
background:#08298A;
color:#fff;
border:1px #08298A solid;
text-align:center;
font-weight:bold;
font-size:0.8em;
display:block;
padding:10px;
border-radius:3px 3px 0 0;
transition:0.5s;
}
#type_area ul li .box {
border:1px #ccc solid;
border-top:none;
float:left;
width:238px;
height:170px;
}
#type_area ul li .box2 {
border:1px #ccc solid;
border-top:none;
text-align:center;
width:238px;
height:100px;
}
#type_area ul li .box ul img {
float:left;
margin-left:10px;
}
#type_area ul li .box ul li {
text-align:right;
line-height:1.5;
margin:10px;
font-size:0.8em;
}
#type_area ul li .box ul li a {
color:#0080FF;
text-decoration:underline;
}
#type_area ul li .box ul li a:hover {
color:red;
}
#type_area ul li a {
display:block;
}
#type_area ul li .title_link a {
background:#08298A;
color:#fff;
border:1px #08298A solid;
text-align:center;
font-weight:bold;
font-size:0.8em;
display:block;
padding:10px;
border-radius:3px 3px 0 0;
transition:0.5s;
}
#type_area ul li a .title_link {
background:#08298A;
color:#fff;
border:1px #08298A solid;
text-align:center;
font-weight:bold;
font-size:0.8em;
display:block;
padding:10px;
border-radius:3px 3px 0 0;
transition:0.5s;
}
#type_area ul li a .title_link_gr {
background:#04B45F;
color:#fff;
border:1px #04B45F solid;
text-align:center;
font-weight:bold;
font-size:0.8em;
display:block;
padding:10px;
border-radius:3px 3px 0 0;
transition:0.5s;
}
#type_area ul li a:hover > .title_link {
background:red;
border:1px red solid;
}
#type_area ul li a:hover > .title_link_gr {
background:red;
border:1px red solid;
}
#type_area ul li a .title_link i , #type_area ul li a .title_link_gr i {
margin-left:10px;
}
/*
ケーブル表
----------------------------------------------------*/
.cable_hyou {
width:1000px;
}
.cable_hyou , .cable_hyou td, .cable_hyou th {
	border: 1px solid #ccc;
	border-collapse: collapse;
	text-align:center;
}
.cable_hyou td, .cable_hyou th {
	max-width: 160px;
}
.cable_hyou th {
background:#08298A;
color:#fff;
max-height:25px;
}
.cable_hyou .item_price {
color:red;
font-weight:bold;
font-size:1em;
}
.cable_hyou .alink a {
display:block;
width:100%;
height:100%;
line-height:3;
color:#0040FF;
transition:0.3s;
font-size:1em;
}
.cable_hyou .alink a:hover {
font-size:1.4em;
font-weight:bold;
text-decoration:underline;
}
.cable_hyou .alink a:before {
content:"\f138";
font-family: FontAwesome;
padding-right:5px;
}
.cable_hyou .img_zoom {
margin:5px 0;
padding:2px 8px;
border:1px #999 solid;
border-radius:30px;
font-size:0.7em;
display:inline-block;
background:#FFFBB5;
}
.scale {
    width: 150px;
    height: 150px;
    margin:0 auto;text-align:center;
}
.scale img {
	width:150px;
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    margin:0 auto;text-align:center;
}
.scale img:hover {
	position:relative;
	z-index:5;
    -webkit-transform: scale(2.5);
    -moz-transform: scale(2.5);
    -o-transform: scale(2.5);
    -ms-transform: scale(2.5);
    transform: scale(2.5);
box-shadow:0px 0px 21px -11px #000000;
-moz-box-shadow:0px 0px 21px -11px #000000;
-webkit-box-shadow:0px 0px 21px -11px #000000;
}
/*
特集エリア
-------------------------------------------------*/
#tokushu_area {
float:left;
width:100%;
}
#tokushu_area li {
float:left;
}
#tokushu_area li a {
display:block;
}
#tokushu_area li a img {
margin:5px;
text-align:center;
}
/*
キャンペーンエリア
-----------------------------------------------------------------------*/
#campaign_area {
width:100%;
margin:25px 0;
}
#campaign_area .cambox {
float:left;
width:485px;
border:1px #ccc solid;
border-radius:3px;
margin-right:20px;
margin-bottom:20px;
}
#campaign_area .cambox a {
display:block;
float:left;
color:#666;
transition:0.5s;
height:160px;
}
#campaign_area .cambox p {
float:left;
padding:5px;
padding-right:0;
}
#campaign_area #cam_left_img {
height:80px;
}
#campaign_area .cambox .right {
float:right;
padding:15px;
padding-left:0;
}
#campaign_area .cambox h3 {
font-size:1.6em;
font-weight:normal;
color:#0431B4;
text-align:right;
margin:0;
}
#campaign_area .cambox h4 {
text-align:right;
font-weight:normal;
width:250px;
font-size:0.8em;
}
#campaign_area a #hv_btn {
position:absolute;
font-size:1em;
margin-left:450px;
margin-top:125px;
}
#campaign_area .cambox a:hover {
color:red;
}