#list {
	max-width: 700px;
	margin : auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#list tr {
	height : 65px;
}
#list a {
	text-decoration : none;
}

#list div.button {
	background-image : url("images/button-institution.jpg");
	background-repeat : no-repeat;
	width : 319px;
	height : 53px;
	margin-bottom: 10px;
	border : 0;
	font-size : 12pt;
	font-weight : bold;
	text-align : center;
	color : #333;
}

#list div.button div {
	padding : 18px;
}
#list div.button div.shisetutype {
	padding : 18px;
	margin-top : 40px;
	margin-bottom : 50px;
}

div div.button-area {
	margin-top : 40px;

}
#container.list {
	max-width : 980px !important;
}

table.list {
	font-size : 11pt;
	width : 100%;
	padding-top : 0px;
	border : 1px solid;
	border-color : #a0a0a0;
	border-width : 0px 0px 0px 0px;
	border-spacing : 0;
	empty-cells : show;
}
.listConditionSearch {
	margin-top : 20px;
	
}
.listConditionSearch th{
	width : 120px;
	height: 30px;
	
}
.listConditionSearch select{
	width : 150px;
	font-size: 15px;
}
div.shisetsutype{
	align : center;
	background-color: #FFFFFF;
	margin-top : 20px;
	font-size : 13pt;
}
table.list th {
	background-color : #EFFC98;
	text-align : center;
	padding : 4px;
	width: 33%;

	border: solid #EFE6C2 1px;
}

table.list td {
	background-color : #F8FFD9;
	padding : 4px;

	border: solid #EFE6C2 1px;
}

.button-area {
    text-align: center;
    padding: 15px 0px;
}
.button-area img {
    margin: 0px 10px;
}
/*-------ƒ{ƒ^ƒ“--------*/
.table-style .disp-bt,
.disp-bt {
	display:block;
	text-align:center;
	font-weight:bolder;
	font-size:100%;
	border:1px solid #b8ccf3;
	background-color:#d4e0f8;
	margin:2px 4px; padding-left:0; padding-right:0; padding-top:2px; padding-bottom:2px
}
.table-style .disp-bt:hover,
.disp-bt:hover {background:#ebeef3;color:#cc0000;border:1px solid #d4e0f8;}



@media screen and (max-width: 650px) {
	#list {
		justify-content: center;
	}
}