<!-- テーブルのレイアウト -->
table tr {
  background-color:#fff;
}
table th {
  border: solid 1px silver;
  padding:4px 4px 4px 4px;
  background-color:#1f218a;
  color:#fff;
  font-size:1.1em
}
table td {
  border: solid 1px silver;
  color:#333;
  padding:4px 4px 4px 4px;
  font-size:1em
}
th tr {
border:solid 1px #ccc;
}
table {
  border-collapse:collapse;
}
a {
  color:#0079c1;
  text-decoration:none;
}
.block{
	border-style: dotted;
	border-width: 1px;
	padding:10px 5px 10px 20px;
}

a.btn2 {
   width:12em; 
   margin:0.5em 0.5em;
    background-color:#ddeeff;
    border:1px solid #8888ff;
    padding:5px 10px;
    border-radius:5px;
    cursor:pointer;
    text-decoration:none;
     display:inline-block;
    text-align:center;
}
a.btn2:hover{
    color:white;
    background-color:navy;
    text-shadow:0px 0px 3px #ffffff;
}

a.btn3 {
   width:26.5em; 
   margin:0.5em 0.5em 0.5em 0.5em;
    background-color:#ddeeff;
    border:1px solid #8888ff;
    padding:5px 10px;
    border-radius:5px;
    cursor:pointer;
    text-decoration:none;
     display:inline-block;
    text-align:center;
    }
a.btn3:hover{
    color:white;
    background-color:navy;
    text-shadow:0px 0px 3px #ffffff;
    }
.button {
    width:20em;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:#333333;
    background-color:#b6cfff;
}
a.btn4 {
    background-color:#ddeeff;
    border:1px solid #8888ff;
    padding:5px;
    border-radius:5px;
    cursor:pointer;
    text-decoration:none;
    width:8em;
    display:inline-block;
    text-align:center;
    color:#000000;
    }
a.btn4:hover {
    color:#333333;
    background-color:#cccccc;
    border:1px solid #8888ff;
    padding:5px;
    border-radius:5px;
    cursor:pointer;
    text-decoration:none;
    width:8em;
    display:inline-block;
    text-align:center;
    }
.btn5 {
    width:12em;
    font-size:1.1em;
    font-weight:bold;
    text-decoration:none;
    display:inline-block;
    text-align:center;
    padding:8px 0 10px;
    color:#000000;
    background-color:#ffffff;
    border:0px solid #ffffff;
    margin:0.5em 0.5em;}

.title {
  display:inline-block;
  padding:5px 15px;
  background: #bdd3ff;
  background: -webkit-gradient(linear, left top, right top, from(#e0ebff), to(#bdd3ff));
  background: -moz-linear-gradient(top, #e0ebff, #bdd3ff);
  background: -o-linear-gradient(top, #e0ebff, #bdd3ff);
  background: -ms-linear-gradient(top, #e0ebff, #bdd3ff);
  background: linear-gradient(top, #e0ebff, #bdd3ff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0ebff', endColorstr='#bdd3ff');
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#e0ebff', endColorstr='#bdd3ff')";
  background: linear-gradient(top, #e0ebff, #bdd3ff);
  -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 1px rgba(0,0,0,0.2);
  zoom: 1;
}