window.onload=ugoku;

var b1=700;//画像１のスタート地点　right 0pxから　３枚分　左

var b2=550;//画像２のスタート地点　right 0pxから　２枚分　左

var b3=400;//画像３のスタート地点　right 0pxから　１枚分　左

var b4=250;//画像４のスタート地点　right 0px

var b5=100;//画像５のスタート地点　right 0pxから　１枚分　右へマイナス

var b6=-50;//画像６のスタート地点　right 0pxから　２枚分　右へマイナス

var b7=-200;//画像７のスタート地点　right 0pxから　３枚分　右へマイナス

function ugoku(){

var dgiz=document.getElementById("banner_scroll");

dgiz.style.width="850px";//全体のサイズ　画像２枚分
dgiz.style.height="40px";
//dgiz.style.border="1px solid silver";
dgiz.style.position="relative";
dgiz.style.top="0px";
dgiz.style.left="0px";
dgiz.style.overflow="hidden";


var dgig1=document.getElementById("banner01").style;
var dgig2=document.getElementById("banner02").style;
var dgig3=document.getElementById("banner03").style;
var dgig4=document.getElementById("banner04").style;
var dgig5=document.getElementById("banner05").style;
var dgig6=document.getElementById("banner06").style;
var dgig7=document.getElementById("banner07").style;

dgig1.position="absolute";
dgig1.top="0px";

dgig2.position="absolute";
dgig2.top="0px";

dgig3.position="absolute";
dgig3.top="0px";

dgig4.position="absolute";
dgig4.top="0px";

dgig5.position="absolute";
dgig5.top="0px";

dgig6.position="absolute";
dgig6.top="0px";

dgig7.position="absolute";
dgig7.top="0px";

if
(b1<850){b1++;
dgig1.right=b1+"px";}//全体の（左側）外まで移動した後

else
b1=-200;//右側の外へ移動　right　0px　からマイナス１枚分の距離

if
(b2<850){b2++;
dgig2.right=b2+"px";}

else
b2=-200;

if
(b3<850){b3++;
dgig3.right=b3+"px";}

else
b3=-200;

if
(b4<850){b4++;
dgig4.right=b4+"px";}

else
b4=-200;

if
(b5<850){b5++;
dgig5.right=b5+"px";}

else
b5=-200;

if
(b6<850){b6++;
dgig6.right=b6+"px";}

else
b6=-200;

if
(b7<850){b7++;
dgig7.right=b7+"px";}

else
b7=-200;

setTimeout("ugoku()",40);

}

function tomaru(){

clearTimeout("ugoku()");

}