@charset "Shift_JIS";
<style type="text/css">

/*　一般社団法人チーム２０２０　新共通スタイルシート　非メンバー用（右クリック禁止　body）*/
/*　マウスがリンク文字上に乗ったら背景色を薄ブルーに変える　*/
/*　[上下][左右]   上右下左 　*/

* {
	padding: 0 0;
	margin: 0 0;
}a:link{
        color: #00FFFF;
        text-decoration: none; 
	padding:0 0;
	margin:0 0;
}a:visited{
	color: #00FFFF;
        text-decoration: none;
	padding:0 0;
	margin:0 0;
}a:hover{
	color: #FFFFFF;
        text-decoration: none;
        background-color: #751485;
	padding:0 0;
	margin:0 0;
}
.pink { color: #FF00FF; }
a.pink { color: #FF00FF;
          text-decoration: none; }
a.pink:visited { color: #FF00FF;
          text-decoration: none; }

a.bgray { color: #222244;
          text-decoration: none; }
a.bgray:visited { color: #222244;
          text-decoration: none; }

a.red { color: #FF0000;
          text-decoration:underline; }
a.red:visited { color: #FF0000;
          text-decoration:underline; }

.red { color: #FF0000;}
span.red a:link { color: #FF0000;
          text-decoration:underline; }
span.red a:visited { color: #FF0000;
          text-decoration:underline; }

.magenta { color: #FF00FF; }
span.magenta a:link { color: #FF00FF;
          text-decoration:underline; }
span.magenta a:visited { color: #FF00FF;
          text-decoration:underline; }

.darkorange { color: #FF8C00; }
span.darkorange a:link { color: #FF8C00;
          text-decoration:underline; }
span.darkorange a:visited { color: #FF8C00;
          text-decoration:underline; }

span.bpurple  { color: #800080; font-weight: bolder; }
span.byellow  { color: #FFFF00; font-weight: bolder; }

span.bluebold { color: #0033FF; font-weight: bolder; }
span.menublk { color: #000000; font-size: small; text-decoration: none; }
span.menured { color: #FF0000; font-size: small; font-weight: bolder; text-decoration: none; }

.purple { color: #800080; }
.orange { color: #f39800; }
.blue { color: #0000FF; }
span.blue a:link { color: #0000FF;
          text-decoration:underline; }
span.blue a:visited { color: #0000FF;
          text-decoration:underline; }

/*　bodyとid="container"　*/
/*　containerのwidth:100%;　[上][右][下][左]  [上下][左右]*/
/*　header　*/
/*　footer　*/

body{
  width: 100%;
  font-size:small;
  font-family: "メイリオ", "Meiryo" ,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  font: bold 18px "メイリオ" ;
  color: #FFFFFF;
  margin:0 0 0 5px ;
  background-image: linear-gradient(90deg, #210060 0%, #A020A0 70%,#D170D6 100%);
  line-height:1.2em;
}body img{
        border: 0;
        vertical-align:middle;
}
div#container{
  width: 100%;
  word-wrap: break-word;
  overflow: hidden;
  margin: 0 0 0 0;
}

body h2{
  text-align: center;
  font: bold 24px "メイリオ";
  color: #FFFFFF;
  margin:0 0 0 0;
  padding:10px 0 10px 5px;
}

body h3{
  text-align: center;
  font: bold 24px "メイリオ";
  color: #FFFFFF;
  margin:0 0 0 0;
  padding:10px 0 10px 5px;
}

}body h4{
  text-align: left;
  font: bold 24px "メイリオ";
  color: #FFFFFF;
  margin:0 0 0 0;
  padding:10px 0 10px 5px;
}

/*　id="header"　*/
div#header{
  width: 100%;
  margin:0 0;
  font-color: #FFFFFF;
  background-image:linear-gradient(90deg, #210060 0%, #A020A0 70%);
}
div#header a { text-decoration:none ; }
div#header a:link { color: #FFFFFF; }
div#header a:visited { color: #FFFFFF; }
div#header a:hover { color: #FFFFFF; }

div#header h1{
  font: bold 24px "メイリオ";
  margin:0 0 0 0;
  line-height:24px;
  text-align: left ;
}div#header img{
        float:left;
}


/*　id="topbanner"　トップページのバナーイメージ */
div#topbanner{
  height: 220px;
  margin: 0 10px 0 0;
  border: medium ridge #CC00FF;
  line-height: 18px;
}
div#topbnrtxt{
  text-align: center;
  height: 220px;
  font-size: 20px;
  font-weight: bold;
  color: #4F0080;
}

#topimage {
  float:right;
  margin: 0 auto;
  width: 450px;
  height: 200px;
  overflow: hidden;
  position: relative;
}
#topimage img {
  top: 0;
  left: 0;
  position: absolute;
}

div#centerboxo{
  text-align: center;
  font-color: #FFFFFF;
}
div#centerboxi{
  display: inline-block;
  text-align: left;
  white-space: nowrap;
  font-color: #FFFFFF;
}
div#centerboxHead1{
  text-align: center;
  background-image: url(./image/SangaStadium.gif);
  background-size:  cover;
  font: bold 24px "メイリオ";
  font-color: #FFFFFF;
}

div#centerbox1{
  text-align: center;
  font: normal 16px "メイリオ";
}
.f1{
  font-weight: bold ;
}


#allbox {
    display: flex;
}
#rightbox {
    flex-grow: 1;
}
#leftbox {
    flex-grow: 1;
}

.boxA, .boxB, .boxC, .boxD {
  text-align: center;
  float: left;
  width: 25%; // 4分割
}

.boxE, .boxF, .boxG {
  text-align: center;
  float: left;
  width: 33%; // 3分割
}

.boxS, .boxW {
  text-align: center;
  float: left;
  width: 15%; // 4分割
}

.boxT, .boxV {
  text-align: center;
  float: left;
  background-color: #FFFFFF ;
  color: #000000 ;
  height: 140px;
  width: 30%; // 4分割
}

.boxU {
  text-align: center;
  float: left;
  width: 10%; // 4分割
}

/*　id="footer　*/
div#footer{
  font-size:small;
  clear:both;
  width: 100%;
  background-color: #CC99FF ;
  text-align: left;
}

/*　span class="blink"　*/
.blink {
  animation: blinkAnimeS1 1s infinite alternate;
  font:large bold;
}
@keyframes blinkAnimeS1{
   0%{ color : #CC00FF;   background:white }
 100%{ color : white; background:#CC00FF   }
}

</style>
