@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● オンラインセミナー 専用CSS                           */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#ContentsDivision{
  position: relative;
}
#ContentsDivision:before{
  content: "";
  position: absolute;
  width:  100%;
  height: 100%;
  top:  0;
  left: 0;
background: -moz-linear-gradient(top,  rgba(255,255,255,0.7) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 );

background: -moz-linear-gradient(top,  rgba(51,51,51,0.15) 0%, rgba(51,51,51,0.15) 10%, rgba(51,51,51,0) 100%);
background: -webkit-linear-gradient(top,  rgba(51,51,51,0.15) 0%,rgba(51,51,51,0.15) 10%,rgba(51,51,51,0) 100%);
background: linear-gradient(to bottom,  rgba(51,51,51,0.15) 0%,rgba(51,51,51,0.15) 10%,rgba(51,51,51,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26333333', endColorstr='#00333333',GradientType=0 );

}
#BreadcrumbsArea {
  background-color: #f4f3f1;
}
#ContentsDivision > *{
  position: relative;
  z-index: 10;
}
#Container #SeminarInfo.MainContentsArea{
  padding: 0;
  background: none;
}
    #Container #SeminarInfo section{
      padding: 50px;
      background-color: #fff;
      border-width: 5px 0 0;
      border-style: solid;
      box-shadow: 0 0 15px 1px rgba(0,0,0,0.15);
    }
    #Container #SeminarInfo section + section{
      margin-top: 20px;
    }
        #Container #SeminarInfo section:nth-child(1){
          border-color: #fe7e2b;
          background: #fdf7f4 url("../img/common/decoration/ptn-connected.png");
        }
        #Container #SeminarInfo section:nth-child(2){
          border-color: #78cfd7;
          background-color: #f1f8f9;
        }
            #Container #SeminarInfo section:nth-child(2) .Heading.Type1:after{
              color: #78cfd7;
            }
              #Container #SeminarInfo section:nth-child(2) .Heading.Type1 span{
                text-shadow: 0.04em 0.03em 0 #78cfd7;
              }
        #Container #SeminarInfo section:nth-child(3){
          border-color: #988bfd;
          background-color: #f2f1f9;
        }
            #Container #SeminarInfo section:nth-child(3) .Heading.Type1:after{
              color: #988bfd;
            }
              #Container #SeminarInfo section:nth-child(3) .Heading.Type1 span{
                text-shadow: 0.04em 0.03em 0 #aea4ff;
              }

        #Container #SeminarInfo a:not(.file-link):not([rel="colorbox"]){
          display: inline-block;
          background: #2d5caa;
          background: -moz-linear-gradient(-45deg,  #2d5caa 0%, #5475d8 100%);
          background: -webkit-linear-gradient(-45deg,  #2d5caa 0%,#5475d8 100%);
          background: linear-gradient(135deg,  #2d5caa 0%,#5475d8 100%);
          filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d5caa', endColorstr='#5475d8',GradientType=1 );
          color:  #fff;
          border: 1px solid rgba(255,255,255,0.5);
          box-shadow: 2px 2px 6px rgba(0,0,0,0.25);
          text-decoration: none;
          padding: 0.35em 2.5em;
          margin: 0.75em;
          border-radius: 3px;
        }
        #Container #SeminarInfo a:not(.file-link):not([rel="colorbox"]):hover{
          filter: brightness(1.1);
        }
        #Container #SeminarInfo a:not(.file-link):not([rel="colorbox"]):before{
          content: "\e828";
          font-family: "fontello";
          margin-right: 0.5em;
        }