
/*サイト全体の設定。各idはすべてここに書く*/
/*背景色各ページbodyタグ内で設定#1A72A7*/
body{
  background-color:#1A72A7 ;
  font-family:'yodotypefont.woff';
  src: url('./fonts/yodotypefont.woff') format(woff);
}



@font-face {
  font-family:'yodotypefont.woff';
  src: url('./fonts/yodotypefont.woff') format(woff)
}

p {
color:white;
}


.rtf{
  font-family:'yodotypefont.woff';
  color:white; 
}


  
.homeLeft10{
  position: absolute;
  top: 10vmin;
  left: 25vw;
  text-align: right;
  font-size:1.4vw
}


.titleLeft10{
  position: absolute;
  top: 6vmin;
  left: 21vw;
  text-align: right;
  font-size:1.4vw; 
}


.homeLeft12{
  position: absolute;
  top:  60vmin;
  left: 20vw; 
font-size:1vw;
}

@media screen and (max-width: 999px){
  

  .homeLeft12{
    position: absolute;
    top:  60vmin;
    left: 5vw; 
  font: size 4vw;

  }

  .homeLeft10{
    position: absolute;
    top: 8vmin;
    left: 10vw;
    text-align: right;
    font-size:2vw
  }
  .titleLeft10{
    position: absolute;
    top: 6vmin;
    left: 2vw;
    text-align: right;
    font-size:2vw; 
  }
  
 
}




.box {
  margin       : 0;
  width        : 2px;
  height       : 100vh;
  background   : #ffffff;
  position: absolute;
  top:  0.1vmin;
  left: 40vw; 
}

@media screen and (max-width: 999px){
.box {
  margin       : 0;
  width        : 2px;
  height       : 100vh;
  background   : #ffffff;
  position: absolute;
  top:  0.1vmin;
    left: 32vw; }
}
.square {
  width: 5px;
  height: 100px;
  color:white;
}

.homeimg{
  position: absolute;
  top:  4.6vmin;
  left: 42vw; 
}

p.top img {
  border: 0.3vmax solid #ffffff;
  width: 28vw;
  }
@media screen and (max-width: 999px){
  p.top img {
    border: 0.3vmax solid #ffffff;
    width: 45vw;
    }}
  

  .left-menu {
    width: 200px;
    padding: 10px;
    background-color:#0585D0;
  }
  .menuLeft10{
    position: absolute;
    top: 100px;
    left: 100px;
    text-align: right;
    font-size:18px; 
  }
  @media screen and (max-width: 999px){
    .menuLeft10{
      position: absolute;
      top: 8vmin;
      left: 0.1vw;
      text-align: right;
      font-size:2vw; 
    }
  }
  .pagecontents {
    text-align: left;
    width: 800px;
    padding: 10px;
    background-color:transparent;
    position: absolute;
  top: 0px;
  left: 300px;
  }
  @media screen and (max-width: 999px){
  .pagecontents {
    text-align: left;
    width: 60vw;
    padding: 10px;
    background-color:transparent;
    font-size: 3vw;
    position: absolute;
  top: 10vmin;
  left: 27vw;
  }}
  a {
    color:white;
    text-decoration: none;
  }
  #textunder {
    text-decoration: underline white;
  }
  .textwhite {
    background-color:white;
    }

    .textblue {
      background-color:#1A72A7;
      }
      .Mbox {
        margin: 0;
        width: 2px;
        height: 100vmax;
        background:#ffffff;
        position: absolute;
        top: 1px;
        left: 340px;}
        @media screen and (max-width: 999px){
          .Mbox {
            margin       : 0;
      width        : 2px;
      height       : 200vh;
      background   : #ffffff;
      position: absolute;
      top:  0.1vmin;
        left: 26vw
       }}

    
  
	.press {
		overflow:auto;
		width:35vw; height:10vmin;
		border:2px solid #ffffff;
		background-color:#1A72A7;
    font-size: 1.0vmax;
    padding:5px;
    position: absolute;
    top: 85vmin;
    left: 41vmax; 
	}


  @media screen and (max-width: 990px){
    .press {
    overflow:auto;
    width:40vw; height:10vmin;
    border:0.5px solid #ffffff;
    background-color:#1A72A7;
    font-size: 2vw;
    
    padding:5px;
    position: absolute;
    top: 68vmin;
    left: 41vw; 
  }
}

#rireki{
  text-align: left;
  overflow:auto;
  width:35vw; height:15vmin;
  border:0.5px solid #ffffff;
  background-color:#1A72A7;
  font-size: 0.9em;
  padding:0px;
  margin-left: auto;
    margin-right: auto;}

  .textpress {
    font-size: 1.4vmax;
    position: absolute;
    top: 75vmin;
    left: 41vmax; 
	}

  @media screen and (max-width: 990px){
  .textpress {
    font-size: 1.4vmax;
    position: absolute;
    top: 60vmin;
    left: 41vw; 
  }
}
  .underlink {
    text-decoration:underline;
    text-decoration-color:white;
  }

