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

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

if (!Array.prototype.forEach) {
  Array.prototype.forEach = function(fun /*, thisp*/) {
    var len = this.length;
    if (typeof fun != "function") throw new TypeError();

    var thisp = arguments[1];
    for (var i = 0; i < len; i++){
      if (i in this) fun.call(thisp, this[i], i, this);
    }
  };
}



/* ブラウザ判別 */
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){
	if(ukk.stringChk(IDS)) return document.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){
		if(ukk.ImgOverSetting.stayClass == this.className) return;
		this.src = ukk.Imgsrc.add(this.src, ukk.ImgOverSetting.imgfileNamePlus);
		//ukk.Event.stopbubble(e);		
	},
	
	imgOutFunc : function (e){
		if(ukk.ImgOverSetting.stayClass == this.className) 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;
	
	if(element == null) var doc = document;
	
	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" />'); */

}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" />');
}




//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'; 
		var url = pre.elm.href.split('?');
		var wh = url[1].split('_'); 
		if(wh[2])	pre.baseIn1.appendChild(pre.closeBtnB);
		else 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{
		
		if(url.length > 1){
		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';
		if(ukk.$('flashInner')) ukk.$('flashInner').style.display ='none';
		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.$('flashInner'))	ukk.$('flashInner').style.display ='block';
		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;
        }
	sizeset = {'height' : bheight,'width':bwidth,'scrolls':scrollsize};
	return sizeset;
	
}
	
/* global navi stay */
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,'_o');
		nn.className = "imageStay"
		var dd = 'gnv_' + bodyId['id'];
	}
}

/* local navi stay */
function localset(){
	if(!ukk.$('localNaviBlock')) return;


	var bodyId = ukk.BodyIdClass();
	
	var nn = bodyId['class'];
	var category = nn.split(' ')[0];
	
	var sublocal = ukk.$$('sublocal',ukk.$('localNaviBlock'));
	var category = nn.split(' ')[0];

	if(ukk.$('sub_'+category)) ukk.$('sub_'+category).style.display='block';
	
	var nvobj = ukk.$$('stn',ukk.$('localNaviBlock'));
	if(nn.indexOf('local') != -1){
	var num = parseInt((nn.split(' ')[1]).match(/\d/g));
	nvobj[num-1].className ='stay';
	}

	for(i=0;i<nvobj.length;++i){
			ukk.Event.add(nvobj[i],'mouseover',function(){
				if(this.className != 'stay') this.className = 'over';
			});
		ukk.Event.add(nvobj[i],'mouseout',function(){
				if(this.className != 'stay') this.className = '';
			});
	}

	var nvobj2 = ukk.$$('sstn',ukk.$('sub_'+category));
	
if (ukk.$('sub_' + category)) {
	if (nn.split(' ')[2]) {
 	var num = parseInt((nn.split(' ')[2]).match(/\d/g));
 	nvobj2[num - 1].className = 'stay';
 }

	
	for(i=0;i<nvobj2.length;++i){
			ukk.Event.add(nvobj2[i],'mouseover',function(){
				if(this.className != 'stay') this.className = 'over';
			});
		ukk.Event.add(nvobj2[i],'mouseout',function(){
				if(this.className != 'stay') this.className = '';
			});
	}
			
}


}

function funclist() {

if(ukk.$('localNavi')) localnv_stay();

listset();
localset();
htmlbaseload();
	
var boxelm =	ukk.$$('sBoxInner');

if(boxelm.length > 1){	
ukk.objLine(boxelm);
}

if(ukk.$('logo')) ukk.Event.add(ukk.$('logo').getElementsByTagName('a')[0],'click',paramAdd);
if(ukk.$('gnv_home')) ukk.Event.add(ukk.$('gnv_home').parentNode,'click',paramAdd);
if(ukk.$('toHome')) ukk.Event.add(ukk.$('toHome'),'click',paramAdd);

if (ukk.Browser('IE')) {
	DD_roundies.addRule('div.mainRadius, div.allwidthRadius,div.radius', '7px');
	DD_roundies.addRule('div.mainRadiusB', '0 0 7px 7px');
}
}

function paramAdd(e){

	if (window.sessionStorage) {
		var sttype = sessionStorage.sttype;
	} else if (navigator.cookieEnabled) {
		var sttype = cookieobj.getcookie("sttype");
		//alert(sttype);
	}else{
		var sttype = '';
	}
	if (sttype) {
 	if (this.href.indexOf('?') != -1) {
 	location = this.href + '&top_image=' + sttype; 
		}else {
 	location = this.href + '?top_image=' + sttype;
		}
		ukk.Event.stopevent(e);
	}
}

ukk.DOMready.tgFunc(funclist);


ukk.objLine = function(domElm){
	var ddlng = domElm.length;
	if(ddlng <= 1) return;
	var zz = 0;
	for(var k=0;k<ddlng;++k){
			if(zz <= domElm[k].offsetHeight){
			zz = domElm[k].offsetHeight;
			}
	}
	for(var k=0;k<ddlng;++k){
			var ddst = domElm[k].style;
			if(ukk.Browser('IE') && ukk.UA.ver < 7) ddst.height = zz + 'px';
			else ddst.minHeight = (zz +1) + 'px';
	}
	
	if(ukk.$('home')){
	 var hd = ukk.$$('sBoxInner2',ukk.$('column02'))[0].style;
		
		if(ukk.Browser('IE') && ukk.UA.ver < 7) hd.height = zz*2 - 57 + 'px';
		else hd.minHeight = (zz*2 - 57 + 2) + 'px';

	}
}

//