footer{text-align:center; font-size:15px;margin:10em 0 1em 0;}

body{background:linear-gradient(white,#CEF6F5,#A4A4A4);
    background-attachment: fixed;}

#container{margin:-10px auto 0 auto ;width:90%;
    background:white ; padding:1% ;
    box-shadow:0px 0px 15px 10px rgba(0, 0, 0, 0.2);}

#modoru{display:inline-block;
  position:fixed; bottom:8% ; right:10%; opacity:0.3;
  transition:opacity 1s ease-out 0s;}
#modoru:hover{opacity:1; transform:perspective(300px) rotateX(20deg);}


h2{background:#0B3861; color:white;border-radius: 10px;
     text-align:center; margin:0 0.3em;
     padding:0.3em 0 ; font-size:25px ;  }

p{ font-size:18px ; font-weight:600; padding:0.8em;
  /*200904追加*/padding-bottom:5em;
  /*200505追加*/letter-spacing: 0.02em;line-height:normal;
}

.waku2{border:5px double #8A0829 ; display:inline-block;}

.ga img{border-radius: 10px; width:450px ; margin:1em 0;}
.ga_waku2 img{border:5px double #8A0829 ; display:inline-block;}
/*200418 プロパティ値をinitial(IEのみ未対応)からautoに変更*/
/*aとimgの間に基本的にbrが入るので隣接セレクタは普段発動しない*/
.ga a+img{  /*a8のWebビーコンに反応させない*/
        border-radius: auto; width:auto ; margin:auto ;
        border:none ; display:auto;  }


table{
    border-spacing: 0;border:2px solid #848484 ;
    font-size:18px;font-weight:600 ;}

td,th{
    padding:5px ;
    border:1px solid #BDBDBD ; }
th{background:#0A2A0A; color:white;}
td{text-align:center; background:#FBFBEF;}
caption{caption-side:bottom ; font-weight:400 ; font-size:12pt;}
.table-scroll{margin-left:1em;}




#adsense{overflow-x:scroll; height:140px;}

h1{
background: darkolivegreen;
color:white; box-shadow:0px 5px 8px black;
padding-top:10px;
text-align:center;
border-radius: 20px 20px 0 0;
background:linear-gradient(
   to bottom,lightcyan 0%,darkolivegreen 15%,darkslategray 87%);
}

#content{
width:750px; background:#F7F2E0;
border-radius: 20px 20px 0 0;
border-left:2px solid darkolivegreen;
border-right:2px solid darkolivegreen;
border-bottom:2px dashed darkolivegreen;
}




@media (max-width:900px){/*and (min-width:499px)*/
.ga img{width:70%;}
#content{width:99%;}
h2{margin:1em 0 ;}
nav{float:none; width:70%;margin:auto;}
}

@media (min-width:801px){
p{width:80%;}
}

@media(max-width: 600px){
#container{ width:100%;}
.ga img{width:90%;}
#modoru{ bottom:1% ; right:3%; text-align:right;}
#modoru>img{width:50%;}
.table-scroll{overflow-x:scroll; white-space:nowrap;}
nav{ width:90%;margin:auto;}
}



.a8 img{  /*a8のバナーにimgのスタイルを適用させないのに使ってる*/
        border-radius: initial; width:95% ; margin:auto ;
        border:initial ; display:block; }


.waku3,#mokuji{border:5px double dodgerblue; background:snow;
    border-radius:7px; padding:0.4em; display:inline-block;}

#mokuji{line-height: 180%; padding:0.5em 1.8em;}


em{font-size:24px;color:#8A0829}


/*200416 箇条書き用*/
     .kajyo{display:inline-block; margin-left: 1em;}
.kajyo>span{display:inline-block; margin-left:-1em;}

/*200416 テーブル内特定の文字揃え*/
.soroe{display:inline-block;width:10em;text-align:center}