@charset "utf-8";

#chronology{
  width:100%;
  max-width:740px;
  margin:0 auto;
}

div.historyModule{
	margin-bottom:25px;
}

.innerHistoryModule {
	padding:30px 0;
	color:#fff;
}

.innerHistoryModule h2{
	margin:0 17px;
	font-size:2em;
	font-weight:bold;
	}
.innerHistoryModule h3{
	margin:0 17px;
	font-size:1.1em;
	font-weight:bold;
	}

/* contents */
div.historyModule .description_box{
	margin:30px 17px 20px;
	line-height:1.4;
	}
div.historyModule .description_box p{
	margin-bottom:20px;
	}
div.historyModule .description_box img.rightImg{
	float:right;
	margin:0 0 20px 15px;
	}

div.historyModule .innerContents{
	padding:0 17px;
}
div.historyModule #box_history {
	padding:25px 0 25px;
}

div.historyModule #box_history #block_history {
	margin:0 auto;
	height:876px;
	width:705px;
	position:relative;
}

div.historyModule #box_history #block_history .txt_1974 {
	position:absolute;
	top:10px;
	left:265px;
}
div.historyModule #box_history #block_history .txt_1977 {
	position:absolute;
	top:30px;
	left:375px;
}
div.historyModule #box_history #block_history .txt_1983 {
	position:absolute;
	top:66px;
	left:268px;
}
div.historyModule #box_history #block_history .txt_1989 {
	position:absolute;
	top:100px;
	left:375px;
}
div.historyModule #box_history #block_history .txt_1993 {
	position:absolute;
	top:125px;
	left:270px;
}
div.historyModule #box_history #block_history .txt_1998 {
	position:absolute;
	top:150px;
	left:375px;
}
div.historyModule #box_history #block_history .btn_2001 {
	position:absolute;
	top:188px;
	left:8px;
}
div.historyModule #box_history #block_history .btn_2003 {
	position:absolute;
	top:194px;
	left:375px;
}
div.historyModule #box_history #block_history .btn_2007 {
	position:absolute;
	top:400px;
	left:8px;
}
div.historyModule #box_history #block_history .btn_2010 {
	position:absolute;
	top:470px;
	left:375px;
}
div.historyModule #box_history #block_history .btn_2014 {
	position:absolute;
	top:620px;
	left:8px;
}

@media (max-width: 991px){
  div.historyModule #box_history #block_history {
    width:100%;
    height:685px;
  }
  div.historyModule #box_history #block_history .txt_1974{
    width:45%;
    top:5px;
    left:100px;
  }
  div.historyModule #box_history #block_history .txt_1977{
    width:45%;
    top:22px;
    left:212px;
  }
  div.historyModule #box_history #block_history .txt_1983{
    width:45%;
    top:51px;
    left:100px;
  }
  div.historyModule #box_history #block_history .txt_1989{
    width:45%;
    top:78px;
    left:212px;
  }
  div.historyModule #box_history #block_history .txt_1993{
    width:45%;
    top:98px;
    left:100px;
  }
  div.historyModule #box_history #block_history .txt_1998{
    width:45%;
    top:118px;
    left:212px;
  }
  div.historyModule #box_history #block_history .btn_2001{
    width:45%;
    top:148px;
    left:8px;
  }
  div.historyModule #box_history #block_history .btn_2003{
    width:45%;
    top:155px;
    left:305px;
  }
  div.historyModule #box_history #block_history .btn_2007{
    width:45%;
    top:308px;
    left:8px;
  }
  div.historyModule #box_history #block_history .btn_2010{
    width:45%;
    top:373px;
    left:305px;
  }
  div.historyModule #box_history #block_history .btn_2014{
    width:45%;
    top:493px;
    left:8px;
  }
}
@media (max-width: 767px){
  div.historyModule #box_history #block_history {
    height:auto;
  }
  div.historyModule #box_history #block_history .txt_1974,
  div.historyModule #box_history #block_history .txt_1977,
  div.historyModule #box_history #block_history .txt_1983,
  div.historyModule #box_history #block_history .txt_1989,
  div.historyModule #box_history #block_history .txt_1993,
  div.historyModule #box_history #block_history .txt_1998,
  div.historyModule #box_history #block_history .btn_2001,
  div.historyModule #box_history #block_history .btn_2003,
  div.historyModule #box_history #block_history .btn_2007,
  div.historyModule #box_history #block_history .btn_2010,
  div.historyModule #box_history #block_history .btn_2014{
    position:static;
    width:auto;
    margin:0 0 30px;
  }
}

/* popup -------------------------------------------------- */
div.historyModule dl.detail{
  width:100%;
  padding:17px 20px 0;
  border:1px solid #373737;
  background:#000;	
}
div.historyModule dl.detail dt{
  margin-bottom:20px;
}
div.historyModule dl.detail dd{
  margin-bottom:14px;
}
div.historyModule dl.detail dd strong{
  font-size:1.2em;
  font-weight:bold;
}