@charset "utf-8";

.red {
    color:red;
}

.project li {
    text-indent:-1em;
    padding-left:1em;
}

.president {
    width:40%;
    margin:15px auto;
}

.officers_and_committees {
    max-width:800px;
    margin:15px auto;
}

figcaption {
    text-align:center;
}

.committee dt {
    font-weight: bold;
}

.committee dd{
    margin-left: 1em;
}

.atami, .access, .header {
    margin:15px auto;
}

.committee, .ta1 {
    margin:15px auto 30px;
}

#sub .box2 span {
    text-decoration: none;
    display: block;
    padding: 40px 15px;
    border: solid 3px #e4e4e4;
}

.ta1 th {
	width: 20%;/*幅*/
}

@media screen and (min-width:800px){

.committee dt {
    float: left;
}

.committee dd{
    margin-left: 55%;
}

.atami, .access, .header {
    width:80%;
}

.committee, .ta1 {
    width:94%;
}

.ta1 th {
	width: 140px;/*幅*/
}

}

/*btn（buttonタグ用）
---------------------------------------------------------------------------*/
button.btn {
	padding: 5px 10px;		/*上下、左右へのボタン内の余白*/
	border: 1px solid #ccc;	/*枠線の幅、線種、色*/
	border-radius: 3px;		/*角丸のサイズ*/
	background: #eee;		/*背景色*/
}
/*マウスオン時の設定*/
button.btn:hover {
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	background: #fff;		/*背景色*/
}