{literal}
<style type="text/css">
<!--

#headerArea,#footerArea,#sidebarArea {
	border: 2px dotted #F60;
	position: relative;
}

/*ヘッダー編集*/
.bBtnEditHeader {
	position: absolute;
	left: 0;
	width: 135px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	border: none;
	background: url(../common-img/btn_edit.png) no-repeat;
	z-index: 10;
}
/*フッター編集*/
.bBtnEditFooter {
	position: absolute;
	left: 0;
	width: 135px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	border: none;
	background: url(../common-img/btn_edit.png) no-repeat;
	z-index: 10;
}
/*サイドバー編集*/
.bBtnEditSidebar {
	position: absolute;
	left: 0;
	width: 135px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	border: none;
	background: url(../common-img/btn_edit.png) no-repeat;
	z-index: 10;
}
p.middle_red_st {
	position: absolute;
	top: 0;
	left: 125px;
	margin: 0;
	width: 270px;
	height: 18px;
	line-height: 18px;
	font-size: 75%;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	background: #F60;
	z-index: 10;
}

-->
</style>
{/literal}

<script type="text/javascript">
{literal}
window.onload = dispbox;
//window.onresize = dispbox;
function dispbox() {
	if($("headerArea")) {
		$("headerArea").innerHTML ='<div id="heditbotton" style="position:absolute;z-index:10;"><input id="BTNheader" class="bBtnEditHeader" name="BTNheader" value="ヘッダー編集" type="button" onclick="return parent.showBox(\'\', \'../../admin/template/header.php?tpl_code={/literal}{$tpl_code}{literal}\', 840, 500)"/><p class="middle_red_st">※サンプルデータはテンプレート編集中時のみ表示されます。</p></div>'+$("headerArea").innerHTML;
		//Position.clone($("headerArea"),$("heditbotton"));
	}
	
	if($("footerArea")) {
		//Position.clone($("footerArea"),"feditbotton");
		$("footerArea").innerHTML = '<div id="feditbotton"><input id="BTNfooter" class="bBtnEditFooter" name="BTNfooter" value="フッター編集" type="button" onclick="return parent.showBox(\'\', \'../../admin/template/footer.php?tpl_code={/literal}{$tpl_code}{literal}\', 840, 500)"/><p class="middle_red_st">※サンプルデータはテンプレート編集中時のみ表示されます。</p></div>'+$("footerArea").innerHTML;
	}
	if($("sidebarArea")) {
		//Position.clone($("sidebarArea"),"sideeditbotton");
		var js = '<div id="sideeditbotton" style="z-index:10;"><input id="BTNsidebar" class="bBtnEditSidebar" name="BTNsidebar" value="サイドバー編集" type="button" onclick="top.location.href=\'../../admin/template/sidelayout.php?tpl_code={/literal}{$tpl_code}{literal}\'"/></div>';
		{/literal}{if $SIDEBARAREA}
		$("sidebarArea").innerHTML = js+$("sidebarArea").innerHTML;
		{/if}{literal}
	}
}

{/literal}
</script>