myID       = "syohin_lay";  // DIVタグで付けたID
  myX        = 220; // カーソル先端から少しずらす(X座標)
  myY        = 27;  // カーソル先端から少しずらす(Y座標)
  mx         = 0;   //マウスのX座標
  my         = 0;   //マウスのY座標
  global_idx = 0;   //商品画像のインデックス
  var timer  = setTimeout("",1);

window.document.onmousemove = getMouseXY;

function getMouseXY(evt)
{
  // x,yとpageX,Y
//if (window.createPopup){
  if (document.all){
    if(document.compatMode=='CSS1Compat' ){
      mx = document.documentElement.scrollLeft+event.clientX;
      //mx = event.x + document.documentElement.scrollLeft;
      my = document.documentElement.scrollTop+event.clientY;
      //my = event.y + document.documentElement.scrollTop;
      //window.status = mx + "," + my + "," + event.clientY + "," + document.documentElement.clientWidth/2;
    }else{
      mx = document.body.scrollLeft+event.clientX;
      //mx = event.x + document.body.scrollLeft;
      my = document.body.scrollTopt+event.clientY;
      //my = event.y + document.body.scrollTop;
    }
  }else{
    mx = evt.pageX;
    my = evt.pageY;
  }

}

/*
var canvas = document[ 'CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];

//--マウスX座標get 
function getMouseXY(evt)
{
	if(document.all){               //e4,e5,e6用
		mx = canvas.scrollLeft+event.clientX;
		my = canvas.scrollLeft+event.clientY;
	}else if(document.getElementById){    //n6,n7,m1,o7,s1用
		mx = evt.pageX;
		my = evt.pageY;
  }
}

*/
function menuExpand(div,li){
  if(window.document.getElementById(div).style.display == 'none'){
    window.document.getElementById(div).style.display='block';
  }else{
    window.document.getElementById(div).style.display='none';
  }

  if(window.document.getElementById(li).className=='close'){
    window.document.getElementById(li).className='open';
  }else{
    window.document.getElementById(li).className='close';
  }
}

//エレメントの座標を取得
function getElementPosition(eremID){
    var offsetTrail = window.document.getElementById(eremID);
    var offsetLeft = 0;
    var offsetTop = 0;

    while(offsetTrail){
        offsetLeft += offsetTrail.offsetLeft;
        offsetTop += offsetTrail.offsetTop;
        //offsetTop += offsetTrail.scrollTop;
        offsetTrail = offsetTrail.offsetParent;
    }
    if(navigator.userAgent.indexOf("Mac") != -1 &&
    typeof window.document.body.leftMargin != "undefined"){
        offsetLeft += window.document.body.leftMargin;
        offsetTop += window.document.body.topMargin;
    }

    return{ left:offsetLeft , top:offsetTop }
}

function detail(id){
  location.href='../product/'+ id +'.html';
}

function pgsub(i){
  document.pg_frm.pidx.value=i;
  document.pg_frm.submit();
}

function GetLayer(idx,tevent){            // ブラウザを判断する
  lay = myID+idx;
  box = "syohin_box"+idx;
  
  var myEvent = tevent ? tevent : window.event;

  myOP = (navigator.userAgent.indexOf("Opera",0) != -1)?1:0; //OP
  myN6 = document.getElementById;  // N6 or IE
  myIE = document.all;             // IE
  myN4 = document.layers;          // N4

  if (myOP){                          // OP?
    myObj=document.getElementById(lay).style;
    //マウスカーソルが画面の上半分にあるか下半分にあるか
    nHeight = window.innerHeight;
    if( nHeight/2 <  myEvent.clientY ){
      myY = -339;
    }
    myObj.left = myX + "px";
    myObj.top = getElementPosition(box).top + myY +"px";
  }else if (myIE){                    // IE?
    myObj=document.all[lay].style;
    //マウスカーソルが画面の上半分にあるか下半分にあるか
    if(navigator.userAgent.indexOf("Mac") != -1){
      nHeight = document.body.clientHeight;
    }else{
      nHeight = document.documentElement.clientHeight;
    }
    if( nHeight/2 < event.clientY ){
    //if( nHeight/2 < getElementPosition(box).top ){
      myY = -339;
    }
    myObj.left = myX + "px";
    myObj.top = getElementPosition(box).top + myY + "px";
  }else if (myN6){                    // N6?
    myObj=window.document.getElementById(lay).style;
    //マウスカーソルが画面の上半分にあるか下半分にあるか
    if(navigator.userAgent.indexOf("Firefox") != -1){
      nHeight = document.documentElement.clientHeight;
      if( nHeight/2 < myEvent.clientY ){
        myY = -339;
      }
    }else{
      nHeight = window.innerHeight;
      if( nHeight/2 < myEvent.clientY - document.body.scrollTop){
        myY = -339;
      }
    }

    myObj.left = myX + "px";
    myObj.top = getElementPosition(box).top + myY + "px";

//alert(myObj.top);

  }else if (myN4){                    // N4?
    myObj=document[lay];
    //マウスカーソルが画面の上半分にあるか下半分にあるか
    //nHeight = window.innerHeight;
    nHeight = document.documentElement.clientHeight;
    if( nHeight/2 < myEvent.clientY ){
      myY = -339;
    }
    myObj.left = myX + "px";
    myObj.top = getElementPosition(box).top + myY + "px";
  }
    //myX = 220;
    myY = 27;
}

function hide_layer(idx){
  layer_disp_flg = 0;

  lay = myID+idx;
  box = "syohin_box"+idx;

  if(document.all){
    //IEの場合
    if( layer_disp_flg ){
      document.all[lay].style.visibility="hidden";
    }
    document.all[box].style.backgroundColor="#FFFFFF";
  }else if (document.getElementById){                    // N6?
    //NN6の場合
    //myObj=window.document.getElementById(lay).style.visibility="hidden";
    if( layer_disp_flg ){
      window.document.getElementById(lay).style.visibility="hidden";
    }
    window.document.getElementById(box).style.backgroundColor="#ffffff";
  }else if (document.layers){                    // N4?
    //NN4の場合
    if( layer_disp_flg ){
      myObj=window.document[lay].visibility="hide";
    }
    document[box].backgroundColor="#ffffff";
  }

}

function view_layer(idx,tevent){
  layer_disp_flg = 0;

  if( layer_disp_flg ){
    clearTimeout(timer);
    if(idx != global_idx && global_idx > 0){
      hide_layer(global_idx);
    }

    GetLayer(idx,tevent);
    lay = myID+idx;
    global_idx = idx;
  }
  box = "syohin_box"+idx;

  if(document.all){
    //IEの場合
    if( layer_disp_flg ){
      document.all[lay].style.visibility="visible";
    }
    document.all[box].style.backgroundColor="#eeeeee";
  }else if (document.getElementById){                    // N6?
    //NN6の場合
    //myObj=document.getElementById(lay).style.visibility="visible";
    if( layer_disp_flg ){
      window.document.getElementById(lay).style.visibility="visible";
    }
    window.document.getElementById(box).style.backgroundColor="#eeeeee";
  }else if (document.layers){                    // N4?
    //NN4の場合
    if( layer_disp_flg ){
      myObj=document[lay].visibility="Show";
    }
    document[box].backgroundcolor="#eeeeee";
  }
}


function hideLayerCountDown(idx){
  layer_disp_flg = 0;

  if( layer_disp_flg ){
   global_idx = idx;
   timer = setTimeout("hide_layer('"+idx+"')",100);
  }else{
    hide_layer(idx);
  }
}

function goods_search( ct1, ct2, ct3, br ){
  if( ct1=='' ) ct1='';
  if( ct2=='' ) ct2='';
  if( ct3=='' ) ct3='';
  if( br =='' ) br ='';

  document.search_frm.elements['cate1'].value = ct1;
  document.search_frm.elements['cate2'].value = ct2;
  document.search_frm.elements['cate3'].value = ct3;
  document.search_frm.elements['brand'].value = br;

  document.search_frm.submit();
}