function Hyoji(start_num){
	var start_num = new Number(start_num);

	var Data = document.getElementById('listed').innerHTML;

	if(Data.match("dl")){
		var str_i = "dl";
		var str = new RegExp(str_i,"g");
		Data = Data.replace(str,"DL");
	}

	var Data_Tag = new Array;
	    Data_Tag = Data.split("</DL>");

	var total = Data_Tag.length-1;

	var Hyoji_Data = "";
	var end_num = start_num + 10;

	for(i=start_num; i<end_num; i++){
		if(i < total){
			Hyoji_Data += Data_Tag[i] + "</DL>";
		}
		else{
			Hyoji_Data += "<DL><DT><DD>@</DD></DT></DL>";
		}
	}

	document.getElementById('list').innerHTML = Hyoji_Data;
}

function Change(){
	document.getElementById('listed').style.display = "none";
	document.getElementById('list').style.display   = "block";
}

function Put_Button(){
	var Data = document.getElementById('listed').innerHTML;

	if(Data.match("dl")){
		var str_i = "dl";
		var str = new RegExp(str_i,"g");
		Data = Data.replace(str,"DL");
	}

	var Data_Tag = new Array;
	    Data_Tag = Data.split("</DL>");

	var total = Data_Tag.length-1;

	var Con_Data = "";
	for(var i=0,j=1; i<total; i+=10,j++){
		Con_Data += "<input type='button' value='" + j + "y[W' onClick='return Hyoji(" + i + ")' />\n";
		if(j % 10 == 0){
			Con_Data += "<BR />\n";
		}
	}
	
	document.getElementById('put_button').innerHTML = Con_Data;
}

