@charset "utf-8";

ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
li{
	margin:0;
	padding:0;
}
#btn{
	overflow:hidden;
	margin:10px 0;
}
#btn li{
	padding:8px 15px;
	margin-right:8px;
	margin-bottom: 4px;
	float:left;
	cursor:pointer;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-o-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
}
#btn li:hover {
	background: rgba(81,133,197,.6); /* 年に応じて色を変える */
}	
#btn li.active{
	background: rgba(81,133,197,1);
	color: #fff;
}
#grid li {
	margin: 10px 10px 85px 10px; /* キャプション量に応じてbottom margin を変える */
	width: 146px;
	height: 240px;
	line-height: 1.2;
	text-align: center;
}
#grid img {
	vertical-align:bottom;
	border:1px solid #BBBBBB;
	box-sizing:border-box;
	margin-bottom: 10px;
}
#grid p.d-title {
	font-size: 15px;
	color: rgba(81,133,197,1);
}
#grid p.d-name {
	font-size: 13px;
	margin-top: 3px;
	padding: 4px 2px 2px 2px;
}