/**********
全体に
**********/
*{margin:0px; padding:0px;}
a{font-size:12px; line-height:140%;}
img{border:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
div#body{background:url(../img/bg.jpg) left repeat-y;}
ul,li{list-style-type:none;}

/**********
ヘッダーに
**********/
h1{background:#D0E8FF; width:760px; height:20px;}


/**********
メニューに
**********/



/**********
コンテンツに
**********/
td#sh1{background:#507EC5; height:25px; text-align:center;}

h3{width:260px; height:25px; border-left:4px #009 solid; border-bottom:1px #009 solid; position:relative; font-size:12px; color:#009;}
h3 strong{position:absolute; top:7px; left:8px;}

.txtbox260{width:260px; padding:5px 0px 0px 10px; font-size:12px; line-height:140%; color:#333; text-align:left;}









/**********
フッターに
**********/
div#foot{width:180px; position:relative;}
div#foot div{position:absolute; top:-60px; left:15px; text-align:center;}

table#foot1{width:760px; height:70px; background:#85C4FF;}
td#foot2{padding-left:15px;}

div#contact a{display:block; width:200px; height:36px; background:url(../img/foot_contact.jpg);}
div#contact a:hover{background:url(../img/foot_contact1.jpg);}
div#contact a span{display:none;}

address{width:760px; font-size:10px; color:#333; text-decoration:none; text-align:center; background:#FFF; font-style:normal;}



/**********
ロールオーバーに(liの部分にh2やdivなどを入れてもOK)
**********/
li{display:inline;}

li#btn01 a,
li#btn02 a,
li#btn03 a,
li#btn04 a,
li#btn05 a{display:block; background:no-repeat;}

li#btn01 a{width:180px; height:46px; background:url(../img/menu_home.jpg);}
li#btn01 a:hover{background:url(../img/menu_home1.jpg);}

li#btn02 a{width:180px; height:46px; background:url(../img/menu_technique.jpg);}
li#btn02 a:hover{background:url(../img/menu_technique1.jpg);}

li#btn03 a{width:180px; height:46px; background:url(../img/menu_product.jpg);}
li#btn03 a:hover{background:url(../img/menu_product1.jpg);}

li#btn04 a{width:180px; height:46px; background:url(../img/menu_company.jpg);}
li#btn04 a:hover{background:url(../img/menu_company1.jpg);}

li#btn05 a{width:180px; height:46px; background:url(../img/menu_contact.jpg);}
li#btn05 a:hover{background:url(../img/menu_contact1.jpg);}


td#hy01 a,
td#hy02 a,
td#hy03 a,
td#hy04 a,
td#hy05 a,
td#hy06 a,
td#hy07 a,
td#hy08 a,
td#hy09 a,
td#hy10 a,
td#hy11 a,
td#hy12 a,
td#hy13 a{display:block; text-decoration:none; width:260px; height:20px; background:#DAE4F3;}

td#hy01 a span,
td#hy02 a span,
td#hy03 a span,
td#hy04 a span,
td#hy05 a span,
td#hy06 a span,
td#hy07 a span,
td#hy08 a span,
td#hy09 a span,
td#hy10 a span,
td#hy11 a span,
td#hy12 a span,
td#hy13 a span{color:#84A5D7;}

td#hy01 a:hover,
td#hy02 a:hover,
td#hy03 a:hover,
td#hy04 a:hover,
td#hy05 a:hover,
td#hy06 a:hover,
td#hy07 a:hover,
td#hy08 a:hover,
td#hy09 a:hover,
td#hy10 a:hover,
td#hy11 a:hover,
td#hy12 a:hover,
td#hy13 a:hover{background:#A7BEE2;}

td#hy01 a:hover span,
td#hy02 a:hover span,
td#hy03 a:hover span,
td#hy04 a:hover span,
td#hy05 a:hover span,
td#hy06 a:hover span,
td#hy07 a:hover span,
td#hy08 a:hover span,
td#hy09 a:hover span,
td#hy10 a:hover span,
td#hy11 a:hover span,
td#hy12 a:hover span,
td#hy13 a:hover span{color:#507EC5;}


/**********
class
**********/
.none{display:none;}

.hyu{font-size:12px; padding:4px; color:#333; line-height:140%;}

.txt12{font-size:12px; line-height:140%; color:#333;}
.txt14{font-size:14px; line-height:140%; color:#333;}
.txt16{font-size:16px; line-height:140%; color:#333;}

.txt12_fff{font-size:12px; line-height:140%; color:#fff;}
.txt14_fff{font-size:14px; line-height:140%; color:#fff;}

.width760{width:760px;}
.width560{width:560px;}
.width540{width:540px;}
.width520{width:520px;}
.width270{width:270px;}
.width260{width:260px;}
.width180{width:180px;}