@charset "utf-8";
/*-------- this page css --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
font
-------------------------------------------------------- */

.blue01{ color:#315B9D;}


/* --------------------------------------------------------
main  -  section
-------------------------------------------------------- */

h4.numbers{/*数字見出し*/
	position:relative;
	counter-increment: numeber;
	font-family: "游ゴシック";
	color:#234D95;
	font-size:17px;
	padding-left:30px;
}

h4.numbers:before {
	position: absolute;
	content: counter(numeber)""; /*ダブルクォーテーションの中は数字とテキストの間に入れたい文字**/
	color:#FFF;
	background: #234D95;
	font-size: 15px;
	border-radius: 50%;
	top: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

/*実施事業等会計 テーブル*/
.impleTable th{	background:#77A1BC;	border:#9CC7E3 solid 1px;	color:#FFF;	padding: 2%;	width:30%;}
	.impleTable td{	background:#EAF3F9;	border:#9CC7E3 solid 1px;	padding: 2%;}

/*その他会計 テーブル*/
.otherTable{ margin:0 0 5%;}
	.otherTable th{	background:#68ADAE;	border:#5B9E9F solid 1px;	color:#FFF;	padding: 2%;}
	.otherTable td:first-child{	background:#ECF8EB;	width:30%; text-align:center; vertical-align:middle;}/*左の列*/
	.otherTable td{	border:#5B9E9F solid 1px;	padding: 2%;}

.otherTable2{ margin:0 0 5%;}
	.otherTable2 th{	background:#68ADAE;	border:#5B9E9F solid 1px;	color:#FFF;	padding: 2%;}
	.otherTable2 td{	border:#5B9E9F solid 1px;	padding: 2%;}

/*会員*/
.member{ margin:5% 0 0;	font-weight:bold;	text-decoration:underline;}
	.member ul{	margin:0; padding-inline-start:25px;}

/*組織機構図*/
.figure ul{ list-style:none; margin:0; padding:0; color:#FFF; text-align:center;}
	.figure li{ background:#64A1D2; margin:0 15%; padding:2%; border-radius:10px;}
.figureLine{ background:#64A1D2; margin:0 auto; width:5px; height:20px;}/*縦の線*/

/*理事会*/
.directorBox{ background:#E2F2FF; margin:10% 0; padding:1% 5%;}
	.directorBox table{ background:#FFF; text-align:center;}
	.directorBox td{ border:#82BAD6 solid 1px; padding:2%;}
	.directorBox td:first-child{ width:35%;} /*左の列*/
	.directorBox tr:last-child{ font-weight:bold;}/*最後の行*/

/*評議員*/
.councilorBox{ background:#E6F8F2; margin:10% 0; padding:1% 5%;}
	.councilorBox table{ background:#FFF; text-align:center;}
	.councilorBox td{ border:#86AB8D solid 1px; padding:2%; width:50%;}
	.councilorBox tr:last-child{ font-weight:bold;}/*最後の行*/

/*監事*/
.auditorBox{ background:#F2F2F2; margin:0 0 10%; padding:1% 5%;}



/* タブレットレイアウト : 768 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

/* --------------------------------------------------------
main  -  section
-------------------------------------------------------- */

/*実施事業等会計 テーブル*/
.impleTable{ width:520px; margin:0 0 20px;}
	.impleTable th{	padding: 5px;	width:120px;}
	.impleTable td{	padding:5px 10px;}

/*その他会計 テーブル*/
.otherTable{ width:900px; margin:0 0 20px}
	.otherTable th{	padding: 5px 10px; text-align:left;}
	.otherTable td:first-child{width:100px;}/*左の列*/
	.otherTable td{	padding: 5px 10px;}

.otherTable2{ width:900px; margin:0 0 40px;}
	.otherTable2 th{padding: 5px 10px; text-align:left;}
	.otherTable2 td{padding: 5px 10px;}

/*会員*/
.member{ margin:5px 0 0;}
	.member ul{	margin:0; padding-inline-start:25px;}

/*組織機構図*/
.figure{ float:none; clear:both; overflow:hidden;}
.figure ul{ lmargin:0; padding:0;}
	.figure li{ float:left; clear:none; margin:0; padding:7px 20px;}
.figureLine{ margin:30px 0 0; float:left; clear:none; width:20px; height:5px;}/*横の線*/

/*理事会*/
.directorBox{float:left; clear:none; margin:30px 30px 80px 0; padding:5px 25px; width:350px;}
	.directorBox table{ width:350px; margin:0 auto;}
	.directorBox td{ padding:5px;}
	.directorBox td:first-child{ width:100px;} /*左の列*/

/*評議員*/
.councilorBox{float:left; clear:none; margin:30px 0 10px; padding:30px 40px; width:320px;}

/*監事*/
.auditorBox{ float:left; clear:none; margin:30px 0 0; padding:30px 25px 0; width:350px; height:130px; text-align:center;}



/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 769px) {}