/* ------------------------------
 
 ------------------------------ */
h2 {
	margin-top: -60px;
	margin-left: -280px;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 560px;
	height: 120px;
	z-index: 2;
}
h2.americanfootball { background-image: url(/images/americanfootball/img01.png); }
h2.concert { background-image: url(/images/concert/img01.png); }
h2.snapshot { background-image: url(/images/snapshot/img01.png); }

#container {
	margin: 0 auto;
	padding: 40px 0 120px;
	width: 960px;
}

#container ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#container ul { display: inline-block; }
/*\*/
* html #container ul { height: 1%;}
#container ul { display: block; }
/**/

#container li {
	float: left;
	width: 162px;
	height: 237px;
}
#container li.last {
	width: 150px;
}

#container li div {
	background: #fff;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.05);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.05);
	width: 150px;
	height: 225px;
	position: relative;
}

#container li div p {
	overflow: hidden;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 144px;
	height: 219px;
}

#container li div a {
	-webkit-transition: opacity .3s ease-out;
	-mos-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
}

#container li div a:hover {
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	opacity:0.5;
}

#container li div p img {
	position: absolute;
	top: -3px;
	left: 0px;
}