//	<!--  SUB MENU LAYER -->

function sidenavi(posiinfo){

document.write("<div style='position:absolute; width:140; height:158;'>");
document.write("<div style='position:absolute; left:0px; top:0px; z-index:1;'> ");
document.write("<table width='140' height='158' border='0' cellpadding='0' cellspacing='0'>");
document.write("<tr><td><img src='../cmnimg/bg_submenu01.gif' width='140' height='14' alt=''></td></tr>");
document.write("<tr><td><img src='../cmnimg/bg_submenu02.gif' width='140' height='25' alt=''></td></tr>");
document.write("<tr><td><img src='../cmnimg/bg_submenu02.gif' width='140' height='25' alt=''></td></tr>");
document.write("<tr><td><img src='../cmnimg/bg_submenu02.gif' width='140' height='25' alt=''></td></tr>");
document.write("<tr><td><img src='../cmnimg/bg_submenu02.gif' width='140' height='25' alt=''></td></tr>");
document.write("<tr><td><img src='../cmnimg/bg_submenu02.gif' width='140' height='25' alt=''></td></tr>");
document.write("<tr><td><img src='../cmnimg/bg_submenu02.gif' width='140' height='25' alt=''></td></tr>");
document.write("<tr><td><img src='../cmnimg/bg_submenu02.gif' width='140' height='25' alt=''></td></tr>");
document.write("<tr><td><img src='../cmnimg/bg_submenu03.gif' width='140' height='9' alt=''></td></tr>");
document.write("</table><div>");

document.write("<div style='position:absolute; left:0px; top:14px; z-index:4;'>");
document.write("<div style='position:absolute; width:140px; height:100px;'>");
document.write("<table width='140' height='175' border='0' cellpadding='0' cellspacing='0' align='center'>");
document.write("<tr><td valign='top' style='width:140px; height:25px;'><div class='subMenu' id='header'>");
document.write("<a href='index.html' onMouseOver = chg_img('img11',9); onMouseOut = chg_img('img11',8);>");
if(posiinfo == 1){ document.write("<div class='subMenu' id='white'>Company Philosophy</div></a></div>"); }
else { document.write("Company Philosophy</a></div>"); }
document.write("</td></tr>");
document.write("<tr><td valign='top' style='width:140px; height:25px;'><div class='subMenu' id='header'>");
document.write("<a href='field.html' onMouseOver = chg_img('img12',9); onMouseOut = chg_img('img12',8);>");
if(posiinfo == 2){ document.write("<div class='subMenu' id='white'>Business Field</div></a></div>"); }
else { document.write("Business Field</a></div>"); }
document.write("</td></tr>");
document.write("<tr><td valign='top' style='width:140px; height:25px;'><div class='subMenu' id='header'>");
document.write("<a href='quality.html' onMouseOver = chg_img('img13',9); onMouseOut = chg_img('img13',8);>");
if(posiinfo == 3){ document.write("<div class='subMenu' id='white'>Quality Management</div></a></div>"); }
else { document.write("Quality Management</a></div>"); }
document.write("</td></tr>");
document.write("<tr><td valign='top' style='width:140px; height:25px;'><div class='subMenu' id='header'>");
document.write("<a href='environment.html' onMouseOver = chg_img('img14',9); onMouseOut = chg_img('img14',8);>");
if(posiinfo == 4){ document.write("<div class='subMenu' id='white'>Environmental Preservation</div></a></div>"); }
else { document.write("Environmental Preservation</a></div>"); }
document.write("</td></tr>");
document.write("<tr><td valign='top' style='width:140px; height:25px;'><div class='subMenu' id='header'>");
document.write("<a href='outline.html' onMouseOver = chg_img('img15',9); onMouseOut = chg_img('img15',8);>");
if(posiinfo == 5){ document.write("<div class='subMenu' id='white'>Outline of the Company</div></a></div>"); }
else { document.write("Outline of the Company</a></div>"); }
document.write("</td></tr>");
document.write("<tr><td valign='top' style='width:140px; height:25px;'><div class='subMenu' id='header'>");
document.write("<a href='network.html' onMouseOver = chg_img('img16',9); onMouseOut = chg_img('img16',8);>");
if(posiinfo == 6){ document.write("<div class='subMenu' id='white'>World Network</div></a></div>"); }
else { document.write("World Network</a></div>"); }
document.write("</td></tr>");
document.write("<tr><td valign='top' style='width:140px; height:25px;'><div class='subMenu' id='header'>");
document.write("<a href='history.html' onMouseOver = chg_img('img17',9); onMouseOut = chg_img('img17',8);>");
if(posiinfo == 7){ document.write("<div class='subMenu' id='white'>History</div></a></div>"); }
else { document.write("History</a></div>"); }
document.write("</td></tr>");
document.write("</table></div></div>");

//	<!-- WHITE TEXT -->
document.write("<div style='position:absolute; left:1px; top:15px; z-index:3;'>");
document.write("<div style='position:absolute; width:140px; height:175px;'>");
document.write("<table width='140' height='175' border='0' cellpadding='0' cellspacing='0'>");
document.write("<tr><td valign='top' style='height:25px;'>");
if(posiinfo == 1){ document.write("<div class='subMenu2' id='gray'>Company Philosophy</div>"); }
else { document.write("<div class='subMenu2'>Company Philosophy</div>"); }
document.write("</td></tr><tr><td valign='top' style='height:25px;'>");
if(posiinfo == 2){ document.write("<div class='subMenu2' id='gray'>Business Field</div>"); }
else { document.write("<div class='subMenu2'>Business Field</div>"); }
document.write("</td></tr><tr><td valign='top' style='height:25px;'>");
if(posiinfo == 3){ document.write("<div class='subMenu2' id='gray'>Quality Management</div>"); }
else { document.write("<div class='subMenu2'>Quality Management</div>"); }
document.write("</td></tr><tr><td valign='top' style='height:25px;'>");
if(posiinfo == 4){ document.write("<div class='subMenu2' id='gray'>Environmental Preservation</div>"); }
else { document.write("<div class='subMenu2'>EnvironmentalPreservation</div>"); }
document.write("</td></tr><tr><td valign='top' style='height:25px;'>");
if(posiinfo == 5){ document.write("<div class='subMenu2' id='gray'>Outline of the Company</div>"); }
else { document.write("<div class='subMenu2'>Outline of the Company</div>"); }
document.write("</td></tr><tr><td valign='top' style='height:25px;'>");
if(posiinfo == 6){ document.write("<div class='subMenu2' id='gray'>World Network</div>"); }
else { document.write("<div class='subMenu2'>World Network</div>"); }
document.write("</td></tr><tr><td valign='top' style='height:25px;'>");
if(posiinfo == 7){ document.write("<div class='subMenu2' id='gray'>History</div>"); }
else { document.write("<div class='subMenu2'>History</div>"); }
document.write("</td></tr></table></div></div>");


document.write("<div style='position:absolute; left:0px; top:14px; z-index:2;'> ");
document.write("<table border='0' cellpadding='0' cellspacing='0'>");
document.write("<tr><td height='25' valign='top'>");
if(posiinfo == 1){
	document.write("<div style='position:absolute; width:140px; height:20px;'>");
	document.write("<div style='position:absolute; left:0px; top:0px; z-index:2;'>");
	document.write("<img src='../cmnimg/btn01_f3.gif' width='140' height='20' border='0' alt=''></div>");
	document.write("<img name='img11' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''></div>");
	} else {
	document.write("<img name='img11' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''>");
}
document.write("</td></tr><tr><td height='25' valign='top'>");
if(posiinfo == 2){
	document.write("<div style='position:absolute; width:140px; height:20px;'>");
	document.write("<div style='position:absolute; left:0px; top:0px; z-index:2;'>");
	document.write("<img src='../cmnimg/btn01_f3.gif' width='140' height='20' border='0' alt=''></div>");
	document.write("<img name='img12' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''></div>");
	} else {
	document.write("<img name='img12' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''>");
}
document.write("</td></tr><tr><td height='25' valign='top'>");
if(posiinfo == 3){
	document.write("<div style='position:absolute; width:140px; height:20px;'>");
	document.write("<div style='position:absolute; left:0px; top:0px; z-index:2;'>");
	document.write("<img src='../cmnimg/btn01_f3.gif' width='140' height='20' border='0' alt=''></div>");
	document.write("<img name='img13' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''></div>");
	} else {
	document.write("<img name='img13' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''>");
}
document.write("</td></tr><tr><td height='25' valign='top'>");
if(posiinfo == 4){
	document.write("<div style='position:absolute; width:140px; height:20px;'>");
	document.write("<div style='position:absolute; left:0px; top:0px; z-index:2;'>");
	document.write("<img src='../cmnimg/btn01_f3.gif' width='140' height='20' border='0' alt=''></div>");
	document.write("<img name='img14' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''></div>");
	} else {
	document.write("<img name='img14' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''>");
}
document.write("</td></tr><tr><td height='25' valign='top'>");
if(posiinfo == 5){
	document.write("<div style='position:absolute; width:140px; height:20px;'>");
	document.write("<div style='position:absolute; left:0px; top:0px; z-index:2;'>");
	document.write("<img src='../cmnimg/btn01_f3.gif' width='140' height='20' border='0' alt=''></div>");
	document.write("<img name='img15' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''></div>");
	} else {
	document.write("<img name='img15' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''>");
}
document.write("</td></tr><tr><td height='25' valign='top'>");
if(posiinfo == 6){
	document.write("<div style='position:absolute; width:140px; height:20px;'>");
	document.write("<div style='position:absolute; left:0px; top:0px; z-index:2;'>");
	document.write("<img src='../cmnimg/btn01_f3.gif' width='140' height='20' border='0' alt=''></div>");
	document.write("<img name='img16' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''></div>");
	} else {
	document.write("<img name='img16' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''>");
}
document.write("</td></tr><tr><td height='25' valign='top'>");
if(posiinfo == 7){
	document.write("<div style='position:absolute; width:140px; height:20px;'>");
	document.write("<div style='position:absolute; left:0px; top:0px; z-index:2;'>");
	document.write("<img src='../cmnimg/btn01_f3.gif' width='140' height='20' border='0' alt=''></div>");
	document.write("<img name='img17' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''></div>");
	} else {
	document.write("<img name='img17' src='../cmnimg/btn01.gif' width='140' height='20' border='0' alt=''>");
}
document.write("</td></tr></table></div></div>");

}