p {font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; font-size: 12; line-height: 2.0;}
p.takuwa_title {font-size: 35; font-weight: bold; color: #ffffff;}
p.title {font-size: 20; font-weight: bold; color: #045FB4;}
p.name {font-size: 20; font-weight: bold;}
p.year {font-size: 18; font-weight: bold;}

.multicolumnbox {
   -moz-column-count: 2;
   -webkit-column-count: 2;
   column-count: 2;

}

#button {
  width:330px;
  color:#ffffff;
  background:#045FB4";
  font-size:12px;
  text-align:right;
  display:block;
  text-decoration:none;
  padding:5px 20px 5px 0;
}
a#button:hover {
  background:-moz-linear-gradient(rgba(34,85,136,0.4), rgba(34,85,136,0.9));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.4)), to(rgba(119,170,221,0.9)));
}

#button2 {
  width:100px;
  color:#ffffff;
  background:#045FB4";
  font-size:12px;
  text-align:center;
  display:block;
  text-decoration:none;
  padding:5px 0 5px 0;
}
a#button2:hover {
  background:-moz-linear-gradient(rgba(34,85,136,0.4), rgba(34,85,136,0.9));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.4)), to(rgba(119,170,221,0.9)));
}

table.left caption {
width: 8em;
caption-side: left;
}

table.size th,td{font-family: "ＭＳ Ｐゴシック","ＭＳ ゴシック",sans-serif; font-size: 13;}

a:link { color: #000000; }
a:visited { color: #045FB4; }
a:hover { color: #000000; }
a:active { color: #000000; }


.timeline {
  list-style: none;
}
.timeline > li {
  margin-bottom: 60px;
}

/* for Desktop */
@media ( min-width : 640px ){
  .timeline > li {
    overflow: hidden;
    margin: 0;
    position: relative;
  }
  .timeline-date {
    width: 160px;
    float: left;
    margin-top: 20px;
  }
  .timeline-content {
    width: 75%;
    float: left;
    border-left: 3px #e5e5d1 solid;
    padding-left: 30px;
  }
  .timeline-content:before {
    content: '';
    width: 12px;
    height: 12px;
    background: #6fc173;
    position: absolute;
    left: 156px;
    top: 24px;
    border-radius: 100%;
  }
}