@import url('../css/common.css');
@import url('../css/sub.css');

/*----------------------------------------------*/

#gnavi li#gbtn02 a{
background:url(../image/gbtn_02_on.jpg) no-repeat;
}

/*----------------------------------------------*/

#lnavi ul{
width:170px;
list-style:none;
}

#lnavi li{
display:block;
height:25px;
margin:10px 0 10px 0;
text-indent:-9999px;
}

#lnavi a{
border-left:#C1D4E6 solid 3px;
}


#navi01 a{
display:block;
height:25px;
background:url(images/lnavi_01.gif) no-repeat;


}

#navi02 a{
display:block;
height:25px;
background:url(images/lnavi_02.gif) no-repeat;
text-decoration:none;

}

#navi03 a{
display:block;
height:25px;
background:url(images/lnavi_03.gif) no-repeat;
text-decoration:none;

}

#navi04 a{
display:block;
height:25px;
background:url(images/lnavi_04.gif) no-repeat;
text-decoration:none;

}


#lnavi li a:hover{
border-left:#316FAC solid 3px;
}

#lnavi li a#active{
border-left:#316FAC solid 3px;
}
/*-------------------------------------------------------------------*/
#lnavi ul ul#sublnavi{
margin:10px 0 0 0;
list-style:none;
}

#lnavi ul ul#sublnavi li{
margin:3px;
display:block;
text-indent:-9999px;
}


/*Mechatronics-SUB_NAVI*/
ul#sublnavi li#msnavi01 a{
display:block;
height:12px;
background:url(images/ms_01.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#msnavi01 a:hover{
display:block;
height:12px;
background:url(images/ms_01_on.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#msnavi01 a.active{
display:block;
height:12px;
background:url(images/ms_01_on.gif) no-repeat;
text-decoration:none;
border:none;
}


ul#sublnavi li#msnavi02 a{
display:block;
height:12px;
background:url(images/ms_02.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#msnavi02 a:hover{
display:block;
height:12px;
background:url(images/ms_02_on.gif) no-repeat;
text-decoration:none;
border:none;

}

ul#sublnavi li#msnavi02 a.active{
display:block;
height:12px;
background:url(images/ms_02_on.gif) no-repeat;
text-decoration:none;
border:none;
}




ul#sublnavi li#msnavi03 a{
display:block;
height:29px;
background:url(images/ms_03.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#msnavi03 a:hover{
display:block;
height:29px;
background:url(images/ms_03_on.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#msnavi03 a.active{
display:block;
height:29px;
background:url(images/ms_03_on.gif) no-repeat;
text-decoration:none;
border:none;
}







/*PARTS-SUB_NAVI*/
ul#sublnavi li#psnavi01 a{
display:block;
height:12px;
background:url(images/ps_01.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#psnavi01 a:hover{
display:block;
height:12px;
background:url(images/ps_01_on.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#psnavi01 a.pactive{
display:block;
height:12px;
background:url(images/ps_01_on.gif) no-repeat;
text-decoration:none;
border:none;
}


ul#sublnavi li#psnavi02 a{
display:block;
height:12px;
background:url(images/ps_02.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#psnavi02 a:hover{
display:block;
height:12px;
background:url(images/ps_02_on.gif) no-repeat;
text-decoration:none;
border:none;

}

ul#sublnavi li#psnavi02 a.pactive{
display:block;
height:12px;
background:url(images/ps_02_on.gif) no-repeat;
text-decoration:none;
border:none;
}




ul#sublnavi li#psnavi03 a{
display:block;
height:12px;
background:url(images/ps_03.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#psnavi03 a:hover{
display:block;
height:12px;
background:url(images/ps_03_on.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#psnavi03 a.pactive{
display:block;
height:12px;
background:url(images/ps_03_on.gif) no-repeat;
text-decoration:none;
border:none;
}



#sublnavi li#psnavi04 a{
display:block;
height:12px;
background:url(images/ps_04.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#psnavi04 a:hover{
display:block;
height:12px;
background:url(images/ps_04_on.gif) no-repeat;
text-decoration:none;
border:none;
}

ul#sublnavi li#psnavi04 a.pactive{
display:block;
height:12px;
background:url(images/ps_04_on.gif) no-repeat;
text-decoration:none;
border:none;
}














/*----------------------------------------------*/



/*----------------------------------------------*/

div#jcp{
width:590px;
background:url(images/diagram.jpg) right no-repeat;
}

div#jcp .txt{
width:330px;
color:#333333;
line-height:140%;
text-indent:0;
}


#main .box-590{
width:590px;
margin:0 auto;
}



.space{
}

#main .box-590 .left-180{
width:180px;
float:left;
}

#main .box-590 .left-290{
width:290px;
float:left;
}

#main .box-590 .right-390{
width:390px;
float:left;
}

#main .box-590 .right-280{
width:280px;
float:left;
}

#main .box-590 .cnr{
margin:0 auto;
text-align:center;
}



#main .todetail{
margin:10px 0;
}

p.subtt{
margin:30px 0 3px 0;
font-weight:900;
color:#669900;
font-size:12px !important;
font-size:75%;

}

p.subtt-nocopy{
margin:10px 0 3px 0;
font-weight:900;
color:#669900;
font-size:12px !important;
font-size:75%;

}

h4{
margin:0 0 20px 0;
padding:5px;
border-left:#669900 solid 3px;
background:#EEEEEE;
font-size:13px !important;
font-size:80%;
font-weight:900;
color:#333333;

}

#btn{
width:590px;
margin:30px 0;
text-align:left;
}

#btn-nocopy{
width:590px;
margin:0 0 20px 0;
}

ul.concept{
width: 600px;
margin:10px 0 10px 0;
list-style-type: none;
list-style-position: outside;
}

li.concept-item{
margin:0 0 0.6em 1em;
line-height:;
}

strong{
font-weight:bold;
font-size:12px !important;
font-size:75%;
line-height:160%;
color:#666666;
}

ul.list{
margin:10px 0 10px 0;
list-style-type: disc;
}

ul.list li{
list-style-position: inside;
font-size:12px !important;
font-size:75%;
line-height:160%;
color:#666666;
}