@charset "utf-8";

/* structure
----------------------------------------------------------------------------------*/
.bx-wrapper{margin: 0 auto 50px;}
#bxslider{max-width: 570px;margin: 0 auto;}
.bx-wrapper .bx-prev{left: 20px;}
.bx-wrapper .bx-next{right: 20px;}
@media only screen and (max-width: 640px){
.bx-wrapper .bx-prev{left: 10px;}
.bx-wrapper .bx-next{right: 10px;}
}


#news{
	margin: 0 0 40px;
	padding: 10px;
	border: 1px solid #fb4750;
	border-left: 10px solid #fb4750;
	overflow: hidden;
}
#news h2{
	float: left;
	margin: 3px 20px 0 0;
	color: #fb4750;
	font-size: 16px;
	font-weight: bold;
}
.top-ttl{
	margin: 0 0 20px;
	padding: 10px 0 15px 55px;
	color: #1997fc;
	font-size: 20px;
	font-weight: bold;
}
.ttl-menu{
	font-weight: bold;
	color: #FF0;
	background-color: #0090FF;
	text-align: center;
	font-size: 150%;
	margin-bottom: 10px;
	padding: 10px;
}

.ttl-item{
	margin: 0 -10px 20px;
	padding: 10px 20px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	background: #0090ff;
}

.carousel-wrap{padding: 0 42px;}
.carousel a{color: #646464;text-decoration: none;}
.carousel h4{
	margin: 0 0 10px;
	padding: 5px 0 5px 10px;
	font-size: 16px;
}
.carousel span{display: block;}
.carousel .btn{text-align: right;}
.bx-wrapper .bx-prev{left: -42px;}
.bx-wrapper .bx-next{right: -42px;}