// JavaScript Document   <SCRIPT type="text/javascript">

      //ブラウザ情報の取得
      dom = document.getElementById; //W3C DOM をサポートする場合
      opera = navigator.userAgent.indexOf("Opera")>-1; //Opera
      ie4 = document.all && !dom && !opera; //Internet Explorer 4.x
      ie5 = document.all && dom && !opera; //Internet Explorer 5.x 以上
      ie = ie4 || ie5; //Internet Explorer 4.x 以上
      netscape = navigator.appName.indexOf("Netscape",0)>-1; //Netscape
      nn4 = document.layLers && netscape; //Netscape 4.x
      nn6 = dom && netscape; //Netscape 6.x 以上
  
 
 
 //レイヤー名の定義
      if(ie4) {
		 //　　　　　　　完成品のイメージと材料明細
	 	L1 = document.all["layL1"];
		L2 = document.all["layL2"];	
		L3 = document.all["layL3"];
		L4 = document.all["layL4"];

	 	M1 = document.all["layM1"];
		M2 = document.all["layM2"];	
		M3 = document.all["layM3"];
		
	 	Q1 = document.all["layQ1"];
		Q2 = document.all["layQ2"];	
		Q3 = document.all["layQ3"];
		
		
      }
      if(dom) {   

	  L1 = document.getElementById("layL1");
	  L2 = document.getElementById("layL2");	  
	  L3 = document.getElementById("layL3");
	  L4 = document.getElementById("layL4");
	  L5 = document.getElementById("layL5");
	  Q1 = document.getElementById("layQ1");
	  Q2 = document.getElementById("layQ2");	  
	  Q3 = document.getElementById("layQ3");	 
	  M1 = document.getElementById("layM1");
	  M2 = document.getElementById("layM2");	  
	  M3 = document.getElementById("layM3");      }
	  
	  
      if(nn4) {

	  L1 = document.layLers["layL1"];
	  L2 = document.layLers["layL2"];
	  L3 = document.layLers["layL3"];
	  L4 = document.layLers["layL4"];
	  L5 = document.layLers["layL5"];
	  Q1 = document.layQers["layQ1"];
	  Q2 = document.layQers["layQ2"];
	  Q3 = document.layQers["layQ3"];	
	  M1 = document.layMers["layM1"];
	  M2 = document.layMers["layM2"];
	  M3 = document.layMers["layM3"];	  
	  
	  
	  
	  }
 

      if(nn4) {
		  
		L1.background.src = "gazo/L1.jpg"; L1.reseizeTo(320,320);
		L2.background.src = "gazo/L2.jpg"; L2.reseizeTo(320,320);
		L3.background.src = "gazo/L3.jpg"; L3.resizeTo(320,320);	
		L4.background.src = "gazo/L4.jpg"; L4.resizeTo(320,320);
		L5.background.src = "gazo/L5.jpg"; L5.resizeTo(320,320);	
		
		Q1.background.src = "gazo/Q1.jpg"; Q1.reseizeTo(320,320);
		Q2.background.src = "gazo/Q2.jpg"; Q2.reseizeTo(320,320);
		Q3.background.src = "gazo/Q3.jpg"; Q3.resizeTo(320,320);	
		
		M1.background.src = "gazo/M1.jpg"; M1.reseizeTo(320,320);
		M2.background.src = "gazo/M2.jpg"; M2.reseizeTo(320,320);
		M3.background.src = "gazo/M3.jpg"; M3.resizeTo(320,320);			
      
	  }
      else if(nn6) {		  
		L1.style.backgroundImage = "url(gazo/L1.jpg)";
		L2.style.backgroundImage = "url(gazo/L2.jpg)";
		L3.style.backgroundImage = "url(gazo/L3.jpg)"; 
		L4.style.backgroundImage = "url(gazo/L4.jpg)"; 
		L5.style.backgroundImage = "url(gazo/L5.jpg)";
		
		Q1.style.backgroundImage = "url(gazo/Q1.jpg)";
		Q2.style.backgroundImage = "url(gazo/Q2.jpg)";
		Q3.style.backgroundImage = "url(gazo/Q3.jpg)"; 
		
		M1.style.backgroundImage = "url(gazo/M1.jpg)";
		M2.style.backgroundImage = "url(gazo/M2.jpg)";
		M3.style.backgroundImage = "url(gazo/M3.jpg)"; 
		
		
      }
      else if(ie || opera) {
     
	 	L1.style.backgroundImage = "url(gazo/L1.jpg)";
		L2.style.backgroundImage = "url(gazo/L2.jpg)";		    
		L3.style.backgroundImage = "url(gazo/L3.jpg)";
		L4.style.backgroundImage = "url(gazo/L4.jpg)";
		//L5.style.backgroundImage = "url(gazo/L5.jpg)";
		
	 	Q1.style.backgroundImage = "url(gazo/Q1.jpg)";
		Q2.style.backgroundImage = "url(gazo/Q2.jpg)";		    
		Q3.style.backgroundImage = "url(gazo/Q3.jpg)";	
		
		
	 	M1.style.backgroundImage = "url(gazo/M1.jpg)";
		M2.style.backgroundImage = "url(gazo/M2.jpg)";		    
		M3.style.backgroundImage = "url(gazo/M3.jpg)";
		
	  }