@charset "utf-8";
/*------------------------------------------------------------
	TOP css
------------------------------------------------------------*/

#slider{ border-bottom:1px solid #ccc;}

#news-hd{
	width:auto;
	padding:10px 10px 6px;
	overflow:hidden;
}

#news-hd h2{
	float:left;
	padding-left:35px;
	color:#333;
	font-size:150%;
	line-height:32px;
	position:relative;
}

#news-hd h2:before{
	display:block;
	content:"";
	width:28px;
	height:20px;
	background:url(../common/img/icon.png) no-repeat;
	background-size:100px 100px;
	background-position:-70px 0;
	position:absolute;
	left:0;
	top:6px;
}

#news-hd p{
	float:right;
	width:110px;
	height:32px;
}

#news-hd a{
	display:block;
	width:auto;
	text-align:center;
	line-height:30px;
	color:#333;
	background:#EFEFEF;
	border:1px solid #E5E5E5;
	border-radius:16px;
}

#news-list{
	width:100%;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}

#news-list a{
	display:block;
	padding:6px 10px;
	color:#333;
}

.news-date{
	font-size:109%;
	margin-bottom:3px;
}

.news-ttl{ font-size:117%;}


/*------------------------------------------------------------
	list
------------------------------------------------------------*/

.headline{
	width:auto;
	margin:15px 0 8px;
	padding:0 10px;
	color:#333;
}

.headline h2{
	float:left;
	font-size:150%;
	line-height:26px;
}

.headline .en{
	font-family:'Amatic SC', cursive;
	font-size:250%;
	letter-spacing:1px;
	line-height:26px;
}

.headline p{
	float:right;
	line-height:26px;
	padding-right:20px;
	background:url(../img/icon-arrow.png) no-repeat right 6px;
	background-size:15px 15px;
}

.list-more{
	width:80%;
	height:40px;
	padding:15px 0;
	margin:0 auto;
}

.list-more a{
	display:block;
	width:auto;
	height:100%;
	text-align:center;
	line-height:40px;
	padding-right:10px;
	color:#fff;
	font-weight:bold;
	font-size:117%;
	background:#FF9EBA url(../img/icon-more.png) no-repeat right 12px top 50%;
	background-size:9px 16px;
	border-radius:20px;
}