$(document).ready(function () {
/* ----------------------------------------------------------
 カラーオーバーレイ
 ---------------------------------------------------------- */
 $(window).load(function() {
  // ページのロード時
  var a = $('a[rel*=lightbox]');
  a.css("display", "block");
  a.css("position", "relative");
		a.each(function() {
			$(this).css("width", $(this).find('img').width());
			$(this).css("height", $(this).find('img').height());
		});
  var cssObj = {
   position:"absolute",
   top:"0",
   left:"0",
   cursor:"pointer"
  }
  $(a).hover(function() {
   // マウスオーバー時
   var img = $(this).find('img');
			var w = $(this).width();
			var h = $(this).height();
   $(this).css("width", w).css("height", h);
   $(this).append('<span class="balpha"></span>');
   var span = $(this).find('span.balpha');
   span.fadeTo(0, 0.2);
   span.css("width", w).css("height", h);
   span.css("display", "block");
   span.css("background-color", "#000");
   span.css(cssObj);
   img.css(cssObj);

  }, function() {
   // マウスアウト時
   $(this).find('span.balpha').remove();
  });
 });
	/* ----------------------------------------------------------
	Lightbox
	---------------------------------------------------------- */
	$('a[rel*=lightbox]').lightBox();
});