@charset "utf-8";

body {
  float: left;
  background: #98fb98;
}

#Smapho {
background-color: #66CCFF;
}

#Header_title {
padding: 0;
margin-left: 0%;
margin-right: auto; /*  左寄せ     */
}
#Header_title  h1 {
margin: 0;
font-size: 2.5em;
color: rgba(255, 255, 255, 0.247);
}
#Header_title p {
margin: 0;
font-size: 2em;
}
#Title2  h1 {
  text-align: left; 
  font-style: italic;
  font-family: DancingScript,Georgia, serif;
margin: 0;
font-size: 5em;
color: #00FFFF;
}
#Title2  h3 {
  text-align: left; 
  font-style: italic;
  font-family: DancingScript,Georgia, serif;
margin: 0;
font-size: 2em;
color: #00FFFF;
}

.sentence
{
 text-align: left;
  width:600;
  display: block;
 margin-left: 0;
 font-size: 1.7em;
 font-family: 'DFP教科書体W3',Geogia,serif; 
 color: #0d1344; 
 background-color: #d6d6ae
}


.sentenceSMP
{
 text-align: left;
  width:600;
  display: block;
 margin-left: 0;
 font-size: 3.5em;
 font-family: 'DFP教科書体W3',Geogia,serif; 
 color: #0d1344; 
}



.navi 
{
  clear:both;
   font-size: 1.7em;
   height:80px;  /* no effect ; why ? */
}
.navi ul {
   margin: 0;
   padding: 0;
}
.navi li {
  display: inline-flex; /* inline Only is noeffect   */
  
  padding-left: 5px; /* noeffect */
  padding-right: 5px;

  padding-top: 10px;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 /*
 border-left:solid 1px #00FFFF; 
 */
 line-height: 45px;  /*  文字の行間   */
}
.navi li a {
  margin: 5px;
  margin-left: 5px;
  padding: 0.5em 1em; /* effect */
  text-decoration: none;
  text-align: center;
  height: 50px; 
  border-bottom: solid 5px #627295; /* shadow on bottom */
  color: rgb(102, 105, 255); /*
  background-image: url( ../img/Wsl001.jpg);
  background-repeat: no-repeat;
  background-position: top; */
  background-color: aquamarine;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.navi li a:hover {
  color:#ffffff;
  background-position: 0;
}
.navi li.first-menue {
  border-left:none;
  height:50px;  /* no effect ?  */
}

.VspaceTop {
  margin-top: 3em;
}

/*          -------   NaviS  : small size of navi expression       */
.naviS
{
  clear:both;
   font-size: 1.2em;
   height:80px;  /* no effect ; why ? */
}
.naviS ul {
   margin: 0; 
   padding: 0;
}
.naviS li {
  display: inline-flex; /* inline Only is noeffect   */
  padding-left: 5px; /* noeffect */
  padding-right: 5px;
  padding-top: 5px;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size:2.5em;
 border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 /*
 border-left:solid 1px #00FFFF; 
 */
 line-height: 60px;  /*  文字の行間   */
}
.naviS li a {
  margin: 5px;
  margin-left: 5px;
  padding: 0.5em 1em; /* effect */
  text-decoration: none;
  text-align: center;
  height: 60px; 
  border-bottom: solid 5px #627295; /* shadow on bottom */
  color: rgb(102, 105, 255); /*
  background-image: url( ../img/Wsl001.jpg);
  background-repeat: no-repeat;
  background-position: top; */
  background-color: aquamarine;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.naviS li a:hover {
  color:#ffffff;
  background-position: 0;
}
.naviS li.first-menue {
  border-left:none;
  height:60px;  /* no effect ?  */
}


/*    ---------- /// ---------
*/
#Vcontents {
  box-orient: vertical;
}
#box1 {
  height: 500px;
}
#box2 {
  height:500px;
}
#box3 {
   height:800px;
}

.s2 {
  width:800px;
  font-size:2em;
  font-family:serif;
}
.s2 ul {
  margin-top:3px;
}
.s2 li {
  margin-bottom:8px;
 list-style: none;
 line-height: 2em;
}
.s2 li a {
  display:block;
  color: rgb(102, 105,255);
  background-color: aqua;
  line-height: 3em;
  text-decoration:none; /* no underline of text    */
  text-align: center;
  font-weight: bold;
  border-bottom: solid 5px #627295; /* shadow on bottom */
}
.S2 li a:hover {
  color:#ffffff;
  background-position: 0;
 }



/*          -------   NaviS  : small size of navi expression       */
.naviS2
{
  width: 750pc;
  clear:both;
   font-size: 1.2em;
   height:80px;  /* no effect ; why ? */
}
.naviS2 ul {
   margin: 0; 
   padding: 0;
}

.naviS2 li {
  display: block; /* no inline  */
  padding-left: 5px; /* noeffect */
  padding-right: 5px;
  padding-top: 5px;
 list-style-type: none;
 font-family: Arial, Helvetica, sans-serif;
 font-size:2.5em;
 border-top-right-radius: 5px;
 border-top-left-radius: 5px;
 /*
 border-left:solid 1px #00FFFF; 
 */
 line-height: 60px;  /*  文字の行間   */
}
.naviS2 li a {
  margin: 5px;
  margin-left: 5px;
  padding: 0.5em 1em; /* effect */
  text-decoration: none;
  text-align: center;
  height: 60px; 
  border-bottom: solid 5px #627295; /* shadow on bottom */
  color: rgb(102, 105, 255); /*
  background-image: url( ../img/Wsl001.jpg);
  background-repeat: no-repeat;
  background-position: top; */
  background-color: aquamarine;
  border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
}
.naviS2 li a:hover {
  color:#ffffff;
  background-position: 0;
}
.naviS2 li.first-menue {
  border-left:none;
  height:60px;  /* no effect ?  */
}