/* cable_1.html -------------------- */

div#ct-box-main {
	width: auto;
	margin:0 auto;
}

#insulok{
width:700px;
margin-top:5px;
background-color:#d7e7ed;
border: 1px #dfecf1 solid;}

#insulok_left{
padding:10px 0 10px 10px;
height:auto;
float:left;}

#insulok_flash{
width:338px;
height:192px;
}

p.company_txt{
margin:5px 0 10px 0;}

#banner_area{
height:auto;}

#insulok_right{
height:auto;
padding:10px 5px;
text-align:left;
float:left;
}

p.insulok_txt{
width:337px;
height:auto;
padding:5px 0;}

#cable_tie{
width:337px;
height:98px;
background-image:url(../img/cable-1/bg_cable_ties.gif);
background-repeat:no-repeat;
background-position:left top;
}

#cable_tie ul {
padding:7px 0 0 4px;
}

#cable_tie ul li{
background-image:url(../img/cable-1/cable_limark.gif);
background-repeat:no-repeat;
background-position:center left;
}

#cable_tie ul li p{
padding:0 0 0 20px;
line-height:1.5em;
font-size:9px;
}

#newpro_info{
width:709px;
height:102px;
margin-top:10px;
text-align:left;
background-image:url(../img/cable-1/bg_new-product.gif);
background-repeat:no-repeat;
background-position:top left;
}

.newpro_info_box{
width:225px;
float:left;
padding-top:40px;}

.newpro_info_box img{
float:left;
margin-right:5px;}

.newpro_info_box p{
padding-top:7px;
text-align:left;
line-height:1.3em;
font-size:60%;}

#product{
width:700px;
height:auto;
margin-top:10px;
}

#product_area {
width:501px;
height:auto;
float: right;
}

.product_header{
width:501px;
height:22px;
background-image:url(../img/cable-1/bg_series-title.gif);
background-repeat:no-repeat;
background-position:top left;
}

.product_header h3{
font-size:90%;
font-weight:bold;
text-align:left;
padding:3px 0 0 10px;
}

span.h3text{
font-size:75%;
font-weight:normal;
color:#666666;}

.product_box{
width:501px;
height:auto;
background-image:url(../img/cable-1/bg_series-box.gif);
background-repeat:repeat-y;
background-position:top left;
padding-bottom:5px;}

.product_footer{
margin-bottom:5px;
}

.ca_img{
width:240px;
height:auto;
float:left;
padding:10px 0 0 7px;}

.ca_img img{
float:left;
margin-right:3px;
}

.ca_img p{
text-align:left;
font-size:55%;
line-height:1.2em;
padding-top:3px;
}

p.link_title{
width:493px;
margin:0px;
padding:0px;
}

#product_link{
width:489px;
height:auto;
border-left:2px solid #CCCCCC;
border-right:2px solid #CCCCCC;
border-bottom:2px solid #CCCCCC;
padding-bottom:20px;
}

#link_left{
width:219px;
height:auto;
float:left;
padding:10px 15px 0 15px;
}

#link_right{
width:219px;
height:auto;
float:left;
padding:10px 0 0 0;
}

.link_box{
width:219px;
height:auto;
border:2px solid #CCCCCC;
background-color:f7f7f7;
padding-bottom:10px;
margin-bottom:5px;
}

p.link_box_title{
font-size:75%;
font-weight:bold;
color:#666666;
text-align:left;
padding:10px 0 0 5px;
margin-bottom:5px;
border-bottom:2px solid #4893b0;
}

.link_box ul li{
text-align:left;
padding-left:5px;
}

.link_box ul li p{
font-size:70%;
}

.link_box ul li p a:link{
color:#000000;
text-decoration:underline;
}

.link_box ul li p a:visited{
color:#000000;
text-decoration:underline;
}

/* scroll menu -----------------------------------------------------------*/


#elmenu {
width: 184px;
float: left;
}

#scrollbox {
position: relative;
width: 180px;
}

#scrollbox ul li{
width:184px;
height:34px;
margin-bottom:2px;
background-image:url(../img/cable-1/bg_elmenu_li01.gif);
background-repeat:no-repeat;
background-position:top left;
}

#scrollbox ul li p{
line-height:1.3em;
text-align:left;
padding:6px 0 0 9px;
font-size:9px;
}

#scrollbox ul li.el02{
width:184px;
height:48px;
margin-bottom:2px;
background-image:url(../img/cable-1/bg_elmenu_li02.gif);
background-repeat:no-repeat;
background-position:top left;
}

#scrollbox ul li.el03{
width:184px;
height:66px;
margin-top:1px;
background-image:url(../img/cable-1/bg_elmenu_li03.gif);
background-repeat:no-repeat;
background-position:top left;
}

#scrollbox ul li.el04{
width:184px;
height:47px;
margin-bottom:2px;
background-image:url(../img/cable-1/bg_elmenu_li04.gif);
background-repeat:no-repeat;
background-position:top left;
}

#scrollbox ul li.el05{
width:187px;
height:66px;
background-image:none;
}

#scrollbox ul li.el03 p{
text-align:left;
padding:50px 0 0 52px;
font-size:0px;}

#scrollbox ul li.el04 p{
text-align:left;
padding:27px 0 0 52px;
font-size:0px;}


/* css hack FireFox -----------------------------------------------------------*/

html:not([lang*=""]) #cable_tie ul li p { 
line-height:1.7em;
font-size:95%;
}
html:not([lang*=""]) p.insulok_txt { 
line-height:1.4em; 
}
html:not([lang*=""]) #scrollbox ul li p,.ca_img p { 
font-size:x-small;
}

html:not([lang*=""]) div#ct-box-main { 
width:700px;
}

/* common -----------------------------------------------------------*/

.left{
float:left;
}

.right{
float:right;
}

.clear{
clear:both;
}

.fs16{
font-size:16px;
}

.pl25{
padding-left:25px;}

/* clearfix -----------------------------------------------------------*/

.clearfix:after {
content: ".";  /* 新しい要素を作る */
display: block;  /* ブロックレベル要素に */
clear: both;
height:0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix {
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

