@charset 'UTF-8';

#top-contents{
}

/* メインビジュアル（スライド） */

#top_visual{
	margin-top:10px;
	margin-bottom:30px;
	width:940px;
	background-color: #fff;
}

#banner-area {
	width:650px;
	/*	border: 2px solid #444;*/
	margin-bottom:20px;
	background-color: #fff;
}


#banner-area img{
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

#banner-area a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: “alpha( opacity=80 )”;
}



#news {
	width:650px;
	margin-bottom:30px;
}



#news ul{
	background-color: #fff;
	overflow: auto;   /* 縦のみスクロール表示 */
	height:250px;

}

#news ul li{
	display: block;
	line-height: 1.5;
	border-bottom:1px solid #E5E5E5;
}

#news ul li a{
	display:block;
	padding: 15px;
	transition: background-color 0.25s ease-out 0s;
	text-decoration: none;
	font-weight:bold;
}


#news ul li .l-ttl{
	text-decoration: underline;
	margin-left:10px;
	border: 0px;
}


#news ul li a:hover {
	color: #003d8a;
	background: #f1f1f1 none repeat scroll 0% 0%;
	text-decoration: none;
}



#news ul li .l-ttl:hover{
	text-decoration: none;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }


/*===============  PC（固有940以下）   ===============*/
@media only screen and (max-width: 940px){
	
	/* 上書き */
	
	#top_visual{
		width: 100%;
	}
	
	#top_visual img{
		width: 100%;
	}
	
}


/*===============  スマートフォン   ===============*/
/*@media only screen and (max-width: 768px){}*/
@media only screen and (max-width: 650px){

	.pc { display: none !important; }
	.sp { display: block !important; }
	
	#top_visual{
	  width: 100%;
	}
	
	#top_visual img{
	  width: 100%;
	}
	
	#wrapper {
		margin-top:70px;
		width: 100%;
	}
	
	
}