/*	
	Basic Style CSS
*/

body { margin: 0; padding:0; background: #ffffff url("../images/bg_body.gif") repeat-y left top;}

/*-----------------------
　　　font
-----------------------*/
body,td { font-size: medium; color: #4d4d4d;}
html>body body, html>body td { font-size: 12px;}
body,td { _font-size: 78%;}

.Stxt, .Stxtg { font-size: small;}
.Mtxt, .Mtxtg { font-size: medium;}
.Ltxt, .Ltxtg { font-size: large;}
.LLtxt, .LLtxtg { font-size: x-large;}

html>body .Stxt, html>body .Stxtg { font-size: 10px;}
html>body .Mtxt, html>body .Mtxtg { font-size: 12px;}
html>body .Ltxt, html>body .Ltxtg { font-size: 14px;}
html>body .LLtxt, html>body .LLtxtg { font-size: 16px;}

.Stxt, .Stxtg { _font-size: xx-small;}
.Mtxt, .Mtxtg { _font-size: x-small;}
.Ltxt, .Ltxtg { _font-size: small;}
.LLtxt, .LLtxtg { _font-size: medium;}

html>body body, html>body td { line-height: 100%;}
.Stxtg, .Mtxtg, .Ltxtg, .LLtxtg { line-height: 140%;}
.Stxtg, .Mtxtg, .Ltxtg, .LLtxtg { _line-height: 120%;}


/*-----------------------
　　　link
-----------------------*/
a { text-decoration: none }
a:link{ color:#004ea2 }
a:visited{ color:#6588ad }
a:active{ color:#004ea2 }
a:hover{ text-decoration: underline }

/*-----------------------
　　　layout
-----------------------*/
img.topcateb1 { margin:2px;}
img.topcateb2 { margin:0 2px;}
img.topcateb3 { margin:2px 2px 0 2px;}
img.conth { margin-top:4px;}
img.linkcube { margin-right:5px; vertical-align:top;}


/*-----------------------
　　　Box
-----------------------*/
#gheader 	{ background: url("../images/bg_gheadm.gif") repeat-y left top; width:800px;}
#TopicPath 	{ background: url("../images/gh_capbot.gif") no-repeat left bottom; width:780px; _width:800px; padding:4px 10px;}
html>body #TopicPath { width:800px;}
#mainBox 	{ background-color: #fff; width:800px; padding:10px 0 0;}

div.box1-t { background: url("../images/ctb01_t.gif") no-repeat left top; 		width:214px; padding-top:4px; 	 text-align:left; margin-top:2px;}
div.box1-m { background: url("../images/ctb01_m.gif") repeat-y left top; 		width:214px; padding:0 5px; 	 text-align:left;}
div.box1-b { background: url("../images/ctb01_b.gif") no-repeat left bottom; 	width:214px; padding-bottom:4px; text-align:left;}

div.box2-t { background: url("../images/ctb02_t.gif") no-repeat left top; 		width:145px; padding-top:4px; 	 text-align:left; margin-top:4px;}
div.box2-m { background: url("../images/ctb02_m.gif") repeat-y left top; 		width:145px; padding:0 5px; 	 text-align:left;}
div.box2-b { background: url("../images/ctb02_b.gif") no-repeat left bottom; 	width:145px; padding-bottom:4px; text-align:left;}

div.box3-t { background: url("../images/ctb03_t.gif") no-repeat left top; 		width:104px; padding-top:4px; 	 text-align:left; margin-top:4px;}
div.box3-m { background: url("../images/ctb03_m.gif") repeat-y left top; 		width:104px; padding:0 5px; 	 text-align:left;}
div.box3-b { background: url("../images/ctb03_b.gif") no-repeat left bottom; 	width:104px; padding-bottom:4px; text-align:left;}

div.box1-m a,
div.box2-m a,
div.box3-m a { display:block; width:100%;}

/*-----------------------
　　　color
-----------------------*/
.color-gray { color:#b3b3b3;}
.copyright { color:#b3b3b3;}

/*-----------------------
　　　form
-----------------------*/
form,input { margin:0;}
input.sserch { width:120px; height:19px; margin:0; padding:0;}
input.sserchb { height:19px; margin:0; padding:0; border:0;}

/*-----------------------
　　　table
-----------------------*/
table.langt td { padding:2px 0 2px 5px;}
table.wnewt td { border-bottom:solid 1px #d9d9d9; padding:6px 0;}


/*-----------------------
　2007.07.04ADD newdesign
	subpages
-----------------------*/
/* common*/


#wrap{
padding:10px 0 0 0;
background-color:#fff;

}

#hackBox{
background:url(../images/side_bg.gif) 10px 0 repeat-y;

}

#mainTable{
background:url(../images/side_product.gif) left bottom no-repeat;
}

.margintop10{
margin-top:10px;
}

.margintop23{
margin-top:23px;
}

.margintop7{
margin-top:7px;
}
.margintop5{
margin-top:5px;
}

.margintop8{
margin-top:8px;
}

.margintop3{
margin-top:3px;
}

.margin_le10{
margin-left:10px;
}

.text_10px{
font-size:10px;
}

.col_blue01{
color:#004EA2;
}

.col_blue02{
color:#0000FF;
}

.text12_bld{
font-size:12px;
color:#000000;
font-weight:bold;
}



.text9_bld{
font-size:9px;
color:#000000;
font-weight:bold;
}

.col_black{
color:#000000;
}

.col_wht{
color:#FFFFFF;
}

.col_redbld{
color:#FF0000;
font-weight:bold;
}

.margin_10{
margin:10px;
}

.line_hg120{
line-height:120%;
}

.ttlbg_01{
background:url(../images/ttlbg.gif) no-repeat;
width:611px;
height:28px;
padding:2px 0px 0px 20px;
font-size:14px;
color:#788494;
font-weight:bold;
}

.ttlbg_02{
background:url(../images/ttlbg_02.gif) no-repeat;
width:611px;
height:43px;
}

.ttlbg_02text_s{
padding:2px 0px 0px 20px;
font-size:10px;
color:#788494;
font-weight:bold;
}

.ttlbg_02text_b{
padding:3px 0px 0px 20px;
font-size:14px;
color:#788494;
font-weight:bold;
}

.ttlbg_02text_bb{
padding:3px 0px 0px 20px;
font-size:16px;
color:#788494;
font-weight:bold;
}

.ttl02{
background:url(../images/ttl02.gif) no-repeat;
width:295px;
height:28px;
padding:2px 0px 0px 20px;
font-size:14px;
color:#788494;
font-weight:bold;
}

.ttl02_02{
background:url(../images/ttl02.gif) no-repeat;
width:295px;
height:28px;
padding:8px 0px 0px 20px;
font-size:14px;
color:#788494;
font-weight:bold;
}

.ttl03{
background:url(../images/ttl03.gif) no-repeat;
width:381px;
height:28px;
padding:2px 0px 0px 20px;
font-size:14px;
color:#788494;
font-weight:bold;
}

.ttl04{
background:url(../images/ttl04.gif) no-repeat;
width:210px;
height:28px;
padding:2px 0px 0px 20px;
font-size:14px;
color:#788494;
font-weight:bold;
}

.sttl{
font-size:10px;
color:#333;
font-weight:bold;
margin-top:10px;
margin-bottom:3px;
}

/* topicpath named pankuzu navi */
.pan{
font-size:12px;
margin-left:10px;
margin-top:1px;
}

.pantext02{
font-size:12px;
color:#4D4D4D;
text-decoration:none;
}

.bold{
font-weight:bold;
}

/* contents */
.margin_t10le20{
margin:10px 0px 0px 20px;
}

.con_serch_bg01{
background:url(../../sample01/images/contents_btn_serch.gif) no-repeat;
margin-top:5px;
width:105px;
height:37px;
}

.con_serch_bg02{
background:url(../../sample01/images/contents_btn_serch.gif) no-repeat;
margin-top:6px;
width:105px;
height:37px;
}

.margin_t1le31{
display:block;
margin-left:31px;
padding-top:5px;
font-size:10px;
line-height:120%;
}


.margin_t1le40{
display:block;
margin-left:50px;
padding-top:5px;
font-size:10px;
line-height:120%;
text-align:left;
}

.margin_t1le40_kounyu{
display:block;
margin-left:50px;
padding-top:10px;
font-size:10px;
line-height:120%;
text-align:left;
}

.newsinfo_bg002{
background:url(../../sample01/images/contents_infobg.gif) repeat-y;
width:295px;
font-size:12px;
color:#333333;
font-weight:bold;
padding-left:10px;
}

.newsinfo_bg{
background:url(../../sample01/images/contents_infobg.gif) repeat-y;
height:120px;
width:295px;
}

.newsinfo_bg_in{
height:120px;
width:290px;
overflow:auto;
}

/* sidenavi */

.sidetext{
color:#004ea2;
line-height:120%;
font-size:100%;
}


.margin_t10le10bo15{
margin:10px 0px 15px 10px;
}

.side_bg{
}

.bnr_btm{
margin-bottom:3px;
}

.sidebtn_bg a{
font-size:10px;
display:block;
background:url(../images/side_05.gif) no-repeat;
width:145px;
height:17px;
text-indent:1.5em;
text-align:left;
}

.sidebtn_bg a:hover{
background:url(../images/side_05.gif) no-repeat;
}

.sidebtn_bg02{
color:#004ea2;
font-size:10px;
display:block;
background:url(../images/side_05.gif) no-repeat;
width:145px;
height:17px;
text-indent:1.5em;
text-align:left;

}

/* fontsize */

.text_9px{
font-size:9px;
}

/* LED chip productlists */

.text_maru{
font-size:12px;
color:#99CBFE;
}

.hyou_bg{
background:url(../../sample03/images/hyou_bg.gif) repeat-y;
}

.hyoutxt{
font-size:10px;
line-height:150%;
}

.hyou_waku{
background:url(../../sample03/images/th.gif) repeat-x;
border:#FFFFFF solid 1px 0px 0px 1px;
height:25px;
}

.hyou_waku30{
background:url(../../sample03/images/th_02.gif) repeat-x;
border:#FFFFFF solid 1px 0px 0px 1px;
height:30px;
}

.col_blue02_2{
color:#0000FF;
}

.col_blue02_2 a{
color:#0000FF;
text-decoration:underline;
}

.col_blue02_2 a:visited{
color:#0000FF;
}

.col_blue02_2 a:hover{
color:#3751FF;
}

.col_blue02_3{
color:#0000FF;
}

.col_blue02_3 a{
color:#0000FF;
text-decoration:none;
}

.col_blue02_3 a:visited{
color:#0000FF;
}

.col_blue02_3 a:hover{
color:#3751FF;
}



.line-td01{
border-right:1px solid #666;
border-bottom:1px solid #666;
}
.line-td02{
border-bottom:1px solid #666;
}
.line-td03{
border-right:1px solid #666;
}


/* SML */
.newsinfo_bg02{
background: url(../../sample04/images/04info_bg.gif) repeat-y;
width:210px;
}

.newsinfo_bg03{
background: url(../../sample04/images/04_infotoi.gif) no-repeat;
width:210px;
height:27px;
font-size:12px;
font-weight:bold;
color:#6F7C8D;
padding:7px 0px 7px 10px;
}

.con_sample_bg{
background: url(../../sample04/images/04sample.gif) no-repeat;
margin-top:5px;
width:96px;
height:33px;
margin-left:3px;
}

.con_cart_bg{
background: url(../../sample04/images/04cart.gif) no-repeat;
margin-top:5px;
width:96px;
height:33px;
margin-right:3px;
}