// =============================================
// min-width with jQuery
// by Takazudo http://gyauza.egoism.jp/clip/
// =============================================

//  ブラウザ判別
var ie6 = (navigator.userAgent.indexOf("MSIE 6") != -1)? true : false;
var ie55 = (navigator.userAgent.indexOf("MSIE 5.5") != -1)? true : false;

//  ロード時にMinWidthIEFixを実行
 $(document).ready(function(){
	MinWidthIEFix();
});

function MinWidthIEFix(){
	//  IE5.5とIE6だっけ
	if(ie55||ie6){
		//  右側に、min-widthが指定されている親コンテナ、
		//  左側にはそのコンテナ内にある内容を囲む要素（子コンテナ）のセレクタを指定
		SetFakeMinWidth("#MainArea",".Containerbox");
	}
}

function SetFakeMinWidth(FixWrapSelector,MinWidthedSelector){
	//  子コンテナをtableで囲む
	$(FixWrapSelector).wrap("<table width='100%' border='0' cellpadding='0' cellspacing='0' ><tr><td><\/td><\/tr><\/table>");
	//  子コンテナを囲んだtable内につっかえ棒を入れる
	$(FixWrapSelector).parents("td").eq(0).prepend("<div style='height:1px;overflow:hidden;text-align:left;vertical-align:top'>&nbsp;<\/div>");
	//  そのつっかえ棒の幅を、親コンテナのmin-width分の幅にする
	$(FixWrapSelector).parents("td").eq(0).find("div:first").css("width",$(MinWidthedSelector).css("min-width"));
}