/* CSS Document */

/* ページのレイアウト用CSS */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.timeline{
  margin: auto;
  max-width: 100%;
  list-style: none;
  background-color: #fff;
}
.timeline>li {
    max-width: 450px;          /* 横幅を固定して */
    display: inline-block; /* インラインブロック化 */
    vertical-align: top;   /* 上端を揃える */
    margin: 0px 0px 0px 0px;
    padding: 0;
    border: 1px solid #ccc;
    background-color: #FFFFFF;
	
}
.timeline>li + li {
  border-top: 1px solid #eaeae0;
}
.timeline>li::after {
  display: table;
  content: '';
  clear: both;
}
.timeline>li:hover {
	  opacity: 0.9;
  filter: alpha(opacity=50);
  border:2px solid #00F;
}

.content {
  margin-left:2px;
}
.content > img{
	max-width:380px;
}

.content > span {
  display: inline-block;
  margin-bottom: .2em;
  font-weight: bold;
}
.content > p {
  line-height: 1.5;
  font-size: .9em;
}
.overlay {
  display: none;
  position: fixed;
  top: 25px;
  left: 0;
  right: 0;
  bottom: -20px;
  background-color: rgba(0, 0, 0, .50);
  overflow: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.container {
  display: table;
  padding: 10px 0;
  width: 100%;
  height: 100%;
}
.inner {
  display: table-cell;
  padding: 2em 2em;
  vertical-align: middle;
}
.modal {
  margin: 0 auto;
  padding: .5em 2em 1.8em;
  max-width: 600px; 
  text-align: justify;
  text-justify: inter-ideograph;
  border-radius: 7px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0, 0, 0, .2);
}
.modal::after {
  display: table;
  content: '';
  clear: both;
}
.modal > p {
  text-indent: 1em;
  line-height: 1.7;
}

#main{
	max-width:100%;
	background-color:#FFF;
	margin-top:0px;
}
#cont{
	margin:0;
	padding:0;

}