yproAPI.set({
	"hotels":"14000009",
	"display":"Category",
	"select":"1,2,3,4",
	"num":5
});

yproAPI.onload(function () {
	//========================================================
	// ランキングの表示
	var div = document.getElementById('rank_box');
	var ranking_data = yproObject.plan['4'];
	var charv = "";
	var nCount = 1;
	nRankCnt = 1;
	var tmpHtml = '';
	for(nCnt=0; nCnt<ranking_data.length; nCnt++) {
		if(nRankCnt <= 3) {
			var sPlanName = yproAPI.getPlanName(ranking_data[nCnt]);
			if( sPlanName.length > 35 ){
				sPlanName = sPlanName.substring( 0, 35 ) + '<a href="' + yproAPI.getUrl(ranking_data[nCnt]) + '">' + '...</a>';
			}

			tmpHtml += '<div class="ranking_wrp">';
			tmpHtml += '<div class="wrp_img">';
			tmpHtml += '<a id="a_' + charv + '0' + nCount + '" href="' + yproAPI.getUrl(ranking_data[nCnt]) + '">' + yproAPI.getImage(ranking_data[nCnt],{"width":"51","height":"51"}) + '</a></div>';
			tmpHtml += '<div class="txt_cnt">';
			tmpHtml += '<h4 id="st_best' + nRankCnt + '">人気NO.' + nRankCnt + '</h4>';
			tmpHtml += '<a href="' + yproAPI.getUrl(ranking_data[nCnt]) + '"><p>' + sPlanName + '</p>';
			tmpHtml += '</a></div>';
			tmpHtml += '</div>';
			nRankCnt = nRankCnt + 1;
		}
	}
	div.innerHTML += tmpHtml;
	//========================================================
});