@media screen and (min-width:1200px){
	#bgarea{
		position:fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		min-height:100%;
		z-index:-1;
		overflow:hidden;
	}
	#bgleft{
		float:left;
		width:12%;
		max-width:170px;
		height:100%;
		background:url(../img/index_left.jpg) repeat-y right center;
		background-size:cover;
	}
	#bgright{
		float:right;
		width:12%;
		max-width:170px;
		height:100%;
		background:url(../img/index_right.jpg) repeat-y left center;
		background-size:cover;
	}
}

body{
	background:url(../img/bg_01.jpg) no-repeat top center fixed;
	background-size:cover;
}
#wrapper{
	width:860px;
	margin:25px auto 0;
	background:url(../img/content_head.png) no-repeat right top;
	padding:20px 0 50px;
}
#content_bg{
	width:860px;
	color:#59524d;
	padding:25px 0;
	background:url(../img/content_bg.jpg) #fff;
}
h1{
	height:72px;
	background:url(../img/photo_title.png) no-repeat center top;
	text-indent:-9999px;
	backface-visibility:hidden;
}
#content{
	width:744px;
	margin:50px auto 0;
	padding:10px 0;
	text-align:center;
}

#content span{
	display:block;
	float:left;
	margin:5px 16px 28px 16px;
	width:200px;
	height:200px;
	border:8px solid #fff;
	transition: all 0.5s ease;
	background:url(../img/photo_bg.jpg) #000;
}
#content span:hover{
	border:8px solid #ddc5ab;
}

#content a img{
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	backface-visibility:hidden;
	opacity:0.6;
	filter:alpha (opacity=60); /* IE */
}
#content a:hover img{
	opacity:1;
	filter:alpha (opacity=100); /* IE */
}

/* SCALE */
.pr40{
	padding-right:40px;
}

img{
	margin-bottom:20px;
}
a:hover img{
	opacity:0.4;
	filter:alpha (opacity=40); /* IE */
}