@charset "utf-8";

body {

 font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  font-weight: normal;
  font-size: 14px;

}

a:hover{ text-decoration:underline;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.flex {

  display: -webkit-box;
  /* Androidブラウザ用 */
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  /* safari（PC）用 */
  display: flex;
  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.flex-nav {

  display: -webkit-box;
  /* Androidブラウザ用 */
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  /* safari（PC）用 */
  display: flex;
  -webkit-justify-content: space-between;

  justify-content: space-between;

}

.flex2 {

  display: -webkit-box;
  /* Androidブラウザ用 */
  display: -ms-flexbox;
  /* IE10 */
  display: -webkit-flex;
  /* safari（PC）用 */
  display: flex;
  -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

}

.just {

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;

}


.g-980{
	position: relative;
    width: 980px;
    margin: 15px auto;
	}
	

	
section{
	padding:15px 0;
}


a.btnopa:hover img 
{
	opacity:0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}



/*ヘッダー上部分*/
header{
	width:100%;
  	background:#fff;
	border-top:4px solid #126D9E;
	padding-top:10px;
}



.t-subnavi{
	text-align:center;
	position:absolute;
	top:15px;
	left:450px;
	width:530px;
}
.t-subnavi li{
	font-size:12px;
	width:25%;
	padding:4px;
	background:#F4F7F8;
	margin:0;
	box-shadow: 0px 0px 0px 4px #F0F0F0, 0px 0px 0px 1px #fff;
}

.t-subnavi li:hover{
	background:#F1EFEB;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.t-subnavi li a{ display:block; width:100%; height:100%;}


/*ヘッダーグローバルナビ*/
nav{
	width:100%;
	background:#126D9E;
	background:url(images/nav-bg.jpg) repeat-x;
	

}

nav ul li{
	width:245px;
	text-align:center;
	border-left:1px solid #fff;
}

nav ul li span{
	font-size:10px;
	color:#fff;
	display:block;
}


nav ul li:last-child{
	border-right:1px solid #fff;
}


nav ul li:hover{
	background:#069
}

nav a{
	color:#fff;
	font-size:14px;
	display:block;
	width:100%;
	height:100%;
	padding:10px 0;
}
nav a:hover{
	opacity:0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/*メインイメージ*/
.main-img{ margin:0 auto; text-align:center}


/*leftコンテンツ*/

.left-con{
	float:left;
	width:700px;
}
.info-tit{ border-bottom:2px solid #0F5A85; padding-bottom:5px; margin-bottom:15px;}
.info-tit2{ border:1px solid #ccc; padding:5px; margin-bottom:15px; background:#eee;}
.info-tit h3,.info-tit2 h3{ font-size:18px;}
.link-r{ left:0;}
.link-r a:before{
	content:url(images/allow.jpg);
	margin: 10px;
    position: relative;
    top: -2px;
}

.info-news p{ margin:5px;}
.info-news li{ border-bottom:1px solid #ccc; margin-bottom:5px;}
.news01{ color:#fff; background:#F39800; padding:1px; width:80px; text-align:center; font-size:12px;}
.news02{ color:#fff; background:#CC0033; padding:1px; width:80px; text-align:center; font-size:12px;}
.news03{ color:#fff; background:#333399; padding:1px; width:80px; text-align:center; font-size:12px;}


.link-list-area ul li{ width:50%; border:1px solid #eee; padding:4px;}
.link-list01,.link-list02,.link-list03{width:304px;}
.link-list01{ border:1px solid #7FA6EB; }

.link-list01 a:before{
	content:url(images/allow-b.png);
	margin: 5px;
    position: relative;
    top: 0px;
}

.link-list02{ border:1px solid #AFD83D;}

.link-list02 a:before{
	content:url(images/allow-g.png);
	margin: 5px;
    position: relative;
    top: 0px;
}

.link-list03{ border:1px solid #F78578;}

.link-list03 a:before{
	content:url(images/allow-r.png);
	margin: 5px;
    position: relative;
    top: 0px;
}

.link-list01 a,.link-list02 a,.link-list03 a{ display:block; width:100%; height:100%;}


.subtit-h2{ color:#fff; background:#126D9E; font-size:20px; padding:15px 10px; margin-bottom:20px;}
.subtit-h2-mem{background:#ececec; border-bottom:3px solid #126D9E; font-size:26px; padding:30px 10px; margin-bottom:20px;}

/*rightコンテンツ*/

.right-con{
	float:right;
	width:240px;
}

.right-con p{ margin-bottom:10px;}
.right-con p img{ width:100%;}

.right-list01{ border:1px solid #7FA6EB; width:100%}
.right-list01 .title{ background:#126D9E; color:#fff;}
.right-list01 li{ background:#eee; padding:10px; text-align:left;border-bottom:1px solid #7FA6EB;}
.right-list01 li a:before{
	content:url(images/allow-b.png);
	margin: 5px;
    position: relative;
    top: 0px;
}
.right-list01 li a{ display:block; width:100%; height:100%;}



/*フッターエリア*/
footer{ margin-top:50px;}

.foot-link{ background:#EEE; padding:5px 0; width:100%;}
.foot-link li{ margin:5px 10px; font-size:12px;}
.foot-link a:before{
	content:url(images/allow.jpg);
	margin: 10px 5px;
    position: relative;
    top: -2px;
}


.copy-area{ background:#126D9E; padding:5px 0; width:100%;}

.copy-area li{ font-size:12px; color:#fff;} 
.copy{ margin-top:40px;}

.pageTop {

position: fixed;
bottom: 0px;
right: 10px;

  }

/*パンくず*/
.pankuzu{ margin:auto; text-align:left; font-size:12px; padding:0 10px;}
.pankuzu li{ margin-right:20px; color:#999;}
.pankuzu li:before{content:"＞";}
.pankuzu li:first-child:before{content:"";}
  
/*中学校長会とは*/
.link-pdf{
	text-align:center;
	padding:10px;
	background: #DAEDFC;
	border:1px solid #126D9E;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	
}
.link-pdf a{
display: block;
}
.mg-t10{ margin-top:10px;}
.mg-b20{ margin-bottom:20px;}
.mg-b40{ margin-bottom:40px;}
  
.aisatsu li{ margin-bottom:10px;}
.aisatsu a{color:#126D9E;}
.aisatsu a:before{
	content:url(images/allow.jpg);
	margin: 10px;
    position: relative;
    top: -2px;
}



.img-area{ padding:10px;}
.img-area img{ width:100%; height:auto;}
.kisyou li{ margin:10px;}
.kisyou li img{ width:100%;}

.kisyou2 li{ margin:10px; width:30%}
.kisyou2 li img{ width:100%;}


/*本会の活動について*/
.base {
	float: left;
	width: 98%;
	margin: 0 1% 3%;
	clear: both;
}
.base th {
	padding: 8px;
	text-align: left;
	color: #333;
	background: #eee;
	border: 1px solid #b9b9b9;
	line-height: 160%;
}
.base td {
	padding: 10px;
	border: 1px solid #b9b9b9;
	line-height: 160%;
}
.base.links td {
	padding: 0;
}
.base.links td a {
	display: block;
	width: 100%;
	padding: 10px;
}


.kakubu li{
	width:42%;
	margin:10px;
	text-align:center;
	padding:10px;
	background: #DAEDFC;
	border:1px solid #126D9E;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}

.kakubu li a,.kikanshi li a{ display:block; width:100%; height:100%;}

.kakubu li:hover
{
	opacity:0.5;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}


.gmap iframe{ width:100%!important;}


.kanren-area li{ margin:10px; width:44%;}


.kikan-tit{ font-weight:bold; margin:20px auto 8px auto; font-size:14px;}
.kikanshi li{
	width:30%;
	margin:5px;
	text-align:center;
	padding:10px;
	background: #EBEBEB;
	border:1px solid #ccc;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
}


font16{ font-size:16px;}

.member-bt{ background:#F60!important; font-size:14px!important; font-weight:bold!important;white-space: nowrap!important;}
.member-bt a{ color: #fff!important; padding:5px!important;}

.photo2 li{ margin:10px 1px; width:49%; text-align:center;}
.photo3 li{margin:10px 1px; width:33%; text-align:center;}
.photo2 li img,.photo3 li img{ width:100%; height:auto; margin-bottom:5px;}


@media only screen and (max-width: 480px) {

.g-980{
	position: relative;
    width: 100%;
    margin: 15px auto;
	}

h1 img{ width:95%; padding-top:10px;}

.t-subnavi{
	left:0px;
	width:100%;
	position:relative;
}
.t-subnavi li{
	width:50%;
}

.flex-nav {
	display:block;

}

.left-con{
	float:none;
	width:100%;
	padding:10px;
}

.right-con{
	float:none;
	width:100%;
	padding:10px;
}

.link-list-area ul{ width:100%;}

.link-list-area li{ width:100%; padding:10px;}
.link-list-area li img{ width:100%}
.sp-info{ padding:0 10px}

.kanren-area li,.kikanshi li{  width:90%;}
.kisyou2 li{ width:100%}
.photo2 li,.photo3 li{ width:100%; padding:10px;}
	
.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
.formTable td,.formTable th{
	border:1px solid #ccc;
	padding:10px;
	display:block;
}
.formTable th{
	width:100%!important;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	font-size:117%;
	font-weight:bold;
}
.formTable input[type="text"]{ padding:3px;width:97%;}

.formTable textarea{width:100%;}
.pc-view{ display: none;}
}
	
}
	
.formTable{
	width:660px;
	margin:0 auto;
	border-collapse:collapse;
}
.formTable td,.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
.formTable th{
	width:170px;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	font-size:117%;
	font-weight:bold;
}

.formTable input{ padding:3px;}

.formTable_ticket{
	border-collapse:collapse;
}
.formTable_ticket td,.formTable_ticket th{
	border:1px solid #ccc;
	padding:5px;
}
.formTable_ticket th{
	width:120px;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	font-size:117%;
	font-weight:bold;
}

.formTable_ticket input{ padding:3px;}
.ticket_img{ float:left; margin-right:15px;}
.ticket_img img{
	width:180px;
}
.error_messe{ color: red;}


table.chart {
	width: 108%;
	margin: 0 1% 3%;
}

table.chart th {
	padding: 8px;
	text-align: left;
	color: #333;
	background: #eee;
	border: 1px solid #b9b9b9;
	line-height: 160%;
}
table.chart td {
	padding: 8px;
	border: 1px solid #b9b9b9;
	line-height: 160%;
	
}

/*各種刊行物*/
.link-pdf2{
	text-align:center;
	padding:10px;
	background: #158BCB;
	border:3px solid #126D9E;
	font-size: 20px;
	font-weight: bold;
	
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */ 
	
}
.link-pdf2 a{
color:#FFFFFF;
}

.link-pdf a,.link-pdf2 a{
display: block;
}

.rizikai li span{ margin-top:7px; color:#126D9E;}
.rizikai a{color:#126D9E;}
.rizikai a:before{
	content:url(images/allow.jpg);
	margin: 7px 10px;
    position: relative;
    top: -2px;
}

/******************************************************************************************
	sp size
******************************************************************************************/

@media screen and (max-width: 479px) {
	table.chart {
	width: 98%;
	margin: 0 1% 3%;
	}
	
	table.chart th {
	padding: 8px;
	text-align: left;
	color: #333;
	background: #eee;
	border: 1px solid #b9b9b9;
	line-height: 160%;
	width: 21%;
	}
	
}