html {
	background: #e9e9e9;
}


#main {
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;	
}


#tiles {
	list-style-type: none;
	position: relative;
	margin: 0;
}

#tiles li {
	width: 200px;
	display: none;
	z-index: 1000;
}



#tiles li img {
	display: block;
}

div.front{
	position: relative;
	z-index: 1001;
	height: 470px;
	background: #fff;

	margin: 0; 
}

div.back{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0; 
	background: #f5f5f5;	
}
div.back .ttl{
	margin: 7px 7px 0 7px;
	font-size:14px;
	font-weight: bold;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #A47C3C;
	line-height:20px;
}
div.front, div.back p, div.info p{
	color: #333333;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 7px 0 7px;
	padding-bottom: 4px;
	line-height:20px;}
	
.title{
text-align:center;
font-size:14px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #A47C3C;
line-height:20px;

}
.jpr{
text-align:center;
font-size:14px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #333333;
line-height:20px;
}


div.info{
	background: #FFF;
}
div.info h4{
	margin: 0px 7px 0 7px;
	padding-top: 10px;

}