:root{
  --page1: #ef6150;
  --page2: #fca700;
  --page3: #0ac4b3;
  --page4: #b0c223;
  --page5: #11acf0;
}
h1.form-signin-heading {
  width: 100%;
}
.row_button {
  /*float: left;*/
  width: 100%;
  padding: 10px 0;
  text-align: center;
}
.edulogin_button {
  background-color: #f2f2f2;
  display: block;
  max-width: 400px;
  margin: 5px auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
}
.edulogin_button a {
  color: #000;
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px;
}
.edulogin_button a img {
  margin: 0 6px 0 0;
  position: relative;
  top: 6px;
}
a:focus{
  outline-width: 5px;
  outline-style: dashed;
  outline-color: #00929c;
}
input:focus {
  color: #000;
  border: 5px solid #f00; 
  outline: none;
}
.form-signin button:focus {
  border:5px dashed #d07ffe;
}
/************************************************************/
.area_about{
  width: 100%;
  padding: 20px 20px 40px 20px;
  background-color: #fffef8;
  border-radius: 5px;
  margin-top: 5px;
  margin-bottom: 5px;
}
.area_about .title{
  font-weight: bold;
  font-size: 1.25em;
  text-align: center;
  margin-bottom: 1em;
}
/************************************************************/
.pagelists{
  margin-top: 5px;
  display: grid;
  gap: 5px;
  grid-template-columns: repeat(2,1fr);
}
.pagelists.grid3{
  grid-template-columns: repeat(3,1fr);
}
.pagelists .box{
  width: 100%;
  background-color: #333;
  border-radius: 5px;
  font-weight: bold;
  color: #fff;
  font-size: 1.25em;
  text-align: center;
}
.pagelists .box.page1{background-color: var(--page1);}
.pagelists .box.page2{background-color: var(--page2);}
.pagelists .box.page3{background-color: var(--page3);}
.pagelists .box.page4{background-color: var(--page4);}
.pagelists .box.page5{background-color: var(--page5);}
.pagelists .box img{
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 10px auto;
  box-shadow: 0 0 5px 5px #00000022;
  border-radius: 50%;
}
.pagelists .box a{
  color: #000;
  padding: 20px;
  width: 100%;
  height: 100%;
  display: block;
}
.pagelists .box a:hover{
  color: #fff;
}
@media (max-width: 580px){
  .pagelists,
  .pagelists.grid3{
    grid-template-columns: repeat(1,1fr);
  }
}
/************************************************************/
.linklists{
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
.linklists .box{
  display: inline-block;
  width: 100%;
  margin-bottom: 0px;
  border-radius: 5px;
  border: 1px solid #667fa0;
}
.linklists a{
  padding: 10px;
  width: 100%;
  height: 100%;
  display: block;
  font-weight: bold;
}
.linklists .sel a{
  color: #fff;
}
.linklists .sel.page1{background-color: var(--page1);}
.linklists .sel.page2{background-color: var(--page2);}
.linklists .sel.page3{background-color: var(--page3);}
.linklists .sel.page4{background-color: var(--page4);}
.linklists .sel.page5{background-color: var(--page5);}
@media (max-width: 500px){
  .linklists .box{
    display: block;
    width: 100%;
  }
}
/************************************************************/
.otherlinklists{
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 5px;
}
.otherlinklists .box{
  display: block;
  width: 100%;
  margin-bottom: 5px;
  border-radius: 5px;
  background-color: #07142E;
}
.otherlinklists img{
  max-width: 100%;
}
.otherlinklists a{
  color: #fff;
  padding: 10px;
  width: 100%;
  height: 100%;
  display: block;
  font-weight: bold;
}
.otherlinklists a:hover{
  color: #ffea0c;
}
/*******************************************************************************/
/*box_news*/
.container_news{
  background-color: #fff;
  border-radius: 5px;
  margin-top: 5px;
  overflow: hidden;
}
.container_news h2{
  background-color: #333;
  color: #000;
  text-align: center;
  font-size: 1.25em;
  font-weight: bold;
  padding: 10px 0;
}
.container_news h2 a{color:  #000}
.container_news h2.page1{background-color: var(--page1);}
.container_news h2.page2{background-color: var(--page2);}
.container_news h2.page3{background-color: var(--page3);}
.container_news h2.page4{background-color: var(--page4);}
.container_news h2.page5{background-color: var(--page5);}
.box_news{
  clear:both;
  width:100%;
  border-bottom:1px dashed #CCCCCC;
  overflow:hidden;
  padding:10px;
  margin:0 0 14px 0;
  font-size: 1em;
}
.box_news:last-child{
  border-bottom:none;
}
.box_news_mainpage_list{
  width:100%;
}
.box_news a{
  display: block;
  overflow: hidden;
}
.box_news .left{
  float:left;
  padding:8px 0 0 10px;
  width:465px;
}
.box_news .left_mainpage_list{
  width:100%;
}
.box_news .left_mainpage_list2{
  width:calc(100% - 170px);
}
.box_news .left .date{
  display: inline-block;
  width:100px;
  font-size:0.938em;
  color:#20496c;
  
  letter-spacing:1px;
  margin:0;
}
.box_news .left .counts{
  display: inline-block;
  font-size:0.813em;
  color:#999999;
  background:url(icon_counts.png) no-repeat left;
  background-position:0 50%;
  padding:0 0 0 12px;
  letter-spacing:1px;
  margin:0 2px 0 0;
}
.box_news .left img.label{
  display: inline-block;
  width: 28px;
  height: 16px;
  vertical-align: middle;
  position: relative;
  top: -2px;
  padding: unset;
}
.box_news .left .docname{
  display: inline-block;
  color: #20496c;
  font-weight: bold;
}
.box_news .left .title{
  clear:both;
  margin:0 0 2px 0;
  padding:0;
  color: #222;
  font-size:1.500em;
  line-height: 1.1em;
}
.box_news .left .title a{
  color:#533804;
}
.box_news .left .title a:hover{
  color:000;
}
.box_news .left .info{
  clear:both;
  font-size:1em;
  color:#555;
  
  line-height:1.2em;
  letter-spacing:1px;
}
.box_news .left .info a{
  color:#555;
  margin:4px 0;
}
.box_news .right{
  float:right;
  width:160px;
  margin:0;
  padding:8px 0 0 0;
}
.box_news .right .image_s{
  width:100%;
  padding-bottom: 10px;
  text-align:right;
  -moz-background-size: contain; -webkit-background-size: contain; -o-background-size: contain; background-size: contain;
  -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
.box_news .right .image_s a{
  position:relative;
  display:block;
  width:100%;
  -webkit-background-size:cover !important;
  -moz-background-size:cover !important;
  background-size:cover !important;
  background-position:center center !important;
}
.box_news .right .image_s img{
  width:100%;
}
/***************************/
.for_accessibility .goCenter {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #333;
  z-index: 99;
  border: 1px solid #fff;
  background-color: #fff;
  padding: 0px 10px;
  opacity: 0;
  white-space: nowrap;
  overflow: hidden;
  color: #000;
}
.goCenter:focus, .goCenter:hover {
    opacity: 1;
}
/**************************/
/*column_copyright*/
.column_copyright{
  position:relative;
  clear:both;
  width:100%;
  padding:20px 0;
  margin:6px auto;
  z-index:9;
  overflow:hidden;
  border-radius: 5px;
}
.column_copyright .column{
  border-top:none;
  max-width:1070px;
  margin:0 auto;
}
.column_copyright .column .fb{
  float:left;
  /** margin:30px 0 20px 0; **/
}
.column_copyright .column .link{
  float:left;
  width:600px;
  /** margin:50px 0 20px 0; **/
}
.column_copyright .column .link ul{
  text-align:center;
  width:100%;
}
.column_copyright .column .link ul li{
  display:inline-block;
  line-height:30px;
  font-size:1.000em;
  margin:0 10px 0 10px;
}
.column_copyright .column .link ul li a{
  display:inline-block;
  line-height:30px;
  height:30px;
}
.column_copyright .column .link ul li a:hover{
  border-bottom:1px dashed #fff;
}
.column_copyright .column .counts{
  clear:both;
  width:100%;
  text-align:center;
  font-size:0.938em;
  margin:20px auto 0 auto;
  padding:20px 0 0 0;
  border-top:0px dotted rgba(0, 0, 0, 0.1);
}
.column_copyright .column .link ul li img{
  vertical-align: bottom;
}
.column_copyright .column .counts img{
  position:relative;
  top:1px;
}
.column_copyright .column .info{
  width:100%;
  text-align:center;
  font-size:0.938em;
  margin:20px 0 0 0;
  padding:0 10px;
  line-height:20px;
}
.column_copyright .column .info .host,
.column_copyright .column .info .address{
  display:inline-block;
}
.column_copyright .column .info .service_msg{
  clear:both;
}
@media screen and (max-width:1100px) {
  .column_copyright .column .fb{
    float:none;
    width:90%;
    max-width:400px;
    margin:30px auto 20px auto;
    overflow:hidden;
  }
  .column_copyright .column .link{
    width: 100%;
    margin: 0;
  }
  .column_copyright .column .info .host,
  .column_copyright .column .info .address,
  .column_copyright .column .info .service_msg{
    display:block;
  }
}
.column_copyright .column .e-mail{
  width:100%;
  text-align:center;
  font-size:0.875em;
  margin:0 0 0 0;
  line-height:20px;
}
.column_copyright .column .e-mail a{
  color:#000;
}
.column_copyright .column .e-mail a:hover{
  color:#157DAC;
}
/*************************************/
/*PAGE*/
.page_container{
  float:left;
  width:100%;
  height:auto;
  text-align:center;
  font-size:0.9em;
  margin:0px 0 15px 0;
}
#page_block{
  display:inline-block;
  width:auto;
  padding:0;
  width:100%;
  text-align:center;
  font-size:0.938em;
  cursor:pointer;
  
}
.page_block_see{
  display:inline-block;
  color:#06F;
  height:28px;
  line-height:28px;
  *zoom:1;
}
#page_block a{
  color:#157DAC;
  display:inline-block;
  zoom:1;
  line-height:20px;
  height:20px;
  margin:0 5px 0 5px;
}
#page_block a:hover{
  color:#069;
}
#page_block .page{
  padding:0 7px 0 7px;
  margin:0 -3px 0 0;
}
#page_block .page_prev{
  border-right:1px dotted #ccc;
  padding:0 25px 0 0;
  margin:0 20px 0 0 !important;
}
#page_block .page_next{
  border-left:1px dotted #ccc;
  padding:0 0 0 25px;
  margin:0 0 0 20px !important;
}
#page_block .page_back{

}
.page_container_prev_next{
  width:100%;
  font-size:0.750em;
  text-align:center;
  color:#20496c;
  padding:20px 0 0 0;
  margin:0 0 10px 0;
}
.page_container_prev_next .page_block a{
  margin:0 10px 0 10px;
  color:#999;
}
.page_container_prev_next .page_block a:hover,
.page_block a:hover{
  color:#069;
}
.page_block .jump{
  cursor:pointer;
}
.page_block .page_block_row{
  display: inline-block;
  margin: 0 5px 5px 0;
}
.page_block_showpage{
  display:inline-block;
  padding:0;
  text-align:center;
}
.page_block_showpage a{
  color:#666;
  display:inline-block;
  zoom:1;
  line-height:27px;
  margin:0;
  padding:0px 10px;
  -webkit-border-radius:25px;
  -moz-border-radius:25px;
  border-radius:25px;
}
.page_block_showpage a.page_block_see{
  background-color:#20496c;
  display:inline-block;
  color:#FFF;
  font-weight:bold;
}
.page_block_showpage a:hover{
  color:#20496c;
}
.page_block_showpage a.page_block_see:hover{
  color:#FFF;
}
.page_block_showpage .page_back{
  display:inline-block;
  padding:0;
  margin:0;
  border:none;
}
.page_block_showpage .page_prev{
  display:inline-block;
  padding:0 5px 0 0;
  margin:0 5px 0 0;
  border:none;
}
.page_block_showpage .page_next{
  display:inline-block;
  padding:0 0 0 5px;
  margin:0 0 0 5px;
  border:none;
}
.page_select_pc{
  display:inline-block;
}
.page_select_mobile{
  display:none;
}
@media screen and (max-width:640px) {
  .page_select_pc{
    display:none;
  }
  .page_select_mobile{
    display:inline-block;
  }
}
/********************************/
.news_info_column{
  display: block;
  padding: 10px;
}
/**********************************************************/
.main_title_column{
  width:100%;
  border-bottom:1px dashed #CCCCCC;
  
  overflow:hidden;
  padding:10px 0 10px 0;
  margin:0 0 15px 0;
  color:#20496c;
}
.main_title_column .left{
  float:left;
  width:100%;
  
}
.main_title_column .left.full_width{
  width:100%;
}
.main_title_column .left .title{
  font-size:1.375em;
  line-height:26px;
  margin:5px 0 0 0;
}
.main_title_column .right{
  float:right;
  width:30%;
  text-align:right;
}
.main_title_column .right .link{
  font-size:0.875em;
  color:#cc0000;
}
.main_title_column .right img{
  vertical-align:middle;
}
.main_date{
  color:#20496c;
  font-size:1.063em;
  margin:0 0 15px 0;
  
}
.main_date .date,
.main_date .time,
.main_date .address,
.main_date .address2{
  clear:both;
  width:100%;
  line-height:28px;

}
.main_date .join_button{
  float:left;
  width:150px;
  margin:30px 0 30px 0;
}
.main_date .join_button a{
  color:#ffffff;
  background:#20496c;
  padding:10px 20px;
  font-size:1.250em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
}
.main_date .join_button a:hover{
  position:relative;
  top:-1px;
  background:#f57c00;
}

.HTML_info{
  clear:both;
  width:100%;
  letter-spacing:1px;
  line-height:26px;
  margin:0 0 20px 0;
  word-break: break-all;
}
.HTML_info border,
.HTML_info border img,
.HTML_info img,
.HTML_info iframe{
  max-width:100% !important;
}
.main_title_column th{
  text-align: center;
}
/********************************/