function onLoad (){
	// 画面表示切替
	document.getElementById( 'result' ).innerHTML = 'loading...<br><font color="#FF0000">しばらくしても表示されない場合、ページを更新して再読み込みしてください。</font><br><br>';

	// API リクエストURL 生成
	var middleClassCode = document.getElementById( 'middleClassCode' ).value;

	var url = 'http://api.rakuten.co.jp/rws/3.0/json'
		+ '?operation=KeywordHotelSearch&version=2009-10-20&callBack=my_callback&'
		+ 'developerId=95fdcbedd1a3aaa319e131fa6ac4ef62&affiliateId=08f5e1a8.04d3456d.08f5e1a9.40b940fc&keyword=%E3%83%9A%E3%83%83%E3%83%88+%E5%90%8C%E4%BC%B4&squeezeCondition=prm&searchField=0&'		
		+ 'middleClassCode=' + shoki_ken

	// リクエスト実施
	var script     = document.createElement( 'script' );
	script.type    = 'text/javascript';
	script.charset = 'utf-8';
	script.src     = url;
	document.getElementsByTagName("head")[0].appendChild( script );
	// 成功すると下の my_callback() が実行される
}

function my_callback (json){
	// root node 省略
	var tree = json.Body.KeywordHotelSearch;
	var tree2 = json.Header;

	// エラーハンドリング
	var tgt = document.getElementById( 'result' );
	if( tree2.StatusMsg ){
		tgt.innerHTML = '<p class="error" class="fs_10">'
			+ '周辺に宿泊施設はありませんでした。</p><br><br>';
		return;
	}else if( tree.recordCount == 0 ){
		tgt.innerHTML = '<p class="error" class="fs_10">'
			+ '周辺に宿泊施設はありませんでした。</p><br><br>';
		return;
	}

	// 結果を表示
	var html = '';
	for (var i=0; i<tree.hotel.length; i++){
		var itm = tree.hotel[ i ];
		var photo = itm.hotelBasicInfo.hotelImageUrl ;
		var text = itm.hotelBasicInfo.hotelName ;
		var MinCharge = itm.hotelBasicInfo.hotelMinCharge ;
		html += '<div id="hotellist_box"><div id="hotellist_box2"><table width="130" border="0"><tr><td><a href="' + itm.hotelBasicInfo.hotelInformationUrl + '" target="_blank"><img src="' + photo + '" width="120" height="90" border="0"></a><br>' + itm.hotelBasicInfo.address1 + '　<font color="#FF0000">' + MinCharge + '円〜</font><br><a href="' + itm.hotelBasicInfo.hotelInformationUrl
			+ '" target="_blank">' + text + '...</a></td></tr></table></div></div>';
	}
	tgt.innerHTML = html;
}