/*   0627
------------------------------ */
body {
  background: #eeeeee;
  font-family: Meiryo;
 }


/*    all
------------------------------ */
#all {
  background: #ffffff;
  width: 800px;
  padding: 10px;
  text-align: center;
  border: 1px solid #cccccc;
  margin: 30px auto;
 }


/*    h2
------------------------------ */
h2 {
  color: #dc143c;
 }


/*    attention
------------------------------ */
#attention {
  text-align: left;
  font-size: 85%;
 }

/*    soft
------------------------------ */
.soft {
  text-align: left;
  font-size: 85%;
 }

/*    button
------------------------------ */
.btn01 {
    background-color: #3169d1;
    border: 2px solid #3169d1;
    color: #fff !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.btn01:hover {
    background-color: transparent;
    border: 2px solid #998bfa;
    color: #998bfa !important;
}

/*     iFrame
------------------------------- */
.inlineframe {
 background-color:#FFFFFF;
 height:200px;
 overflow:auto;
 overflow-y:scroll;
 overflow-x:hidden;
}

/*     strong
------------------------------- */
strong {
  color: #ff1493;
}

/*     table
------------------------------- */
table {
    border-collapse:  collapse; /* セルの線を重ねる */
}
 
tr:nth-child(odd) {
    background-color:  #ddd;    /* 背景色指定 */
}
 
th,td {
    padding: 5px 10px;          /* 余白指定 */
}