@charset "UTF-8";
/* CSS Document */

#wrapper.index{
	background: url("../img/index/bg.jpg") no-repeat top center;
	background-size: 100% auto;
	min-height: 1200px;
	position: relative;
}

#wrapper.index h2{
	margin-bottom: 2%;
}
/* news
--------------------------------------------------------------------------------------*/
#wrapper.index #whatsnew{
	position: absolute;
	bottom: 5%;
	right: 0;
	width: 70%;
	background-image: linear-gradient(to right, transparent 0 3%, #FFF 20%, #FFF 100%);
	height: 400px;
	padding: 5% 5%;
}
#wrapper.index #news{
	max-width: 500px;
	margin: 0 auto;
	padding: 0;
}

#news dl{
	width:95%;
	height:300px;
	overflow: auto;
	text-align: left;
	margin: 0;
	padding: 2% 2%;
	position: relative;
}

#news dt{
	width: 6.5em;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
	clear:both;
	position:relative;
	color:#000;font-weight: 700;
}

#news dd {
	margin: 0 0 5px 6.5em;
	position:relative; 
	overflow:hidden;
	text-align: left;
}



@media only screen and (max-width: 481px) {

/* index
--------------------------------------------------------------------------------------*/

#wrapper.index{
	background: none;
	min-height: inherit;
	position: relative;
	background-color: #fff;
}
#wrapper.index h2 img{
	width: 100%;
	height: auto;
}

	
/* news
--------------------------------------------------------------------------------------*/
#wrapper.index #whatsnew{
	position: relative;
	display: block;
	width:80%;
	background-image:none;
	background-color: #fff;
	height: 400px;
	padding: 5% 0;
	margin: 0 10%;
}
#wrapper.index #news{
	max-width: inherit;
	width: 100%;
	margin: 0 0;
	padding: 0;
}
	
#news dl{
	width:98%;
	height:200px;
	overflow: auto;
	text-align: left;
	margin: 0;
	padding: 2% 2% 2% 0;
	position: relative;
	font-size: 0.95em;
}

#news dt{
	width: 100%;
	margin: 0 0 3px 0;
	padding: 0;
	float: none;
	clear:both;
	position:relative;
}

#news dd {
	margin: 0 0 1rem 0;
	position:relative; 
	overflow:hidden;
	text-align: left;
}
	
	
}