.hrcs ,.cs h1 ,.c h1 {border-color : #b40022; }
                      .j h1 {border-color : #ff9900; /*#009999;*/ }
              .j1 h1 {border-color : #e31106; }
              .j2 h1 {border-color : #007e42; }
              .j3 h1 {border-color : #150b09; }

       .hrcs ,.c h1 ,.j h1 ,.cs h1 ,.j1 h1 ,.j2 h1,.j3 h1
         {border-top-style : solid;border-top-width : 1px;
          border-bottom-style : solid;border-bottom-width : 1px;
          border-left-style : hidden;border-left-width : 0px;
          border-right-style : hidden;border-right-width : 0px;
          width : 97%;clear : both;}
          


    .bgwh {background-color : #ffffff;color: #b40022;}
    .bgre {background-color : #b40022;color: #ffffff;}
    .bgbk {background-color : #000000;color: #b40022;}


    h4.bgwh,h4.bgre,h4.bgre {font-size: 130%;padding-left : 8.5px;padding-right : 8.5px;}


div.bgwh ,div.bgre ,div.bgbk
    {margin-top: 15px;margin-bottom: 15px;border-style : solid;border-width : 1px;width : 99%;text-align : left;}




div.pre {background-color: #a6f84e; padding-right: 10px ; 
         border-color: #4169e1; border-style: solid; border-width: 1px; float: left ; }
div.pre#prenonn , div.pre#prenonn1 , div.pre#prenonn2 , div.pre#prenonn3 , div.pre#prenonn4 , div.pre#prenonn5 , div.pre#prenonn6 , div.pre#prenonn7 , div.pre#prenonn8 , div.pre#prenonn9 , div.pre#prenonn10 , div.pre#prenonn11 , div.pre#prenonn12 , div.pre#prenonn13 , div.pre#prenonn14 , div.pre#prenonn15 , div.pre#prenonn16 , div.pre#prenonn17 , div.pre#prenonn18 , div.pre#prenonn19 , div.pre#prenonn20 , div.pre#prenonn21 , div.pre#prenonn22 , div.pre#prenonn23 , div.pre#prenonn24 , div.pre#prenonn25 , div.pre#prenonn26 , div.pre#prenonn27  {margin-right: 4px ; }
   pre {background-color : #a6f84e;padding-right : 0.5em;}
   pre span{font-size : smaller;}




  .fl , #g1 , #g2 , #g3, #g4 , #g5 , #g6 , #g7 , #g8 , #g9 , #g10 , #g11, #l1 , #l2 , #l3
                    {float: left;}
  .fr , .standings  {float: right;}


   #l1 {width: 30%; }
   #r2 {width: 70%; }


  dl.fll , dl.flr{ margin-top: 0px; margin-bottom: 0px; padding: 5px;  }  
    .fll{background-color: #f8f8ff;  border-color: #0000cd;border-style: solid; border-width: 1px; }
    .flr{background-color: #f8f8ff;  border-color: #dc143c;border-style: solid; border-width: 1px; }
  div.tbl dl.fll, div.tbl dl.flr{width: 40%;}
  ul.fll li{margin-left : 0.5em ! important ;margin-left : 1em ;}


div.tbl {padding-left: 80px; }
  table {background-color : #b0c4de;}
    th {background-color: #a6f84e; }
    td {text-align : center; }


  div.standings  {padding-bottom: 10px;}
  div.standings tr.home {color : #ffffff;background-color : #ff6347;}
  div.standings tr.away {color : #ffffff;background-color : #9367ff;}    
  div.standings p {text-align : right;text-indent : 0.5em;margin-top : 0.5em;margin-bottom : 0em;}
      .all           {background-color: #f0e68c}
      .all01, .all02 {background-color: #f8fff8}
      .all1 , .all2  {background-color: #ffffb0}
      .all3 , .all4  {background-color: #f8fff8}


  dt em {font-size : 110%;font-style : normal;font-weight : bolder;
         margin-right : 0.5em;padding-left : 0.5em;padding-right : 0.5em;}

  .c dt em {color : #ffffff;background-color : #b40022;}

  .j dt em {color : #0000ff;background-color : #A6F84E;}


/*-----------------    --------------------------*/



/*-----------------    --------------------------*/




@media screen and (min-width:981px) /*981px以上で適用する内容*/
  {
  #l2 {/*width: 30%; */margin-left: 1em;}
  
  main.j  h4{text-indent: 10px;}
  
  div.bgwh  span , div.bgre  span , div.bgbk  span  {font-size : 450%;margin-left : 0.5em;}
  
  main h1{font-size : 130%;margin-top: 70px;margin-bottom: 5px;}
  
  
  
  #g1  strong , #g2  strong , #g3  strong , #g4  strong , #g5  strong , #g6  strong , #g7  strong  , #g8  strong , #g9  strong , #g10  strong , #g11  strong
       {text-indent: 1em;padding-top: 5px; padding-left: 1em; padding-bottom: 5px; padding-right: 1em;}
  
                     th {padding-left: 10px; padding-right: 10px;}
    div.standings tr.th {padding-left:  5px; padding-right:  5px;  }
  
  .home th, .away th, .all th , .all01 th, .all02 th,.all1 th, .all2 th, .all3 th, .all4 th
       {font-size : 100%;padding-left : 9.5px;padding-right : 9.5px;}
  
  .home td, .away td, .all td , .all01 td, .all02 td,.all1 td, .all2 td, .all3 td, .all4 td
       {font-size : 100%;}
  
  

}

@media screen and (max-width:981px) /*981px以下で適用する内容*/
 {
  #l2 {width: 90%;margin-left: 10px;margin-right: 10px; padding-left: 30px;}
  
  main.j  h4{text-indent: 10px;}
  
  div.bgwh  span , div.bgre  span , div.bgbk  span {font-size : 150%;margin-left : 0.5em;}
  
  main   h1{font-size : 105%;margin-top: 250px;margin-bottom: 5px;font-weight: normal;}
  main.c h1{font-size : 103%;margin-top: 250px;margin-bottom: 5px;font-weight: normal;}
  
  #g1  strong , #g2  strong , #g3  strong , #g4  strong , #g5  strong , #g6  strong , #g7  strong  , #g8  strong , #g9  strong , #g10  strong , #g11  strong , .fl  strong
       {/*text-indent: 1em;*/padding-top: 5px; padding-left: 5px; padding-bottom: 5px; padding-right: 5px;font-size : 100%;}
  
  #g1 p , #g2 p , #g3 p , #g4 p , #g5 p , #g6 p , #g7 p  , #g8 p , #g9 p , #g10 p , #g11 p 
       {width : 100%;}
  
  
                     th {padding-left: 1px; padding-right: 1px;}
    div.standings tr.th {padding-left: 1px; padding-right: 1px;}
  
  .home th, .away th, .all th , .all01 th, .all02 th,.all1 th, .all2 th, .all3 th, .all4 th
       {font-size : 90%;padding-left : 2.5px;padding-right : 2.5px;}
  
  .home td, .away td, .all td , .all01 td, .all02 td,.all1 td, .all2 td, .all3 td, .all4 td
       {font-size : 90%;}
  
}