<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">


<head>


<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />


<title>熊谷かおり　マイミュージカルカンパニー2012</title>


</head>


<body><a href="http://www.mmcompany.org/new/" >

<img src="2012.jpg"border="0" id="backgroundID" style="position:absolute;top:0px;left:0px;z-index:0;" onload="setSize()"></a>

<div style="position:absolute;top:0px;left:0px;z-index:1;">

<script type="text/javascript">

var imgObj = document.getElementById('backgroundID');

var imgSize = {w:0, h:0}

window.onresize = setImg;

window.onscroll = function() {

var t, l;

if (document.documentElement.scrollTop) {

t = document.documentElement.scrollTop;

l = document.documentElement.scrollLeft;

} else if (document.body.scrollTop) {

t = document.body.scrollTop;

l = document.body.scrollLeft;

} else {

return;

}

imgObj.style.top = t + 'px';

imgObj.style.left = l + 'px';

}

function setSize() {

imgSize.w = imgObj.width;

imgSize.h = imgObj.height;

}

function setImg() {

var wh, pW, pH, c;


wh = getWindowSize();


pW = wh.w / imgSize.w;

pH = wh.h / imgSize.h;

if (pW > 0 || pH > 0) {

c = (pW > pH) ? pW : pH;

imgObj.style.width = parseInt(imgSize.w * c + 1) + 'px';

imgObj.style.height = parseInt(imgSize.h * c + 1) + 'px';

} else {

imgObj.style.width = imgSize.w + 'px';

imgObj.style.height = imgSize.h + 'px';

}

}

function getWindowSize() {

var wh = {w:0, h:0};

if (document.body.clientWidth) {

wh.w = document.body.clientWidth

wh.h = document.body.clientHeight;

} else if(document.documentElement.clientWidth) {

wh.w = document.documentElement.clientWidth;

wh.h = document.documentElement.clientHeight;

} else if(window.innerWidth) {

wh.w = window.innerWidth;

wh.h = window.innerHeight;

}

return wh;

}

</script>

</div>

</body>�