$(function(){
	$('.NewsList > li').addClass('clearfix');
	$('.NewsList > li > em').addClass('clearfix');
	$('.NewsList li:contains("重要")').addClass("Important");
	$('.NewsList li:contains("NEW")').addClass("New");
	$('.NewsList li:contains("お役立ち")').addClass("Info");


// リスト要素に対するclearfix設定
	$('ol.clearfix > li > :last-child,ul.clearfix > li > :last-child,dl.clearfix > dd > :last-child,dl.clearfix > dt > :last-child,li.clearfix > :last-child,dt.clearfix > :last-child,dd.clearfix > :last-child').after('<p class="Clear2"></p>');
	$('p.Clear2').css("height","1px");



// -------------------------------------------------------------
//  ☆★☆　サムネイル一覧の縦センタリング（改造途中：IEで初期ロード時に有効にならない）
	$('#hoge ul li').each(function(){
		var tham = $(this);
		var thamimg = tham.find("img");
		var imgh = thamimg.height();
		var margin = 69 - imgh ;
		var margin2 = margin / 2 ;
		thamimg.css('margin-top', margin2 );
	});



// -------------------------------------------------------------
//  ☆★☆　配下a要素にマウスオンすると上の親要素に「On」クラスを付ける

	$('.ImgMapList a , .SideMainLink a , #Menu .PhotoBlog a').hover(
		function () {
			cssname = $(this).parent().attr("class");
			$(this).parents().eq(1).addClass( cssname + "On");
		},
		function () {
			cssname = $(this).parent().attr("class");
			$(this).parents().eq(1).removeClass( cssname + "On");
		}
	);

// -------------------------------------------------------------
//  ☆★☆　画像をマウスオンで_2が付いたものに入れ替え

	$.fn.rollover = function(){
		return this.each(function(){
			var target = $(this);
			target.data('src', target.attr('src'));

			target.hover(function(){
				target.attr('src', target.data('src').replace(/\.([^.]+)$/, "_2.$1"));
			},function(){
				target.attr('src', target.data('src'));
			});
		});
	};

	//  ▼適用する要素を入力
	$('img.rollover').rollover(); 

// -------------------------------------------------------------
//  ☆★☆　高さをn個ずつで揃える
	function setHeight(target, step){
		for(var i = 0; i < target.length; i += step){
			var group = [];
			for(var j = 0; j < step; j++){
				if(target[i + j]){
					group.push(target[i + j]);
				}
			}
			$(group).flatHeights();
		}
		return target;
	}

	//  ▼適用する要素、個数を入力
	$(function(){
		setHeight($('.Photolist li'), 3);
		setHeight($('ul.huga li'), 5);
	});

// -------------------------------------------------------------
//  ☆★☆　ul要素のliを等間隔で配置
	$('ul.hoge').each(function(){
		var ul = $(this);
		var li = ul.children();
		var rest = ul.width();
		li.each(function(){
			rest -= $(this).width();
		});
		var margin = rest / (li.length - 1);
		var margin2 = margin / ul.width() * 10000;
		var margin3 = Math.floor(margin2) / 100;
		li.not(':last').css('margin-right', margin3 + '%');
	}); 
// -------------------------------------------------------------


});