#footer{
 clear: both;
 width: 930px;
 min-height: 16px;
 display: incline;
 margin-bottom: 0px;
 padding: 6px 14px 6px;
 background: #ffffff;
 text-align: right;
 font-style: normal;
 font-weight: 500;
 font-size: 10pt;
 line-height: 120%;
 color: #666666;
}
#header{
 clear: both;
 width: 928px;
 min-height: 16px;
 display: incline;
 margin-top: 0px;
 padding: 10px 15px 20px;
 background: #ffffff left top;
 font-style: normal;
 font-weight: 500;
 font-size: 10pt;
 line-height: 120%;
/*
 color: #507cad;
 border-radius: 5px 5px 0px 0px;
 */
}
#main{
 float: left;
 width: 928px;
 display: inline;
 min-height: 150px;
 margin-top: 10px;
 margin-bottom: 10px;
 padding: 15px;
 background: #ffffff left top; 
 text-align: left;
 font-style: normal;
 font-weight: 500;
 border-radius: 15px;
}

#page{
 width: 958px;
 margin: 0px auto;
 min-height: 397px; /* 498px; */
 padding: 0px;
 /*
 background: #93c7e6 left top;
 */
 font-style: normal;
 font-weight: 500;
 font-size: 11pt;
 line-height: 150%;
 /* 
 font-family: "HGS平成角ｺﾞｼｯｸ体W3";
 */
 font-family:  "Yu Gothic", "游ゴシック", "Yu Gothic Medium", "-apple-system, BlinkMacSystemFont", "Segoe UI", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", Meiryo, sans-serif;
 color: #333; 
/*
 border: 0px solid;
*/
}

#title{
 clear: both;
 width: 958px;
 min-height: 150px;
 display: flex;
 margin: 0px;
 padding:0px; 
background: url("mstitle.png") round;
}

#side2{
 float: left;
 width: 242px;
 display: inline;
 min-height: 397px;
 margin-top: 0px;
 margin-left: 10px;
 margin-right: -5px;
 padding: 5px;
 background: #ffffff left top; 
 text-align: left;
 font-style: normal;
 font-weight: 500;
 border-radius: 10px;
}

.news{
 float: left;
 width: 323px;
 display: inline;
 min-height: 397px;
 margin-top: 0px;
 margin-left: -5px;
 padding: 5px;
 background: #f0f8ff;
 text-align: left;
 font-style: normal;
 font-weight: 500;
 overflow-y: scroll;
 height:780px;
 border-radius: 10px;
}

.seminar{
 float: left;
 width: 323px;
 display: inline;
 min-height: 397px;
 margin-top: 0px;
 margin-left: 10px;
 padding: 5px;
 background: #f0f8ff left top;
 text-align: left;
 font-style: normal;
 font-weight: 500;
 overflow-y: scroll;
 height:780px;
 border-radius: 10px;
}

a{
 color: #000D99;
}
a:visited{
 color: #4C2472;
}
a:hover{
 color: #CC3434;
}
a:hover img{
    opacity: 0.7;
}

#header a:link{
 color: #666666;
 text-decoration: none;
}
#header a:visited{
 color: #666666;
 text-decoration: none;
}

#header a:hover{
 color: #666666;
 text-decoration: underline;
 opacity: 0.7;
}


.slide-content a:link{
        color: #ffffff;
	text-decoration: none;
}
.slide-content a:visited {
	color: #ffffff;
}
.slide-content a:hover {
	color: #dddddd;
}


.topmenu a:link {
	color: #6F5C38;
}
.topmenu a:visited {
	color: #6F5C38;
}
.topmenu a:hover {
	color: #6F5C38;
}

}
.menu {
	font-size: 10pt;
}
.menu a:link {
	color: #6F5C38;
}
.menu a:visited {
	color: #6F5C38;
}
.menu a:hover {
	color: #FFFFFF;
}


body{
 margin: 0px;
 background: repeating-linear-gradient(
 to bottom,
 #507cad 0%,  #A8BED6 70%, #507cad 100%
); 
 }
h3{
font-size: 12pt;
}

/* クリックで表示させるテキストを隠す （セミナー・談話会の「要旨」で用いている）*/
/*
.hidden {
  display: none;
}
*/

ul.header-dropmenu {
  list-style: none;
  width: 100%;
  height: 40px;
  margin: 0 auto;
  padding: 0;
  display: table;
  table-layout: fixed;
}
ul.header-dropmenu > li {
  position: relative;
  display: table-cell;
  vertical-align: middle;

  border: 1px solid #f8f8f8;
  background: #fff;
  /*
  border-radius: 0px 0px 5px 5px;
  */
z-index: 1;
}
ul.header-dropmenu li a {
  display: block;
  text-align: center;
  line-height: 38px;
  font-weight: bold;
  text-decoration: none;
  font-size: 14px;
  border: 1px solid #CBCBCB;
}
ul.header-dropmenu li ul {
  visibility: hidden;
  width: 100%;
  list-style: none;
  position: absolute;
  top: 100%;
  left: -1px;
  margin: 0;
  padding: 0;
  border: 1px solid #999999; /* マウスオーバー時の枠線 */
  border-top: none;
}
ul.header-dropmenu li:hover ul {
  visibility: visible;
}
ul.header-dropmenu li ul li {
  /*
  background: #fff;
  */
  transition: all .2s ease;
  background: #fff;
}
ul.header-dropmenu > li:hover {
  /*
  background: #f3f4f4;
  */
  border: 1px solid #999999;  /* マウスオーバー時の枠線 */
  border-bottom: none;
  background: #EAE3D6;/* マウスの位置のメニューの色 */
}
ul.header-dropmenu li:hover ul li:hover {
  background: #6F5C38; /* マウスの位置のマスの色*/
}

.hr-menu{
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #ffffff;
}
.scrollable-cell{
  height: 110px;
  overflow-y: auto;
  width: 100%
}
.copyright {
 font-size: 9pt;
 text-decoration: none;
 text-transform: none;
 color: #666666; 
 text-align: right;
}

.slideshow-container {
  width: 100%;
  height: 230px;
  /*
  height: 17vh;
  */
  position: relative; 
  overflow: hidden;
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: fade  30s infinite;
}
.slide:nth-child(1) {
   animation-delay: 0s;
}
.slide:nth-child(2) {
  animation-delay: 5s;
}
.slide:nth-child(3) {
  animation-delay: 10s;
}
.slide:nth-child(4) {
  animation-delay: 15s;
}
.slide:nth-child(5) {
  animation-delay: 20s;
}
.slide:nth-child(6) {
  animation-delay: 25s;
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  6% {
    opacity: 1;
  }
  22% {
    opacity: 1;
  }
  28% {
    opacity: 0;
  }
   100% {
    opacity: 0;
  }
}
.slide-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 50px;
  /*
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
  */
  color: white;
  text-align: left;
              /* 文字の基本設定 */
            font-family: sans-serif, 'Arial Black';
            
            font-size: 24px;
            
            color: #ffffff; /* 白地 */
            /*
	    padding: 10px 5px 5px 15px;
           */
            /*
		border-radius: 5px;
	    */

            /* 薄い黒の影 */
            text-shadow: 
                2px 2px 4px rgba(0, 0, 0, 0.4),  /* 影1: 薄い黒 */
                -2px -2px 4px rgba(0, 0, 0, 0.2); /* 影2: さらに薄い影で立体感を強調 */
}
.banner {
  width: 91%;
  height: 55px;
  position: relative; 
  overflow: hidden;
  /* display: flex; */
  font-size: 14px;
  
}
.banner img {
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 0;
  margin-left: 15px;
}
.banner_text {
  position: relative;
  font-weight: bold;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 6px 54px;
  color: #ffffff;
text-shadow: 
                1px 1px 2px rgba(0, 0, 0, 0.4),  /* 影1: 薄い黒 */
                -1px -1px 2px rgba(0, 0, 0, 0.2);
}
  
.banner a:link{
  color: #ffffff;
	text-decoration: none;
}
.banner a:visited {
	color: #ffffff;
}
.banner a:hover {
	color: #fff;
}

.banner_ymj {
  width: 91%;
  height: 55px;
  position: relative;
  overflow: hidden;
  display: flex;
}
.banner_ymj img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin-left: 15px;
  z-index: 0;
}

.banner_ymj_text {
line-height: 110%;
  font-family: "Times New Roman", serif;
  position: relative;
  text-align: center;
  font-weight: bold;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px 11px;
  color: #333;
  font-size: 14px;
text-shadow: 
                1px 1px 2px rgba(255, 255, 255, 0.4),
                -1px -1px 2px rgba(255, 255, 255, 0.2);
}
  
.banner_ymj a:link{
  color: #333;
	text-decoration: none;
}
.banner_ymj a:visited {
	color: #333;
}
.banner_ymj a:hover {
	color: #333;
	opacity: 0.7;
}

.banner_unit {
  width: 100%;
  height: 55px;
  position: relative;
  overflow: hidden;
  /* display: flex; */
  font-size: 14px;
  
}
.banner_unit img {
  position: absolute;
  top: 0;
  left: 0px;
  width: 85%;
  height: 100%;
  z-index: 0;
  margin-left: 15px;
}
.banner_unit_text {
  position: relative;
  font-weight: bold;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 6px 27px;
  color: #333;
  text-shadow: 
                1px 1px 2px rgba(255, 255, 255, 0.4),
                -1px -1px 2px rgba(255, 255, 255, 0.2);
}
  
.banner_unit a:link{
  color: #222;
  text-decoration: none;
}
.banner_unit a:visited {
	color: #222;
}
.banner_unit a:hover {
	color: #222;
	opacity: 0.7;
}

.banner_ie {
  width: 100%;
  height: 55px;
  position: relative;
  overflow: hidden;
  /* display: flex; */
  font-size: 14px;
  
}
.banner_ie img {
  position: absolute;
  top: 0;
  left: 0px;
  width: 85%;
  height: 100%;
  z-index: 0;
  margin-left: 15px;
}
.banner_ie_text {
  position: relative;
  font-weight: bold;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 6px 73px;
  color: #222;
  text-shadow: 
                1px 1px 2px rgba(255, 255, 255, 0.4),
                -1px -1px 2px rgba(255, 255, 255, 0.2);
}
  
.banner_ie a:link {
  color: #222;
  text-decoration: none;
}
.banner_ie a:visited {
	color: #222;
}
.banner_ie a:hover {
	color: #222;
	opacity: 0.7;
}

img{
 pointer-events: none;
}