@charset "utf-8";

/* CSS Document */

  #leadSection {
  }
    #leadSection p {
      font-size:1.2em;
      color:#65a1d7;
    }


  #envFrame {
  }
    #envTabsUl {
      width:100%;
      height:auto;
    }
      #envTabsUl li {
        width:25%;
        text-align:center;
        float:left;
        height:auto;
        text-align:center;
      }
        #envTabsUl li a {
          font-size:1.2em;
          font-weight:bold;
          width:640px;
          display:table-cell;
          vertical-align:middle;
          height:3em;
          color:#94b6d4;
          text-decoration:none;
          -moz-box-sizing: border-box;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -moz-border-radius: 8px 0px 0px 0px;
          -webkit-border-radius: 8px 0px 0px 0px;
          border-radius: 8px 0px 0px 0px;
          background:#ebf1f7;
        }
        #envTabsUl li a.on { background:#deebf7; color:#5b9bd4; }
    
    #envContents {
      width:100%;
      background:#deebf7;
      padding:20px;
      box-sizing: border-box;
    }
      #envContentsBox {
        background:#fff;
        padding:20px;
      }
        #envContentsBox table {
          width:100%;
          border-top:1px solid #bebebe;
          border-left:1px solid #bebebe;
          border-collapse:collapse;
          display:none;
          box-sizing: border-box;
        }
          #envContentsBox table th {
            display:block;
            border-right:1px solid #bebebe;
            border-bottom:1px solid #bebebe;
            background:#f2f2f2;
            padding:16px;
            box-sizing: border-box;
          }
          #envContentsBox table td {
            display:block;
            border-right:1px solid #bebebe;
            border-bottom:1px solid #bebebe;
            padding:16px;
            box-sizing: border-box;
          }
            #envContentsBox table td .note {
              color:#5b9bd4;
              font-size:0.8em;
            }





  /* step3
  ----------------------------------------- */
  #step3Section {
  }
    #step3Section .arrowCase {
      text-align:center;
      padding:1em 0 0.8em 0;
    }
      #step3Section .arrowCase img {
        width:80%;
        max-width:214px;
      }
    #step3Section .leadTxtCase {
      font-size:1.2em;
      color:#65a1d7;
      text-align:center;
    }
  #step3Section table.glid {
    border-left: 1px solid #BEBEBE;
    border-top: 1px solid #BEBEBE;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom:1em;
  }
    #step3Section table.glid th,
    #step3Section table.glid td {
      border-bottom: 1px solid #BEBEBE;
      border-right: 1px solid #BEBEBE;
      padding: 10px;
    }
    #step3Section table.glid th {
      background: #F2F2F2;
      text-align:center;
      font-weight:bold;
    }
  #btn_demosite {
    background: url("../images/btn_demosite_bg.gif") repeat-x scroll 0 0 transparent;
    box-shadow: 0 0 0 1px #dedede, 0 0 0 2px #fff;
    width:100%;
    height:36px;
    line-height:36px;
    display:block;
    text-align:center;
    color:#fff;
    font-size:1.4em;
    font-weight:bold;
    border:0;
    cursor:pointer;
  }
  


#maintenance_wrap {
	width:100%;
	box-sizing: border-box;
	margin:0px auto 20px;
	border:2px solid #CE181E;
	padding:10px;
}
#maintenance_wrap img {
  max-width: 100%;
  height: auto;
}