var local_time = new Date();



var ukk = {};

ukk.Switch = {
	imgover : true
}

ukk.ImgOverSetting = {
	Class  : 'imageover',
	stayClass  : 'imageStay',
	imgfileNamePlus : '_o',
	clickoff : true
}

try{
document.execCommand('BackgroundImageCache', false, true);
}catch(e){
	
}




/* ブラウザ判別 */
ukk.UA = (function(){
	var doc = document;
	var ua = navigator.userAgent.toUpperCase();
	var apnm = navigator.appName.toUpperCase();
	var apver = navigator.appVersion;

	var barray = [];
	
	var mac = ua.indexOf("MAC",0) >= 0;
	var windows = ua.indexOf("WIN",0) >= 0;
	
	if(windows){
		barray['os'] = 'windows';
	}else if(mac){
		barray['os'] = 'mac';
	}else{
		barray['os'] = 'other'
	}
	
	
	if(window.attachEvent && !window.opera){
		barray['name'] = 'IE';
		
		if (typeof doc.documentElement.style.msInterpolationMode != 'undefined') {
			if(typeof document.documentMode != 'undefined') {
			barray['ver'] = '8';
			}else{
			barray['ver'] = '7';
			}
		}else{
			if(ua.indexOf('MSIE 6',0) >= 0){
				barray['ver'] = '6';
			}
		}
	}else{	

	if(ua.indexOf("SAFARI",0) >= 0 && ua.indexOf('APPLEWEBKIT/',0) >= 0){
		
			barray['name'] = 'Safari';
		
			barray['ver'] = (function(){
				var ver = ua.split("/");
				var vernum = ver[ver.length-1];
				vernum = vernum.replace(/¥./g,'');
				vernum = vernum.slice(0,3);
				var n = parseInt(vernum,10)
				if (n >= 412 && n < 522){
				return '2';
				}else if (n >= 522) {
				return '3';
				}else{
				return '1';
				}
				})();
	}else if(ua.indexOf('GECKO',0) >= 0 && ua.indexOf('FIREFOX',0) >= 0){
		
		barray['name'] = 'Firefox';
		
		var ffua = ua.split('/');
		var ffver = ffua[ffua.length-1].slice(0,1);
		
		if (typeof window.postMessage != 'undefined' && ffver == '3') {
			barray['ver'] = '3';		
		}else if(ffver == '2'){
			barray['ver'] = '2';
		}else{
			barray['ver'] = '1';
		}
		
	}else if(window.opera){
		barray['name'] = 'Opera';
	}else if(ua.indexOf('NETSCAPE',0) >= 0){
		barray['name'] = 'Netscape';
		
		if(apver == '5'){
			barray['ver'] = '6';
		}
	}else{
		barray['name'] = 'unknown';
	}
	
	}
	
	return barray;
})();


ukk.Browser = function(target,version){	
	if(typeof target == 'undefined') return null;
	if(!ukk.stringChk(target)) return null;
	
	if(typeof version == 'undefined') var ver = false;
	else var ver = true; 
	
	var nm = ukk.UA.name.toUpperCase();
	var target = target.toUpperCase();
	
	if(nm.search(target) != -1) {
		
		if(ver){
			
			if(ukk.UA.ver.search(version,'i') != -1){
			return true;
			}else{
			return false;
			}		
		}
		return true;	
	}else{
		return false;
	}
} 



/* Event */
ukk.Event= {
	add : (function() {
    if (window.addEventListener) {
        return function(element, event, func) {
            element.addEventListener(event,func,false);
        };
    } else if (window.attachEvent) {
        return function(element, event, func) {
			if(!func._argument) {
                func._argument = [3];
            }
            var i = func._argument.length;
            func._argument[i] = new Array(3);
            func._argument[i][0] = element;
            func._argument[i][1] = event;
            func._argument[i][2] = function() {
            func.apply(element, arguments);
           };
  			element.attachEvent('on' + event, func._argument[i][2]);
        };
    } else {
        return function(element, event, func) {
            element['on'+event] = func;
        }
    }
	})(),

	remove : (function() {
		if (window.removeEventListener) {
			return function(element, event, func) {
				element.removeEventListener(event, func, false);
			}
		} else {
			return function(element, event, func) {
				var i = 0; var f = null;
           		while( i < func._argument.length ) {
                if(func._argument[i][0] == element && func._argument[i][1] == event ) {
                    f = func._argument[i][2];
                    break;
                }
                i++;
            	}
  			  	element.detachEvent("on"+event, f);
   				func._argument.splice(i,1);
			}
		}
	})(),
	
	stopbubble : function (e){	
	if (e.target) { 
     e.stopPropagation(); 
	}else if (window.event.srcElement) { 
     e.cancelBubble = true; 
   	}  	
	},
	
	stopevent : function (e){	
	if (e.target) { 
	 e.preventDefault(); 
	}else if (window.event.srcElement) { 
	e.returnValue=false;
   	}
	}
}



/* !!!!!!!!!! getID start !!!!!!!!!!! */
ukk.$ = function(IDS){
	var doc = document;
	if(ukk.stringChk(IDS)) return doc.getElementById(IDS);
	else return null;
}
/* !!!!!!!!!! getId end !!!!!!!!!!! */


/* !!!!!!!!!! getClass start !!!!!!!!!!! */
ukk.$$ = function(CLS,element){
	
	if(!ukk.stringChk(CLS)) return;
	
	//if(!document.getElementsByClassName){
	//var tagAll = document.getElementsByTagName('*');
	var tagAll = ukk.getElementsByTagNameArray('*',element);
	var len = tagAll.length;
	var cl5 =[];
	
	for (var i=0;i<len;i++){
		var classes = tagAll[i].getAttribute('class') || tagAll[i].getAttribute('className');
		if(classes){
			var classnm = classes.split(' ');
			var clsArray = CLS.split(' ');
			var clsstay;
			var clearflg = 0;
			for(var z=0;z<classnm.length;z++){
			
				if(CLS.indexOf(' ') != -1 && (CLS.lastIndexOf(' ') != CLS.length-1)){			
				for(var k=0;k<clsArray.length;k++){
				
					if(clsArray[k] == classnm[z]){				
						clearflg++;
						//console.log(classnm[z] +'+'+ classnm.length);
						break;
					}
				}
				if(clearflg == clsArray.length){
						cl5[cl5.length] = tagAll[i];
				}
				}else{
				
				if(CLS.lastIndexOf(' ') == CLS.length-1){
					CLS = CLS.substring(0,CLS.length-1);
				}
				
				if (CLS == classnm[z]){
					cl5[cl5.length] = tagAll[i];
				}
				}
			}
		}
	}
	
	return cl5
}
/* !!!!!!!!!! getClass end !!!!!!!!!!! */


/* !!!!!!!!!! ImageOver start !!!!!!!!!!! */
ukk.ImgOver = {
		
	overfunc : function (){
		var tagAll = ukk.$$(ukk.ImgOverSetting.Class);
		for (var i = 0; i < tagAll.length; i++){
						new Image().src = ukk.Imgsrc.add(tagAll[i].src, ukk.ImgOverSetting.imgfileNamePlus);
						ukk.Event.add(tagAll[i], 'mouseover', ukk.ImgOver.imgOverFunc);
						ukk.Event.add(tagAll[i], 'mouseout', ukk.ImgOver.imgOutFunc);
						if(ukk.ImgOverSetting.clickoff){
						ukk.Event.add(tagAll[i], 'click', ukk.ImgOver.imgOutFunc);
						}				
		}
	},
	
	imgOverFunc : function (e){
		this.src = ukk.Imgsrc.add(this.src, ukk.ImgOverSetting.imgfileNamePlus);
		//ukk.Event.stopbubble(e);		
	},
	
	imgOutFunc : function (e){
		if(this.id == 'ukkstay') return;
		this.src = ukk.Imgsrc.del(this.src, ukk.ImgOverSetting.imgfileNamePlus);
		//ukk.Event.stopbubble(e);
	},
	
	stay : function(){
			
	}
	
}
/* !!!!!!!!!! rollover end !!!!!!!!!!! */


//ノードリストを配列に変換
ukk.getElementsByTagNameArray = function(tagname,element){
	if(typeof element == 'undefined') var doc = document;
	else var doc = element;
	
	var tagAll = [];
	if(!ukk.stringChk(tagname)) return;
	var getname = doc.getElementsByTagName(tagname);
	var len = getname.length;
	
	while(len--) tagAll[tagAll.length] = getname[tagAll.length];
	
	return tagAll;
}


ukk.Imgsrc = {

	add : function (objsrc,plusnm){
		if(objsrc.indexOf(plusnm) != -1) return objsrc;
		var ftype = objsrc.substring(objsrc.lastIndexOf('.'), objsrc.length);
		var presrc = objsrc.replace(ftype, plusnm + ftype);
		return presrc;
	},
	
	del : function (objsrc,plusnm){
		if(objsrc.indexOf(plusnm) == -1) return objsrc;
		var ftype = objsrc.substring(objsrc.lastIndexOf('.'), objsrc.length);
		var presrc = objsrc.replace(plusnm + ftype, ftype);
		return presrc;
	}
}


ukk.Style = {

	add : function(element, propatySet){
	
	if(!element) return;
	
	var propatyname = '';
	
		for(var stylename in propatySet){
			
			if(stylename == 'float') {
				if(ukk.UA.name == 'IE') propatyname = 'styleFloat';
				else propatyname = 'cssFloat';
			}else if(stylename == 'opacity') {
				if(ukk.UA.name == 'IE'){
					propatyname = 'filter';
					var num = propatySet[stylename];
					if(num*100 > 100) continue;
					propatySet[stylename] = 'alpha('+stylename+ '=' + num * 100 + ')';
					element.style.zoom = 1;
				}else{
					propatyname = 'opacity';
				}
			}else{
			propatyname = stylename;
			}
			element.style[propatyname] = propatySet[stylename];
			
		}
	}
}

ukk.stringChk = function(object){
	if(typeof object == 'string' || object instanceof String) return object;
	return null;
}
	
/* !!!!!!!!!! DOMContentLoaded start !!!!!!!!!!! */

ukk.DOMready = {
	
	tgBox : [],
	flagbox : false,
	loadbox : false,
	
	tgFunc : function(tgfun){
		if(ukk.DOMready.loadbox){
			tgfun.call();
		}else{	
			ukk.DOMready.tgBox.push(tgfun);
			if(!ukk.DOMready.flagbox) ukk.DOMready.domFunc();
		}
	},

	domFunc : function() {
	var doc=document;
	ukk.DOMready.flagbox = true;
	
	if(ukk.Browser('Firefox')){
		ukk.Event.add(window,"DOMContentLoaded",ukk.DOMready.comp);
	}else if(ukk.UA.name == 'IE' && window == top){
		try {
			doc.documentElement.doScroll("left");
		} catch(error){
			setTimeout(arguments.callee,0);
			return;
		}
		ukk.DOMready.comp();
	}else if(ukk.Browser('Safari')){	
		if(doc.readyState != "loaded" && doc.readyState != "complete" ) {
			setTimeout(arguments.callee,0);
			return;
		}
		var stnum = doc.getElementsByTagName('style').length;
		var linkstyle = doc.getElementsByTagName('link');
		for(var d=0;d<linkstyle.length;d++){
			if(linkstyle[d].rel == 'stylesheet'){
				stnum++;
			}
		}
		if (doc.styleSheets.length != stnum) {
			setTimeout(arguments.callee,0);
			return;
		}
		ukk.DOMready.comp();
	}else{
		ukk.Event.add(window, "load", ukk.DOMready.comp);
	}
	},
	
	comp : function(){
	if(!ukk.DOMready.tgBox) return;
	for(var k=0;k<ukk.DOMready.tgBox.length;k++){
		ukk.DOMready.tgBox[k].call();
	}
	ukk.DOMready.tgBox = null;
	ukk.DOMready.domFunc = null;
	},
	
	flag : function(){
	ukk.DOMready.loadbox = true;
	}
}


/*  */
if(ukk.Switch.imgover) ukk.DOMready.tgFunc(ukk.ImgOver.overfunc);


var localnv_stay = function(){
	var bodytag = document.getElementsByTagName('body')[0];	
	
	var bodycl = bodytag.className.split(' ');
	if(ukk.$(bodycl[0]) != '') {
	var li_id = ukk.$(bodycl[0]);
	var localnavi_img = li_id.getElementsByTagName('img')[0];
	localnavi_img.id = 'ukkstay';
	localnavi_img.src = ukk.Imgsrc.add(localnavi_img.src,'_o');
	}
	
}


/* custom */

if(ukk.UA.os == 'windows' && ukk.Browser('IE')) {
	document.write('<link rel="stylesheet" type="text/css" href="/common/style/ie.css" media="all" />');
/*	document.write('<link rel="stylesheet" type="text/css" href="/common/style/ie_print.css" media="print" />'); */
if(ukk.Browser('IE',8))	document.write('<style>html>body{font-size:75%}</style>');

}else if(ukk.UA.os == 'windows' && ukk.Browser('Firefox')){
	document.write('<link rel="stylesheet" type="text/css" href="/common/style/win_ff.css" media="all" />');
}



ukk.Element ={
	
	boxHeight : function(targetName){

	var __boxheight = 0;
	var line2 = ukk.$$(targetName);
	
	if(targetName == 'blocknone') var hpx = 40;
//	if(targetName == 'block01') var hpx = 40;
	else var hpx = 20;
	
	line2.each(function(obj){
		if(ukk.Browser('IE',6)){
		obj.getElementsByTagName('div')[0].style.height = '';
		}else{
		obj.getElementsByTagName('div')[0].style.minHeight = '';
		}
	
	});
	
	line2.each(function(obj){
		var div =  obj.getElementsByTagName('div')[0];
		if(__boxheight < Element.getHeight(div)){
		__boxheight = Element.getHeight(div);		
		}
	});
	
	line2.each(function(obj){
		var btn = ukk.$$('btn',obj);
		
		if(ukk.Browser('IE',6)) var heightpro = 'height'
		else var heightpro = 'minHeight';
		
		if(__boxheight < 80) __boxheight = 80;
		if(__boxheight < 80) __boxheight = 80;
		
		obj.style[heightpro] = __boxheight + hpx + 'px';
				
		if(targetName == 'blocknone') {
//		if(targetName == 'block01') {
			
		obj.getElementsByTagName('div')[0].style.marginBottom = 0;
		obj.getElementsByTagName('div')[0].style.paddingBottom = '0';
//		obj.getElementsByTagName('div')[0].style.paddingBottom = '1em';
		obj.parentNode.style.paddingBottom = 0;
		obj.parentNode.style.position = 'relative';
		ukk.Style.add(btn[0],{'top':'auto','bottom':'10px','clear':'both'});

		}else{
			
		obj.getElementsByTagName('div')[0].style.paddingBottom = '2em';
		obj.style.paddingBottom = '0';
		ukk.Style.add(btn[0],{'top':'auto','bottom':'5px','clear':'both'});
		
		}

	});

	}
}




//cookie
var cookieobj = {};

cookieobj.setcookie  = function(setdata,setname,setdate){
	var xDay = new Date;
	xDay.setDate(xDay.getDate() + setdate);
	xDay = xDay.toGMTString();
	document.cookie = setname + "=" +escape(setdata) + ";expires=" + xDay + ";path=/";
}

cookieobj.getcookie  = function(getname){

  var myCookie = getname + "=";
  var myValue = null;
  var myStr = document.cookie + ";" ;
  var myOfst = myStr.indexOf(myCookie);
   if (myOfst != -1){
      var myStart = myOfst + myCookie.length;
      var myEnd   = myStr.indexOf(";" , myStart);
      var myValue = unescape(myStr.substring(myStart,myEnd));
   }
   return myValue;
   
}


ukk.BodyIdClass = function(){
	var name = [];
	name['id'] = document.getElementsByTagName('body')[0].getAttribute('id');
	name['class'] = document.getElementsByTagName('body')[0].className;
	return name;
}

/**/
var cmbox2;
var closeBtnA;
/**/

var htmlbaseload = function(){
	var doc = document;
   /* var url = '/cminfo/common/cmplay_layer.html';
    var baseObj = doc.createElement('div');
    baseObj.id = 'baselayer';
    doc.body.appendChild(baseObj);
	
    var lya = new Ajax.Updater('baselayer', url, {
        method: 'get',
        requestHeaders: ['If-Modified-Since', 'Wed, 15 Nov 1995 00:00:00 GMT']
    });*/
	
	var baseObj = doc.createElement('div');
	baseObj.id = 'baseBlock';
	baseObj.style.display = 'none';
	
	var baseIn1 = doc.createElement('div');
	baseIn1.className = 'baseInner1';
	baseIn1.id = 'basein1';
	
	var baseIn2 = doc.createElement('div');
	baseIn2.className = 'baseInner2';
	baseIn2.id = 'basein2';
	
	var climg = new Element('img',{src:'/common/images/close_btn_01.gif',alt:'閉じる'});
	var climg2 = new Element('img',{src:'/common/images/close_btn_02.gif',alt:'閉じる'});
	
	var ctop = doc.createElement('div');
	ctop.className = 'ctop';
	
	var cbt = doc.createElement('div');
	cbt.className = 'cbottom';
	
	if(ukk.Browser('IE')) propatyname = 'styleFloat';
	else propatyname = 'cssFloat';
	
	var ctopsp = doc.createElement('span');
	var ctopsp2 = doc.createElement('span');

	ctopsp.innerHTML = '&nbsp;';
	ctopsp2.innerHTML = '&nbsp;';

	ctopsp.id = 'ctopsp1';
	ctopsp2.id = 'ctopsp2';

	var cimg1 = new Element('img',{src:'/common/images/box_rt_bg_01.gif'});
	var cimg2 = new Element('img',{src:'/common/images/box_lt_bg_01.gif'});
	var cimg3 = new Element('img',{src:'/common/images/box_rb_bg_01.gif'});
	var cimg4 = new Element('img',{src:'/common/images/box_lb_bg_01.gif'});
	
	ctop.appendChild(cimg2);
	ctop.appendChild(ctopsp);
	ctop.appendChild(cimg1);
	
	cbt.appendChild(cimg4);
	cbt.appendChild(ctopsp2);
	cbt.appendChild(cimg3);

	baseObj.appendChild(ctop);
	
	
	closeBtnA = doc.createElement('span');
	closeBtnA.id = 'closeBtn';
	closeBtnA.appendChild(climg);
	
	var closeBtnB = doc.createElement('span');
	closeBtnB.id = 'closeBtn';
	closeBtnB.style.top = '-34px';
	closeBtnB.style.right = '0';
	closeBtnB.appendChild(climg2);
	
	var grobj = doc.createElement('div');
    grobj.id = 'grayfield';
	grobj.style.display = 'none';
	
	if(ukk.Browser('IE',6)) ukk.Style.add(grobj,{'opacity':'0.7'});
	
	var h2 = doc.createElement('h2');
	h2.style.display = 'none';
	h2.id = 'boxh2';
	baseIn1.appendChild(h2);

	//var basebox = new Element('iframe',{'id':'cmmovie','class':'ifm','scrolling':'no','name':'iframebox','frameborder':'0'});
	//baseIn2.appendChild(basebox);
	//baseIn1.appendChild(closeBtn);
	
	
	
	
	baseIn1.appendChild(baseIn2);
	baseObj.appendChild(baseIn1);
	
	baseObj.appendChild(cbt);
	
	if(ukk.Browser('IE',6)){	
	var sizebox = ukk.getViewSize()
	grobj.style.height = sizebox.height + 'px';
	grobj.style.width = sizebox.width + 'px';
	}
	
    doc.body.appendChild(grobj);
	doc.body.appendChild(baseObj);
	
	var pl = ukk.$$('ukkBox');
	if(pl.length != 0){
		
	for(var i=0;i<pl.length;i++){

	var cmbox = new cmBoxClass(grobj,baseObj,pl[i],baseIn2,h2,ctopsp,cimg1,ctopsp2,baseIn1,closeBtnA,closeBtnB);
	cmbox.evset();
	
	}
	}
	
	//winset.evset();
}


var fstflg = true;

var cmBoxClass = Class.create({
	
	initialize : function(grobj,baseObj,elm,basebox,h2,ctopsp,cimg1,ctopsp2,baseIn1,closeBtnA,closeBtnB) {
		
		this.grobj = grobj;
		this.baseObj = baseObj;
		this.elm = elm;
		this.basebox = basebox;
		this.h2 = h2;
		this.ctopsp = ctopsp;
		this.cimg1 = cimg1;
		this.ctopsp2 = ctopsp2;
		this.baseIn1 = baseIn1;	
		this.closeBtnA = closeBtnA
		this.closeBtnB = closeBtnB;
		this.widthelm = '';
		this.category = '';
		
	},
	
	evset : function(){
		Event.observe(this.elm, 'click', this.openlayer.bind(this), false);
	},
	
	openlayer : function(event){
	
		event.stop();	
		
		this.basebox.innerHTML = '';
		this.elm.blur()
		
		var pre = this;
		
		var fieldfunc = function(){
		pre.baseObj.style.display = 'block';
		
		pre.setBaseSize();
		var dd = new Date().getTime();
	
		var ftype = pre.elm.href.substring(pre.elm.href.lastIndexOf('.'), pre.elm.href.length);
		
		if(ftype.indexOf('.html') != -1){
		pre.h2.innerHTML = '　';
		if(ukk.$('cm')) pre.h2.style.display = 'block';
		
		//pre.baseIn1.style.paddingTop = '30px'; 
		pre.baseIn1.appendChild(pre.closeBtnA);
		Event.observe('closeBtn', 'click', pre.grayvisible.bind(pre), false);
		if(ukk.Browser('IE')) pre.baseIn1.style.zoom = '1';
		//if(ukk.$('cm')) {		
		//pre.baseir = new Element('iframe',{'id':'cmmovie','src':pre.elm.href,'width':456,'height':378,'class':'ifm','scrolling':'no','name':'iframebox','frameborder':'0'});
		//pre.widthelm = 456;
		//}else{
		var url = pre.elm.href.split('?');
		if(url.length > 1){	
		var wh = url[1].split('_'); 
		pre.baseir = new Element('iframe',{'id':'cmmovie','src':pre.elm.href,'width':wh[0],'height':parseInt(wh[1])+4,'class':'ifm','scrolling':'auto','name':'iframebox','frameborder':'0'});	
		pre.widthelm = wh[0];
		}else{
		pre.baseir = new Element('iframe',{'id':'cmmovie','src':pre.elm.href,'width':456,'height':378,'class':'ifm','scrolling':'no','name':'iframebox','frameborder':'0'});
		pre.widthelm = 456;
		}
		//}
		
		pre.basebox.appendChild(pre.baseir);
		pre.boxview();

		if(ukk.Browser('IE')){
		Event.observe(pre.baseir, 'readystatechange', pre.baseboxset.bind(pre), false);
		//ifm.location.href = pre.elm.href;
		}else{
		Event.observe(pre.baseir, 'load', pre.baseboxset.bind(pre), false);
		//ukk.$('cmmovie').contentWindow.location.href =  pre.elm.href;
		}
		
		//this.baseir.src = this.elm.href;
		
		//ukk.$('cmmovie').setAttribute('src',this.elm.href);	
		}else if(ftype == '.jpg' || ftype == '.gif' || ftype == '.png'){
			
		pre.baseIn1.appendChild(pre.closeBtnB);
		Event.observe('closeBtn', 'click', pre.grayvisible.bind(pre), false);
		
		if(ukk.Browser('IE')) pre.baseIn1.style.zoom = '1';
		
		pre.widthelm = new Element('img',{'src':pre.elm.href});
		pre.baseir = new Element('div',{'id':'largeImg'})
		pre.baseir.appendChild(pre.widthelm);
		pre.basebox.appendChild(pre.baseir);	
		
		//pre.loadimg = new Image();
		//pre.loadimg.src = pre.elm.href;
		
		pre.loadingimg();
		
//		pre.boxview();
		
		}	
		}
		
		var winsize = ukk.getViewSize();
		if(ukk.Browser('IE',6)){
		this.grobj.style.top =  winsize.scrolls + 'px';
		this.grobj.style.height = winsize.height + 'px';
		this.grobj.style.width = winsize.width + 'px';
		}
		
		if(!ukk.$('loadingimg')){
	 	this.loadObj = document.createElement('img');
		this.loadObj.src = "/common/images/loading.gif";
	    this.loadObj.style.display = 'block';
		this.loadObj.style.position = 'absolute';
		this.loadObj.style.zIndex = '101';
		this.loadObj.id = 'loadingimg';
		this.loadObj.style.top = winsize.height/2 - 12 + winsize.scrolls + 'px';
		this.loadObj.style.left = winsize.width/2 - 12 + 'px';
		document.body.appendChild(this.loadObj);
		}else{
		this.loadObj = ukk.$('loadingimg');
	    this.loadObj.style.display = 'block';
		this.loadObj.style.top = winsize.height/2 - 12 + winsize.scrolls + 'px';
		this.loadObj.style.left = winsize.width/2 - 12 + 'px';
			
		}
		this.grobj.style.display = 'block';
		this.grobj.style.visibility = 'visible';

		setTimeout(fieldfunc,0);
		
	},
	
	loadingimg : function(){
          if (this.widthelm.complete) {
                this.boxview();
            }else{
                var ref = this;
                if (ukk.Browser("Safari")) {
                
                    this.safariOnLoad = function(){
                        if (ref.widthelm.complete) {
                            clearTimeout(timer);
                            ref.boxview();
                        }else{
                            var timer = setTimeout(ref.safariOnLoad, 100);
                        };
                    };
                    this.safariOnLoad();
                }else{
                    Event.observe(this.widthelm, 'load', this.boxview.bind(this), false);
                }
            }
	},
		
	baseboxset : function(){

		if(ukk.$('cm')) {	
		var ifm = ukk.$('cmmovie');
		
		if(ukk.Browser('IE')){
			if(this.baseir.readyState == "complete") {
			this.onreadystatechange = null;
			var ifdoc = frames['cmmovie'].document;
			this.h2.innerHTML = ifdoc.getElementsByTagName('title')[0].innerHTML;
			}
		}else{
			var ifdoc = ifm.contentWindow.document;
			this.h2.innerHTML = ifdoc.getElementsByTagName('title')[0].innerHTML;
		}
		}
		
	},
	
	boxview : function(){
		//console.log(typeof this.widthelm);
		if(typeof this.widthelm == 'string') var objwidth = this.widthelm;
		else var objwidth = this.widthelm.offsetWidth;
		
		this.baseObj.style.width = eval(objwidth) + 40 + 'px';
		
		var sizeObj = Element.getDimensions(this.baseObj);
		var winsize = ukk.getViewSize();
		
				
		if(ukk.Browser('IE',6)){
		this.baseObj.style.top = (winsize.height / 2) - (sizeObj.height / 2) + winsize.scrolls + 'px';
		}else{
		if(winsize.height < sizeObj.height && !ukk.Browser('Firefox',2)) {
		this.baseObj.style.position = 'absolute';
		this.baseObj.style.top = (winsize.height / 2) - (sizeObj.height / 2) + winsize.scrolls + 'px';
		}else{
		this.baseObj.style.top = (winsize.height / 2) - (sizeObj.height / 2) + 'px';
		}
		}
		this.baseObj.style.left = (winsize.width / 2) - (sizeObj.width / 2) + 'px';
			
		this.ctopsp.style.width = this.baseObj.offsetWidth - 20 + 'px';	
		this.ctopsp2.style.width = this.ctopsp.style.width;
		
		this.baseObj.style.visibility = 'visible';	
		this.loadObj.style.display = 'none';
		this.layerEvset();
	},
	
	layerEvset : function(){
		
		this.setBaseSizeListener = this.setBaseSize.bindAsEventListener(this);
		
		if(ukk.Browser('IE',6)){	
			Event.observe(window, 'scroll', this.setBaseSizeListener);
		}

		Event.observe(window, 'resize', this.setBaseSizeListener);
		Event.observe(this.grobj, 'click', this.grayvisible.bind(this));
	},
	
	layerEvdel : function(){
		if(ukk.Browser('IE',6)) Event.stopObserving(window, 'scroll', this.setBaseSizeListener);
		Event.stopObserving(window, 'resize', this.setBaseSizeListener);	
		Event.stopObserving(this.grobj);
		
		Event.stopObserving(this.baseir);
		Event.stopObserving('closeBtn');
		
		//ukk.$('cmmovie').style.visibility = 'hidden';
	},
	
	setBaseSize : function(){
		
	if(ukk.Browser('IE',6)){	
	var winsize = ukk.getViewSize();
	this.grobj.style.top =  winsize.scrolls + 'px';
	this.grobj.style.height = winsize.height + 'px';
	this.grobj.style.width = winsize.width + 'px';
	}
	},
	
	grayvisible: function(event){
		event.stop();
		this.baseObj.style.display = 'none';
		this.grobj.style.display = 'none';
		this.grobj.style.visibility = 'hidden';
		this.baseObj.style.visibility = 'hidden';
		this.h2.style.display = 'none';
		this.h2.innerHTML = '　';

		this.layerEvdel();
			
		
		this.basebox.innerHTML = '';

	}
	
});


function ukkBoxAdd(URL){
	var grobj = ukk.$('grayfield');
	var baseObj = ukk.$('baseBlock');
	var baseIn1 = ukk.$('basein1');
	var baseIn2 = ukk.$('basein2');
	
	var ctopsp = ukk.$('ctopsp1');
	var ctopsp2 = ukk.$('ctopsp2');
	
	var cmbox = new cmBox2Class(grobj,baseObj,baseIn2,ctopsp,ctopsp2,baseIn1,URL);
	cmbox.openlayer();
}


var cmBox2Class = Class.create({
	
	initialize : function(grobj,baseObj,basebox,ctopsp,ctopsp2,baseIn1,URL) {
		
		this.grobj = grobj;
		this.baseObj = baseObj;
		this.basebox = basebox;
		this.ctopsp = ctopsp;
		this.ctopsp2 = ctopsp2;
		this.baseIn1 = baseIn1;	
		this.closeBtnA = closeBtnA
		this.url = URL;
		
	},
	
	openlayer : function(){
			
		this.basebox.innerHTML = '';
		
		var pre = this;
		
		var fieldfunc = function(){
		pre.baseObj.style.display = 'block';
		
		pre.setBaseSize();
	
		ukk.$('boxh2').style.display = 'none';
		
		var ftype = pre.url.substring(pre.url.lastIndexOf('.'), pre.url.length);
		
		if(ftype.indexOf('.html') != -1){
			
		//pre.baseIn1.style.paddingTop = '30px'; 
		pre.baseIn1.appendChild(pre.closeBtnA);
		Event.observe('closeBtn', 'click', pre.grayvisible.bind(pre), false);
		
		//if(ukk.$('cm')) {		
		//pre.baseir = new Element('iframe',{'id':'cmmovie','src':pre.elm.href,'width':456,'height':378,'class':'ifm','scrolling':'no','name':'iframebox','frameborder':'0'});
		//pre.widthelm = 456;
		//}else{
		var url = pre.url.split('?');
		if(url.length > 1){	
		var wh = url[1].split('_'); 
		pre.baseir = new Element('iframe',{'id':'iframe','src':pre.url,'width':wh[0],'height':parseInt(wh[1])+4,'class':'ifm','scrolling':'auto','name':'iframebox','frameborder':'0'});	
		pre.widthelm = wh[0];
		}else{
		pre.baseir = new Element('iframe',{'id':'iframe','src':pre.url,'width':456,'height':378,'class':'ifm','scrolling':'no','name':'iframebox','frameborder':'0'});
		pre.widthelm = 456;
		}
		//}
		
		pre.basebox.appendChild(pre.baseir);
		pre.boxview();

		if(ukk.Browser('IE')){
		Event.observe(pre.baseir, 'readystatechange', pre.baseboxset.bind(pre), false);
		//ifm.location.href = pre.elm.href;
		}else{
		Event.observe(pre.baseir, 'load', pre.baseboxset.bind(pre), false);
		//ukk.$('cmmovie').contentWindow.location.href =  pre.elm.href;
		}
		
		//this.baseir.src = this.elm.href;
		
		//ukk.$('cmmovie').setAttribute('src',this.elm.href);	
		}else if(ftype == '.jpg' || ftype == '.gif' || ftype == '.png'){
			
		pre.baseIn1.appendChild(pre.closeBtnB);
		Event.observe('closeBtn', 'click', pre.grayvisible.bind(pre), false);
		
		if(ukk.Browser('IE')) pre.baseIn1.style.zoom = '1';
		
		pre.widthelm = new Element('img',{'src':pre.url});
		pre.baseir = new Element('div',{'id':'largeImg'})
		pre.baseir.appendChild(pre.widthelm);
		pre.basebox.appendChild(pre.baseir);	
		
		//pre.loadimg = new Image();
		//pre.loadimg.src = pre.elm.href;
		
		pre.loadingimg();
		
//		pre.boxview();
		
		}	
		}
		
		var winsize = ukk.getViewSize();
		if(ukk.Browser('IE',6)){
		this.grobj.style.top =  winsize.scrolls + 'px';
		this.grobj.style.height = winsize.height + 'px';
		this.grobj.style.width = winsize.width + 'px';
		}
		
		if(!ukk.$('loadingimg')){
	 	this.loadObj = document.createElement('img');
		this.loadObj.src = "/common/images/loading.gif";
	    this.loadObj.style.display = 'block';
		this.loadObj.style.position = 'absolute';
		this.loadObj.style.zIndex = '101';
		this.loadObj.id = 'loadingimg';
		this.loadObj.style.top = winsize.height/2 - 12 + winsize.scrolls + 'px';
		this.loadObj.style.left = winsize.width/2 - 12 + 'px';
		document.body.appendChild(this.loadObj);
		}else{
			this.loadObj = ukk.$('loadingimg');
	    this.loadObj.style.display = 'block';
		this.loadObj.style.top = winsize.height/2 - 12 + winsize.scrolls + 'px';
		this.loadObj.style.left = winsize.width/2 - 12 + 'px';
			
		}
		
		
		this.grobj.style.display = 'block';
		this.grobj.style.visibility = 'visible';

		setTimeout(fieldfunc,0);
		
	},
	
	loadingimg : function(){
          if (this.widthelm.complete) {
                this.boxview();
            }else{
                var ref = this;
                if (ukk.Browser("Safari")) {
                
                    this.safariOnLoad = function(){
                        if (ref.widthelm.complete) {
                            clearTimeout(timer);
                            ref.boxview();
                        }else{
                            var timer = setTimeout(ref.safariOnLoad, 100);
                        };
                    };
                    this.safariOnLoad();
                }else{
                    Event.observe(this.widthelm, 'load', this.boxview.bind(this), false);
                }
            }
	},
		
	baseboxset : function(){

		if(ukk.$('cm')) {	
		var ifm = ukk.$('cmmovie');
		
		if(ukk.Browser('IE')){
			if(this.baseir.readyState == "complete") {
			this.onreadystatechange = null;
			var ifdoc = frames['iframe'].document;
			this.h2.innerHTML = ifdoc.getElementsByTagName('title')[0].innerHTML;
			}
		}else{
			var ifdoc = ifm.contentWindow.document;
			this.h2.innerHTML = ifdoc.getElementsByTagName('title')[0].innerHTML;
		}
		}
		
	},
	
	boxview : function(){
		//console.log(typeof this.widthelm);
		if(typeof this.widthelm == 'string') var objwidth = this.widthelm;
		else var objwidth = this.widthelm.offsetWidth;
		
		this.baseObj.style.width = eval(objwidth) + 40 + 'px';
		
		var sizeObj = Element.getDimensions(this.baseObj);
		var winsize = ukk.getViewSize();
		
				
		if(ukk.Browser('IE',6)){
		this.baseObj.style.top = (winsize.height / 2) - (sizeObj.height / 2) + winsize.scrolls + 'px';
		}else{
		if(winsize.height < sizeObj.height && !ukk.Browser('Firefox',2)) {
		this.baseObj.style.position = 'absolute';
		this.baseObj.style.top = (winsize.height / 2) - (sizeObj.height / 2) + winsize.scrolls + 'px';
		}else{
		this.baseObj.style.top = (winsize.height / 2) - (sizeObj.height / 2) + 'px';
		}
		}
		this.baseObj.style.left = (winsize.width / 2) - (sizeObj.width / 2) + 'px';
			
		this.ctopsp.style.width = this.baseObj.offsetWidth - 20 + 'px';	
		this.ctopsp2.style.width = this.ctopsp.style.width;
		
		this.baseObj.style.visibility = 'visible';	
		this.loadObj.style.display = 'none';
		this.layerEvset();
	},
	
	layerEvset : function(){
		
		this.setBaseSizeListener = this.setBaseSize.bindAsEventListener(this);
		
		if(ukk.Browser('IE',6)){	
			Event.observe(window, 'scroll', this.setBaseSizeListener);
		}

		Event.observe(window, 'resize', this.setBaseSizeListener);
		Event.observe(this.grobj, 'click', this.grayvisible.bind(this));
	},
	
	layerEvdel : function(){
		if(ukk.Browser('IE',6)) Event.stopObserving(window, 'scroll', this.setBaseSizeListener);
		Event.stopObserving(window, 'resize', this.setBaseSizeListener);	
		Event.stopObserving(this.grobj);
		
		Event.stopObserving(this.baseir);
		Event.stopObserving('closeBtn');
		
		//ukk.$('cmmovie').style.visibility = 'hidden';
	},
	
	setBaseSize : function(){
		
	if(ukk.Browser('IE',6)){	
	var winsize = ukk.getViewSize();
	this.grobj.style.top =  winsize.scrolls + 'px';
	this.grobj.style.height = winsize.height + 'px';
	this.grobj.style.width = winsize.width + 'px';
	}
	},
	
	grayvisible: function(event){
		event.stop();
		this.baseObj.style.display = 'none';
		this.grobj.style.display = 'none';
		this.grobj.style.visibility = 'hidden';
		this.baseObj.style.visibility = 'hidden';

		this.layerEvdel();
			
		
		this.basebox.innerHTML = '';

	}
	
});


	
	
ukk.getViewSize = function(){
		
	var allwin = Element.getDimensions(document.body);
	var scrollsize = document.body.scrollTop || document.documentElement.scrollTop;
	var sizeset = {};
	
	if (window.innerWidth && window.innerHeight) {
            var bwidth = window.innerWidth;
            var bheight = window.innerHeight;
            winscr = 15;
            sctop = document.body.scrollTop;
        }else if (document.documentElement && document.documentElement.clientWidth != 0) {
            var bwidth = document.documentElement.clientWidth;
            var bheight = document.documentElement.clientHeight;
            winscr = 15;
            sctop = document.documentElement.scrollTop;
        }else if (document.body) {
            var bwidth = document.body.clientWidth;
            var bheight = document.body.clientHeight;
            winscr = 15;
            sctop = document.body.scrollTop;
        }
	
	return sizeset = {'height' : bheight,'width':bwidth,'scrolls':scrollsize};
	
}
	

var overly = 'gnv_home';
var timerb;
var time_sec = 1;
var timestop = false;
var defid = 'layer_gnv_home';
var layerleftset = {'gnv_home':0,'gnv_cause':78,'gnv_products':188,'gnv_chart':298,'gnv_lecture':408,'gnv_relation':519,'gnv_kanpo':629,'gnv_cm':739,'gnv_special':849};
	  
		  
function listset(){

	if(!ukk.$('gnvBlock')) return;
	var nvobj = ukk.getElementsByTagNameArray('img',ukk.$('gnvBlock'));
	
	var bodyId = ukk.BodyIdClass();
	var nn = ukk.$('gnv_' + bodyId['id']);	
	if(nn){
		nn.src = ukk.Imgsrc.add(nn.src,'_s');
		var nnp = nn.parentNode;
		nnp.id="gnvStay"
		var dd = 'gnv_' + bodyId['id'];
	}
	for(var i=0; i<nvobj.length; i++){
		if(nvobj[i].src.indexOf('_s') == -1) new Image().src = ukk.Imgsrc.add(nvobj[i].src, '_s');
		var gnv = new globalnvFloat(nvobj[i],nvobj[i].id,i,dd);
		gnv.setEevnt();
	}

}

function globalnvFloat(){
	this.initialize.apply(this, arguments);
}

globalnvFloat.prototype = {
		
	initialize:function(nvobj,id,num,dd){
		this.bttag = nvobj;
		this.id = id;
		this.num = num;
		this.dd = dd;
	},
	
	setEevnt:function(){
		
	ukk.Event.add(ukk.$('layer_' + this.id), 'mouseover',this.floatev,false);
	ukk.Event.add(ukk.$('layer_' + this.id), 'mouseout',this.floatev,false);
	
	
	var gete = (function(globalnvFloat){
	
	return function(e){
	
	ukk.Event.stopbubble(e);
	
	var ctarget = this;
	
	if(e.type == 'mouseout'){
	settime();
	}
	if(e.type == 'mouseover'){
	lyclear();
	timestop = true;
	clearInterval(timerb);
	
	defid = 'layer_' + this.id;
	overly = this.id;
	
	var getid = ukk.$(defid);
	getid.style.left = layerleftset[this.id] + 'px';
	getid.style.display = 'block';
	if(globalnvFloat.dd != this.id) this.src = ukk.Imgsrc.add(this.src,'_o');
	}
	}})(this);
	
	ukk.Event.add(this.bttag, 'mouseover',gete,false);
	ukk.Event.add(this.bttag, 'mouseout',gete,false);
	
	},
	
	
	floatev: function(e){
		
	ukk.Event.stopbubble(e);
	
	if(e.type == 'mouseout'){
	settime();
	}
	if(e.type == 'mouseover'){
	timestop = true;
	clearInterval(timerb);
	}	
	
	}
	
}


function outcheck(){
	time_sec --;
	if(time_sec <=0){
		clearInterval(timerb);
		if(!timestop){
		lyclear();
		}
	}
}

function settime(){
	if(!timestop) return;
	time_sec = 1;
	timestop = false;
	timerb = setInterval(outcheck,10);	
}

function lyclear(){
	clearInterval(timerb);
	var o_id = ukk.$(overly);
	var op = o_id.parentNode;
	if(op.id !="gnvStay") o_id.src = ukk.Imgsrc.del(o_id.src,'_o');
	ukk.$(defid).style.display = 'none';
}

function funclist() {
	
	if(ukk.$('localNavi')) localnv_stay();

	listset();
	
	htmlbaseload();
	
	
	if(ukk.$('home')){
	//if(ukk.UA.os == 'mac') ukk.$('toMail').style.fontSize = '93%';	
//	ukk.Element.boxHeight('block01');
	ukk.Element.boxHeight('blocknone');
	ukk.Element.boxHeight('block02');
	}
}


ukk.DOMready.tgFunc(funclist);