@charset "utf-8";
/*
 * ==========================================================================
 * 
 * [top]
 * 
 * ==========================================================================
 */
#mainVisualWrapper {
	height: 500px;
	background:url(/crep/img/top/visual1080.jpg) no-repeat center top #006883;
	margin-bottom:50px;
}
	#mainVisualWrapper .inner {
		width: 1080px;
		height: 100%;
		margin: 0 auto;
		position: relative;
	}
	#mainVisualWrapper .inner ul{
		list-style-type:none;
		padding:0;
		margin:0;
	}

#news-container {
	width:670px;
	height:610px;
	overflow:auto;
	float:left;
	text-align:left;
}

#news-container dl {
	padding:10px 10px 20px;
	border-bottom:solid 1px #ccc;	
}

#news-container dl:first-child {
	border-top:solid 1px #ccc;
}

#news-container dt {
	font-size:80%;
	font-weight:bold;
	color:#00a0b3;
	padding-top:15px;	
}

#news-container dd {
	margin:0;
	/*border-bottom:dotted 1px #ccc;*/
	line-height:1.5;
	padding-bottom:15px;
}


#bnr-container {
	width:370px;
	float:right;
}

	#bnr-container ul{
		margin:0;
		padding:0;
	}
	
	#bnr-container li{
		list-style-type:none;
		margin-bottom:20px;
	}

.top-h2ttile {
	font-size:150%;
	text-align:left;
	margin-bottom:30px;
	font-weight:bold;
	border-left:solid 5px #00a0b3;
	padding:10px;
	line-height:1;
}


.notice-box {
	border : 1px solid #e6e6e6;
	background : #f8faff;
	padding : 20px;
	text-align : center;
	margin-top : 35px;
}


.notice-txt {
/*		float : left;
		width : 75%;*/
			padding : 10px;
font-size : 95%;
box-sizing:border-box;
}

/*.notice-btn {
		float : right;
		width : 25%;

}

.notice-btn a  {
		display : block;
		color : #ffffff;
		background : #373839;
		border-radius : 4px;
		padding : 10px;
		text-decoration:none;
		font-size : 95%;
		
		
}

.notice-btn a:hover {
	background-color: #756e62;
	color:#fff;
}

.notice-btn a , .notice-btn a :before , .notice-btn a :after  {
	-webkit-transition: all .3s;
	transition: all .3s;

}
*/
/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 500px) {
	#mainVisualWrapper {
		height: auto;
		background-size:cover;
	}
		#mainVisualWrapper .inner {
			width: auto;
			height:100px;
		}
		
#news-container {
	width:100%;
	height:auto;
	overflow: scroll;
	-webkit-overflow-scrolling: touch;
	float:none;
	text-align:left;
	margin:0 auto 30px;
}


#bnr-container {
	width:100%;
	float:none;
	margin:0 auto;	
}

.top-h2ttile {
	font-size:120%;
	margin-bottom:10px;
}

.notice-box {

	margin-top : 15px;
}

.notice-txt {
		float : none;
		width : 100%;
		box-sizing : border-box;

}

.notice-btn {
		float : none;
			width : 100%;
		box-sizing : border-box;
}

}