Index: temp/trunk/html/js/layout_design.js
===================================================================
--- temp/trunk/html/js/layout_design.js	(revision 4416)
+++ temp/trunk/html/js/layout_design.js	(revision 4416)
@@ -0,0 +1,683 @@
+// ¥µ¥¤¥º´ÉÍý¥¯¥é¥¹¤ÎÄêµÁ
+function SC_Size() {
+	this.id = '';				// ID
+	this.left = 0;				// ÇÛÃÖ¤¹¤ëY¼´ºÂɸ
+	this.top = 0;				// ÇÛÃÖ¤¹¤ëX¼´ºÂɸ
+	this.width = 0;				// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÉý
+	this.height = 0;			// ¥ª¥Ö¥¸¥§¥¯¥È¤Î¹â¤µ
+	this.target_id = '';		// ÇÛÃÖ¾ì½ê¡Êº¸¥Ê¥Ó¤È¤«¡Ë
+	this.margin = 10;			// ¾å¤Î¥ª¥Ö¥¸¥§¥¯¥È¤È¤ÎÉý
+	this.obj;
+};
+
+// ÊÑ¿ôÀë¸À
+var defUnused = 500;	// ̤»ÈÍÑÎΰè¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
+var defNavi   = 400;	// º¸±¦¥Ê¥Ó¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
+var defMainNavi  = 100;	// ¥á¥¤¥ó¾å²¼¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
+var defMain   = 200;	// ¥á¥¤¥ó¤Î¥Ç¥Õ¥©¥ë¥È¤Î¹â¤µ
+
+var NowMaxHeight = 0;		// ¸½ºß¤ÎºÇÂç¤Î¹â¤µ
+var MainHeight = 200;
+
+var marginUnused 	= 688;	// ̤»ÈÍÑÎΰè¤Îº¸¥Þ¡¼¥¸¥ó
+var marginLeftNavi  = 180;	// º¸¥Ê¥Ó¤Îº¸¥Þ¡¼¥¸¥ó
+var marginRightNavi = 512;	// ±¦¥Ê¥Ó¤Îº¸¥Þ¡¼¥¸¥ó
+var marginMain		= 348;	// ¥á¥¤¥ó¾å²¼¤Îº¸¥Þ¡¼¥¸¥ó
+var marginMainFootTop= 595;	// ¥á¥¤¥ó²¼¤Î¾å¥Þ¡¼¥¸¥ó
+
+var gDragged = "";			// ¥É¥é¥Ã¥°Ã楪¥Ö¥¸¥§¥¯¥È
+var gDropTarget = "";		// ¥É¥é¥Ã¥°³«»Ï»þ¤ÎDropTarget
+
+var arrObj = new Object();	// ¥Ö¥í¥Ã¥¯¥ª¥Ö¥¸¥§¥¯¥È³ÊǼÍÑ
+
+var mouseFlg = false;
+
+var all_elms;				// div¥¿¥°¥ª¥Ö¥¸¥§¥¯¥È³ÊǼÍÑ
+
+// ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º
+var scrX;
+var scrY;
+
+// ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±¤ò¹Ô¤¦
+function addEvent( elm, evtType, fn, useCapture) {
+
+    if (elm.addEventListener) {
+        elm.addEventListener(evtType, fn, useCapture);
+        return true;
+
+    }
+    else if (elm.attachEvent) {
+
+        var r = elm.attachEvent('on' + evtType, fn);
+        return r;
+
+    }
+    else {
+        elm['on'+evtType] = fn;
+
+    }
+    
+}
+
+
+// ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±¤ò²ò½ü
+function removeEvent( elm, evtType, fn, useCapture) {
+
+    if (elm.removeEventListener) {
+
+        elm.removeEventListener(evtType, fn, useCapture);
+        return true;
+
+    }
+    else if (elm.detachEvent) {
+
+        var r = elm.detachEvent('on' + evtType, fn);
+        return r;
+
+    }
+    else {
+
+        elm['on'+evtType] = fn;
+
+    }
+   
+}
+
+// ¥Þ¥¦¥¹¥«¡¼¥½¥ë¤òÊѹ¹
+function setCursor ( elm, curtype ) {
+	elm.style.cursor = curtype;
+}
+
+// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÆ©ÌÀÅÙ¤òÊѹ¹   
+function setOpacity(node,val) {
+
+    if (node.filters) {
+		node.filters["alpha"].opacity = val*100;
+    } else if (node.style.opacity) {
+        node.style.opacity = val;
+    }
+}
+
+// Zindex¤òÊѹ¹¤¹¤ë¡ÊÁ°ÌÌɽ¼¨ÀÚÂØ¡Ë
+function setZindex(node, val) {
+	node.style.zIndex = val;
+//	alert(val);
+}
+
+// Ãͤò¼èÆÀ
+function getAttrValue ( elm, attrname ) {
+	//alert(elm.nodeValue);
+	
+	//alert(typeof(elm.attributes[ attrname ]));
+	
+	//alert(elm.attributes[ attrname ].nodeValue);
+	
+	if (typeof(elm.attributes[ attrname ]) != 'undefined') {
+	    return elm.attributes[ attrname ].nodeValue;
+	}
+	
+}
+
+// Ãͤò¥»¥Ã¥È
+function setAttrValue ( elm, attrname, val ) {
+    elm.attributes[ attrname ].nodeValue = val;
+}
+
+// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎXºÂɸ¤ò¼èÆÀ
+function getX ( elm ) {
+//   return parseInt(elm.style.left);
+	return parseInt(elm.offsetLeft);
+}
+
+// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎYºÂɸ¤ò¼èÆÀ
+function getY ( elm ) {
+	return parseInt(elm.offsetTop);
+//    return parseInt(elm.style.top);
+}
+
+// XºÂɸ¤ò¼èÆÀ
+function getEventX ( evt ) {
+    return evt.clientX ? evt.clientX : evt.pageX;
+}
+
+// YºÂɸ¤ò¼èÆÀ
+function getEventY ( evt ) {
+    return evt.clientY ? evt.clientY : evt.pageY;
+}
+
+// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎÉý¤ò¼èÆÀ
+function getWidth ( elm ) {
+    return parseInt( elm.style.width );
+}
+
+// ¥ª¥Ö¥¸¥§¥¯¥È¤Î¹â¤µ¤ò¼èÆÀ
+function getHeight ( elm ) {
+//    return parseInt( elm.style.height );
+    return parseInt( elm.offsetHeight );
+}
+
+// ¥Ú¡¼¥¸¤Î²Ä»ëÎΰè¤ÎXºÂɸ¤ò¼èÆÀ¤¹¤ë
+function getPageScrollX()
+{
+	var x = 0;
+
+	if (document.body && document.body.scrollLeft != null) {
+		x = document.body.scrollLeft;
+	} else if (document.documentElement && document.documentElement.scrollLeft != null) {
+		x = document.documentElement.scrollLeft;
+	} else if (window.scrollX != null) {
+		x = window.scrollX;
+	} else if (window.pageXOffset != null) {
+		x = window.pageXOffset;
+	}
+	
+	return x;
+}
+
+// ¥Ú¡¼¥¸¤Î²Ä»ëÎΰè¤ÎYºÂɸ¤ò¼èÆÀ¤¹¤ë
+function getPageScrollY()
+{
+	var y = 0;
+	
+	if (document.body && document.body.scrollTop != null) {
+		y = document.body.scrollTop;
+	} else if (document.documentElement && document.documentElement.scrollTop != null) {
+		y = document.documentElement.scrollTop;
+	} else if (window.scrollY != null) {
+		y = window.scrollY;
+	} else if (window.pageYOffset != null) {
+		y = window.pageYOffset;
+	}
+	
+	return y;
+}
+
+
+// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎºÂɸ¤ò¥»¥Ã¥È
+function moveElm ( elm, x, y ) {
+    elm.style.left = x + 'px';
+    elm.style.top = y + 'px';
+}
+
+// ¥Þ¥¦¥¹¥À¥¦¥ó¥¤¥Ù¥ó¥È
+function onMouseDown (evt) {
+
+    var target = evt.target ? evt.target : evt.srcElement;
+    var x = getEventX ( evt );
+    var y = getEventY ( evt );
+
+    //
+    // Save Information to Globals
+    //
+  	if (mouseFlg == false) {
+    
+	    gDragged = target;
+	
+	    gDeltaX = x - getX(gDragged);
+	    gDeltaY = y - getY(gDragged);
+	
+	    gDraggedId = getAttrValue ( gDragged, 'did' );
+	    setCursor ( gDragged, 'move' );
+	
+	    gOrgX = getX ( gDragged );
+	    gOrgY = getY ( gDragged );
+	    gtarget_id = getAttrValue ( gDragged, 'target_id' );
+	
+	    //
+	    // Set
+	    //
+	   
+	    // ¥É¥é¥Ã¥°Ãæ¤ÏȾƩÌÀ
+	    setOpacity ( gDragged, 0.6 );
+	
+	    // ¥É¥é¥Ã¥°Ãæ¤ÏºÇÁ°ÌÌɽ¼¨
+	    setZindex ( gDragged , 2);
+	    
+	    addEvent ( document, 'mousemove', onMouseMove, false );
+	    addEvent ( document, 'mouseup', onMouseUp, false );
+
+	    // ¥É¥é¥Ã¥°¤ò³«»Ï¤·¤¿¤È¤­¤Ï¹â¤µ¤ò°ìÅÙ½é´ü²½¤¹¤ë¡£
+	    NowMaxHeight = defNavi;
+	    	    
+	    mouseFlg = true;
+	}
+}
+
+
+// ¥Þ¥¦¥¹¥à¡¼¥Ö¥¤¥Ù¥ó¥È
+function onMouseMove(evt) {
+
+	// ¸½ºß¤ÎºÂɸ¤ò¼èÆÀ
+	var x = getEventX ( evt ) + document.body.scrollLeft;					// ¥Þ¥¦¥¹ºÂɸ X
+	var y = getEventY ( evt ) + document.body.scrollTop;					// ¥Þ¥¦¥¹ºÂɸ Y
+    var nowleft = getEventX ( evt ) - gDeltaX;	// ¥ª¥Ö¥¸¥§¥¯¥ÈºÂɸ LEFT
+    var nowtop = getEventY ( evt ) - gDeltaY;	// ¥ª¥Ö¥¸¥§¥¯¥ÈºÂɸ TOP
+
+    // ¥ª¥Ö¥¸¥§¥¯¥È¤ò°ÜÆ°
+    moveElm ( gDragged, nowleft, nowtop );
+	
+    for ( var i = 0; i < all_elms.length; i++ ) {
+    	// drop_target¾å¤Ë¤­¤¿¾ì¹ç¤Ë¤Î¤ß½èÍý¤ò¹Ô¤¦
+	    if ( isEventOnElm ( evt, all_elms[i].id ) ) {	    
+            if ( all_elms[i].attributes['tid'] ) {
+	            var tid = getAttrValue ( all_elms[i], 'tid' );
+	            
+	            // ÇØ·Ê¿§¤ÎÊѹ¹ ̤»ÈÍÑÎΰè¤ÏÊѹ¹¤·¤Ê¤¤
+	            all_elms[i].style.background="#ffffdd";
+	            
+				// target_id ¤Î½ñ¤­´¹¤¨
+		        setAttrValue ( gDragged, 'target_id', tid );
+
+				//objCheckLine.style.top = parseInt(nowtop) + parseInt(gDragged.style.height) / 2 + 'px';
+				//objCheckLine.style.top = y;
+
+				// ÇÛÎó¤ÎºÆºîÀ®
+				fnCreateArr(1, y, x);
+				// ÇÛÎó¤ÎʤÓÂؤ¨
+				fnChangeObj(tid);
+		    }
+		}else{
+			if ( all_elms[i].attributes['tid'] && all_elms[i].style.background!="#ffffff") {
+				// ÇØ·Ê¿§¤ÎÊѹ¹
+				all_elms[i].style.background="#ffffff";
+			}
+		}
+    }
+}
+
+// ¥Þ¥¦¥¹¥¢¥Ã¥×¥¤¥Ù¥ó¥È       
+function onMouseUp(evt) {
+	// ¥¤¥Ù¥ó¥È¤Î´ØÏ¢ÉÕ¤±²ò½ü
+	if (mouseFlg == true) {
+	    removeEvent ( document, 'mousemove', onMouseMove, false );
+	    removeEvent ( document, 'mouseup', onMouseUp, false );
+	    mouseFlg = false;
+	}
+
+    if ( !isOnDropTarget (evt) ) {
+		// ¸µ¤Î°ÌÃÖ¤ËÌ᤹
+        moveElm ( gDragged, gOrgX, gOrgY );
+        setAttrValue ( gDragged, 'target_id', gtarget_id );
+
+		// ÇÛÎó¤ÎºÆºîÀ®
+		fnCreateArr(1, gOrgY, gOrgX);
+    }
+    
+    // hiddenÍ×ÁǤνñ¤­´¹¤¨
+	var did = getAttrValue( gDragged, 'did' );
+	var target_id = "target_id_"+did;
+	document.form1[target_id].value = getAttrValue( gDragged, 'target_id' );
+	
+	// ȾƩÌÀ¡¢¥Þ¥¦¥¹¥Ý¥¤¥ó¥¿¡¢ºÇÁ°Ì̽èÍý¤òÌ᤹
+    setOpacity( gDragged, 1);
+    setCursor ( gDragged, 'move' );
+    setZindex ( gDragged , 1);
+    
+    // ʤÓÂؤ¨
+	fnSortObj();
+	
+	// ÇØ·Ê¿§¤òÌ᤹
+	for ( var i = 0; i < all_elms.length; i++ ) {
+    	// drop_target¾å¤Ë¤­¤¿¾ì¹ç¤Ë¤Î¤ß½èÍý¤ò¹Ô¤¦
+	    if ( isEventOnElm ( evt, all_elms[i].id ) && all_elms[i].attributes['tid']) {
+			// ÇØ·Ê¿§¤ÎÊѹ¹
+			all_elms[i].style.background="#ffffff";
+		}
+    }
+}
+
+// DropTarget¾å¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤¬Í褿¤«¤òȽÃǤ¹¤ë
+function isOnDropTarget ( evt ) {
+   
+    for ( var i=0; i<all_elms.length; i++ ) {
+        if ( isEventOnElm ( evt, all_elms[i].id ) ) {
+            if ( all_elms[i].attributes['tid'] ) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+function isEventOnElm (evt, drop_target_id) {
+
+	if (drop_target_id == '') {
+		return '';
+	}
+
+    var evtX = getEventX(evt) + getPageScrollX();
+    var evtY = getEventY(evt) + getPageScrollY();
+    
+    var drop_target = document.getElementById( drop_target_id );
+
+	drp_left = getX( drop_target );
+	drp_top = getY( drop_target );
+
+    var x = drp_left;
+    var y = drp_top;
+
+	var width = getWidth ( drop_target );
+	var height = getHeight ( drop_target );
+    
+//	alert(evtX +" / "+ x +" / "+ evtY +" / "+ y +" / "+ width +" / "+ height);
+
+    return evtX > x && evtY > y && evtX < x + width && evtY < y + height;
+}
+
+// ¥ª¥Ö¥¸¥§¥¯¥È¤ÎʤÓÂؤ¨¤ò¹Ô¤¦
+function fnSortObj(){
+	fnSetTargetHeight();
+    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
+
+		// class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
+        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
+        	var tid = getAttrValue ( all_elms[cnt], 'tid' );
+			
+			// ÇÛÎó¤ÎʤÓÂؤ¨
+			fnChangeObj(tid);
+			
+			// ÇÛÃÖ
+			fnSetObj( tid, cnt );
+        }
+	}
+}
+
+// ÇÛÎó¤ÎºîÀ®
+function fnCreateArr( addEvt , top , left ){
+
+	var arrObjtmp = new Object();
+	arrObjtmp['LeftNavi'] = Array();
+	arrObjtmp['RightNavi'] = Array();
+	arrObjtmp['MainHead'] = Array();
+	arrObjtmp['MainFoot'] = Array();
+	arrObjtmp['Unused'] = Array();
+
+	for ( var i = 0; i < all_elms.length; i++ ) {
+ 
+
+		// class¤¬ dragged_elm ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
+		if ( getAttrValue ( all_elms[i], 'class' ) == 'dragged_elm' ) {
+        
+			// ¥Þ¥¦¥¹¥À¥¦¥ó¥¤¥Ù¥ó¥È¤È´ØÏ¢ÉÕ¤±¤ò¹Ô¤¦
+			if (addEvt == 0) {
+	        	addEvent ( all_elms[i], 'mousedown', onMouseDown, false );
+			}
+
+			var target_id = getAttrValue ( all_elms[i], 'target_id' );	
+			var len = arrObjtmp[target_id].length;
+			var did = getAttrValue ( all_elms[i], 'did' );
+			
+			arrObjtmp[target_id][len] = new SC_Size();
+			arrObjtmp[target_id][len].id = did;
+			arrObjtmp[target_id][len].obj = all_elms[i];
+			arrObjtmp[target_id][len].width = getWidth( all_elms[i] );
+			arrObjtmp[target_id][len].height = getHeight( all_elms[i] );
+
+			// ¥É¥é¥Ã¥°Ãæ¤Î¥ª¥Ö¥¸¥§¥¯¥È¤¬Â¸ºß¤¹¤ì¤Ð¡¢¤½¤Î¥ª¥Ö¥¸¥§¥¯¥È¤À¤±¥Þ¥¦¥¹¥Ý¥¤¥ó¥¿¤ÎºÂɸ¤ò»ØÄꤹ¤ë¡£
+			if (gDragged != "") {
+				if (did != getAttrValue ( gDragged, 'did' )) {
+					// top ¤Ï¾ï¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤ÎÃæ¿´¤ò¼èÆÀ¤¹¤ë¤è¤¦¤Ë¤¹¤ë
+					arrObjtmp[target_id][len].top = (parseInt(getY( all_elms[i] )) + arrObjtmp[target_id][len].height / 2 );
+					arrObjtmp[target_id][len].left = getX( all_elms[i] );
+				}else {
+					arrObjtmp[target_id][len].top = top;
+					arrObjtmp[target_id][len].left = left;
+				}
+			} else {
+				// top ¤Ï¾ï¤Ë¥ª¥Ö¥¸¥§¥¯¥È¤ÎÃæ¿´¤ò¼èÆÀ¤¹¤ë¤è¤¦¤Ë¤¹¤ë
+				arrObjtmp[target_id][len].top = i;
+				arrObjtmp[target_id][len].left = getX( all_elms[i] );
+			}
+		}
+    }
+    
+    arrObj = arrObjtmp;
+}
+
+// ÇÛÎó¤ÎʤÓÂؤ¨ (¥Ð¥Ö¥ë¥½¡¼¥È¤ÇʤÓÂؤ¨¤ò¹Ô¤¦) 
+function fnChangeObj( tid ){
+	for ( var i = 0; i < arrObj[tid].length-1; i++ ) {
+    	for ( var j = arrObj[tid].length-1; j > i; j-- ) {
+			if ( arrObj[tid][j].top < arrObj[tid][i].top ) {
+				var arrTemp = new Array();
+				arrTemp = arrObj[tid][j];
+				arrObj[tid][j] = arrObj[tid][i];
+				arrObj[tid][i] = arrTemp;
+			}
+		}
+	}
+}
+
+// ÇÛÃÖ
+function fnSetObj( tid, cnt ){
+	var target_height = 0;
+	
+	drp_left = getX(all_elms[cnt]); //all_elms[cnt].offsetLeft;
+	drp_top = getY(all_elms[cnt]); //all_elms[cnt].offsetTop;
+
+	for ( var j = 0; j < arrObj[tid].length; j++ ) {
+		// ÇÛÃÖ¤¹¤ëºÂɸ¤Î¼èÆÀ
+	    var left = parseInt(drp_left) + parseInt(all_elms[cnt].style.width) / 2 - parseInt(arrObj[tid][j].width) / 2;
+	    if (j == 0){
+	    	var top = drp_top + arrObj[tid][j].margin;
+	    }else{
+	    	var top = arrObj[tid][j-1].top + arrObj[tid][j].margin + arrObj[tid][j-1].height
+	    }
+
+		// ºÂɸ¤òÊÝ»ý
+		arrObj[tid][j].top = top;
+		arrObj[tid][j].left = left;
+
+		// ÇÛÃÖ¤ò¹Ô¤¦
+		moveElm ( arrObj[tid][j].obj, left ,top);
+
+		// ¹â¤µ·×»»
+		target_height = target_height + arrObj[tid][j].margin + arrObj[tid][j].height;
+
+		// hidden¤ÎÃͤò½ñ¤­´¹¤¨
+		var top_id = "top_" + arrObj[tid][j].id;
+		document.form1[top_id].value = top;
+
+	}
+}
+
+// ¥É¥í¥Ã¥×¥¿¡¼¥²¥Ã¥È¤Î¹â¤µÄ´À°
+function fnSetTargetHeight(){
+
+	var NaviHeight = defNavi;
+	var MainHeadHeight = defMainNavi;
+	var MainFootHeight = defMainNavi;
+	var UnusedHeight = defUnused;
+
+	// ¹â¤µ·×»»
+    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
+		var target_height = 0;
+    
+		// class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
+        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
+        	var tid = getAttrValue ( all_elms[cnt], 'tid' );
+
+			for ( var j = 0; j < arrObj[tid].length; j++ ) {
+				target_height = target_height + arrObj[tid][j].margin + arrObj[tid][j].height;
+			}
+
+			// ²¼¤ÎÉý
+			target_height = target_height + 20;
+
+			// º¸±¦¥Ê¥Ó¡¢Ì¤»ÈÍÑÎΰè¤Î¹â¤µ¤òÊÝ»ý
+			if (tid == 'LeftNavi' || tid == 'RightNavi' || tid == 'Unused') {
+				if (NaviHeight < target_height) {
+					NaviHeight = target_height;
+				}
+			}
+
+			// ¥á¥¤¥ó¾åÉôÎΰè¤Î¹â¤µ¤òÊÝ»ý
+			if (tid == 'MainHead') {
+				if (target_height > defMainNavi) {
+					MainHeadHeight = target_height;
+				}
+			}
+
+			// ¥á¥¤¥ó²¼ÉôÎΰè¤Î¹â¤µ¤òÊÝ»ý
+			if (tid == 'MainFoot') {
+				if (target_height > defMainNavi) {
+					MainFootHeight = target_height;
+				}
+			}	
+        }
+	}
+
+	// ¥á¥¤¥óÎΰè¤Î¹â¤µ¤òÊÝ»ý
+//	alert(NaviHeight+"/"+MainHeadHeight+"/"+MainFootHeight);
+	MainHeight = NaviHeight - ( MainHeadHeight + MainFootHeight );
+	if (MainHeight < defMain) {
+		MainHeight = defMain;
+	}
+
+	// ¥á¥¤¥óÉôʬ¤Î¤Û¤¦¤¬Â礭¤¤¾ì¹ç¤Ë¤Ïº¸±¦¥Ê¥Ó¤âÂ礭¤¯¤¹¤ë
+	if (NaviHeight < MainHeadHeight + MainFootHeight + MainHeight) {
+		NaviHeight = MainHeadHeight + MainFootHeight + MainHeight;	
+	}
+	// Êѹ¹
+    for ( var cnt = 0; cnt < all_elms.length; cnt++ ) {
+    	var target_height = 0;
+
+		// class¤¬ drop_target ¤Î¾ì¹ç¤Î¤ß½èÍý¤ò¹Ô¤¦
+        if ( getAttrValue ( all_elms[cnt], 'class' ) == 'drop_target' ) {
+        	var tid = getAttrValue ( all_elms[cnt], 'tid' );
+        	
+        	// tid¤Ë¤è¤Ã¤Æ½èÍý¤òʬ¤±¤ë
+			if (tid == 'LeftNavi' || tid == 'RightNavi') {
+				target_height = NaviHeight;
+			}else if (tid == 'MainHead' ) {
+				target_height = MainHeadHeight;
+			}else if (tid == 'MainFoot') {
+				target_height = MainFootHeight;
+			}else if (tid == 'Unused'){
+				target_height = NaviHeight+100;
+			}
+
+			all_elms[cnt].style.height = target_height;
+		}
+	}
+	
+	// ¥á¥¤¥ó¥Æ¡¼¥Ö¥ë¤Î¹â¤µ¤âÊѹ¹
+    for (var i = 0; i < all_td.length; i++) {
+    	name = getAttrValue ( all_td[i], 'name' );
+		if (name == 'Main') {
+			all_td[i].height = MainHeight-2;
+		}
+    }
+}
+
+//¥¦¥¤¥ó¥É¥¦¥µ¥¤¥º¼èÆÀ
+function GetWindowSize(type){
+    var ua = navigator.userAgent;       										// ¥æ¡¼¥¶¡¼¥¨¡¼¥¸¥§¥ó¥È
+    var nWidth, nHeight;                  										// ¥µ¥¤¥º
+    var nHit = ua.indexOf("MSIE");     											// ¹çÃפ·¤¿Éôʬ¤ÎÀèƬʸ»ú¤Îź¤¨»ú
+    var bIE = (nHit >=  0);                										// IE ¤«¤É¤¦¤«
+    var bVer6 = (bIE && ua.substr(nHit+5, 1) == "6");  							// ¥Ð¡¼¥¸¥ç¥ó¤¬ 6 ¤«¤É¤¦¤«
+    var bStd = (document.compatMode && document.compatMode=="CSS1Compat");		// ɸ½à¥â¡¼¥É¤«¤É¤¦¤«
+
+	switch(type){
+		case "width":
+			if(bIE){
+				if (bVer6 && bStd) {
+					return document.documentElement.clientWidth;
+				} else {
+					return document.body.clientWidth;
+				}
+			}else if(document.layers){
+				return(innerWidth);
+			}else{
+				return(-1);
+			}
+		break;
+		case "height":
+			if(bIE){
+				if (bVer6 && bStd) {
+					return document.documentElement.clientHeight;
+				} else {
+					return document.body.clientHeight;
+				}
+				return(document.body.clientHeight);
+			}else if(document.layers){
+				return(innerHeight);
+			}else{
+				return(-1);
+			}
+		break;
+		default:
+			return(-1);
+		break;
+	}
+}
+
+// ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º¤¬Êѹ¹¤Ë¤Ê¤Ã¤¿¤È¤­¤ÏÁ´¤Æ¤Î¥ª¥Ö¥¸¥§¥¯¥È¤â°ÜÆ°¤¹¤ë
+function fnMoveObject() {
+
+    // ¥¦¥£¥ó¥É¥¦¤ÎÉýÊѹ¹ÈæΨ¤ò¼èÆÀ
+	var moveX = GetWindowSize("width") - scrX;
+	var BlankX = ( GetWindowSize("width") - 878 ) / 2
+	
+	for ( var i = 0; i < all_elms.length; i++) {
+		if (all_elms[i].style.left != "" ) {
+
+			var elm_class = getAttrValue ( all_elms[i], 'class' );
+
+			if (elm_class == 'drop_target') {
+				var tid = getAttrValue ( all_elms[i], 'tid' );
+				
+				if (tid == 'LeftNavi') {
+					LeftMargin = marginLeftNavi;
+				}else if (tid == 'RightNavi') {
+					LeftMargin = marginRightNavi;
+				}else if (tid == 'MainHead' || tid == 'MainFoot') {
+					LeftMargin = marginMain;
+				}else{
+					LeftMargin = marginUnused;
+				}
+
+				if (BlankX > 0) {
+					all_elms[i].style.left = BlankX + LeftMargin + 'px';
+				}else{
+					all_elms[i].style.left = LeftMargin + 'px';
+				}
+			}
+		}
+	}
+	
+	scrX = GetWindowSize("width");
+	scrY = GetWindowSize("height");
+	
+	fnSortObj();
+}
+
+// ½é´ü½èÍý
+function init () {
+    document.body.ondrag = function () { return false; };
+    document.body.onselectstart = function () { return false; };
+    
+    // ¥¦¥£¥ó¥É¥¦¥µ¥¤¥º¤ò¼èÆÀ
+	scrX = GetWindowSize("width");
+	scrY = GetWindowSize("height");    
+    
+	// ¥¦¥£¥ó¥É¥¦¥µ¥¤¥ºÊѹ¹¥¤¥Ù¥ó¥È¤Ë´ØÏ¢ÉÕ¤±
+    window.onresize = fnMoveObject;
+
+    // div¥¿¥°¤ò¼èÆÀ
+    all_elms = document.getElementsByTagName ( 'div' );
+    
+	// td¥¿¥°¤ò¼èÆÀ
+	all_td = document.getElementsByTagName ( 'td' );
+
+	// ÇÛÎóºîÀ®
+	fnCreateArr(0);
+	
+    // ʤÓÂؤ¨
+	fnMoveObject();
+	
+	<!--{$complate_msg}-->
+}
+
+// ²èÌÌ¤Î¥í¡¼¥É¥¤¥Ù¥ó¥È¤Ë´ØÏ¢ÉÕ¤±
+addEvent ( window, 'load', init, false );