
body{
  background-color:rgb(235, 251, 255);
}

#header{
	background-image:url('../img/header_sub_back.jpg');
	background-position:center;
	background-repeat:no-repeat;
	height:170px;
}
#header h1{
	width:1000px;
	margin:0 auto;
	text-align:center;
}
#header h1 img{
	vertical-align:bottom;
}

#presentation{
  display:block;
	width:1000px;
	margin:20px auto 30px auto;
}


#tab_menu_up{
  margin-top:30px;
  display:flex;
}
#tab_menu_up p{
  width:45%;
  height:50px;
  line-height:50px;
  font-size:20px;
  text-align:center;
  cursor:pointer;
	font-family: "Rounded Mplus 1c","メイリオ",sans-serif;
  font-weight:bold;
}
#menu_up1025{
  background-color:hsl(195, 100%, 46%);
  margin-right:5%;
  position:relative;
  border-radius:20px 50px 0 0;
}
#menu_up1025::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  border-left: 50px solid transparent;
  border-top: 50px solid rgb(235, 251, 255);
}
#menu_up1026{
  background-color:hsl(51, 100%, 50%);
  margin-left:5%;
  position:relative;
  box-sizing:border-box;
  border-radius:50px 20px 0 0;
}
#menu_up1026::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  border-right: 50px solid transparent;
  border-top: 50px solid rgb(235, 251, 255);
}

#tab_menu_down{
  margin-bottom:50px;
  display:flex;
}
#tab_menu_down p{
  width:45%;
  height:50px;
  line-height:50px;
  font-size:20px;
  text-align:center;
  cursor:pointer;
	font-family: "Rounded Mplus 1c","メイリオ",sans-serif;
  font-weight:bold;
}
#menu_down1025{
  background-color:hsl(195, 100%, 46%);
  margin-right:5%;
  position:relative;
  border-radius:0 0 50px 20px;
}
#menu_down1025::after{
  content:"";
  position:absolute;
  top:0;
  right:0;
  border-left: 50px solid transparent;
  border-bottom: 50px solid rgb(235, 251, 255);
}
#menu_down1026{
  background-color:hsl(51, 100%, 50%);
  margin-left:5%;
  position:relative;
  box-sizing:border-box;
  border-radius:0 0 20px 50px;
}
#menu_down1026::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  border-right: 50px solid transparent;
  border-bottom: 50px solid rgb(235, 251, 255);
}

.tab_box{
  line-height:1.5em;
  padding:20px;
}
#box1025{
  border:3px solid hsl(195, 100%, 46%);
  border-top:20px solid hsl(195, 100%, 46%);
  border-bottom:20px solid hsl(195, 100%, 46%);
  background-color:white;
}
#box1026{
  display:none;
  border:3px solid hsl(51, 100%, 50%);
  border-top:20px solid hsl(51, 100%, 50%);
  border-bottom:20px solid hsl(51, 100%, 50%);
  background-color:white;
}


.tab_box_inner{
  display:flex;
}




.figure{
  position:relative;
  width:280px;
	font-family: "Rounded Mplus 1c","メイリオ",sans-serif;
}
.tab_box h3{
  width:200px;
  height:50px;
  line-height:50px;
  text-align:center;
  margin-left:80px;
}

.figure p {
  position:absolute;
  width:80px;
  height:15px;
  line-height:15px;
  font-size:15px;
  color:#666;
  left:0;
  text-align:right;
}
.timeline1000{
  top:43px;
}
.timeline1100{
  top:223px;
}
.timeline1200{
  top:403px;
}
.timeline1300{
  top:583px;
}
.timeline1400{
  top:763px;
}
.timeline1500{
  top:943px;
}
.timeline1600{
  top:1123px;
}
.timeline1700{
  top:1302px;
}

.timetable{
  margin-left:80px;
  width:200px;
  height:1260px;
  border:1px solid #666;
}
.timetable div{
  width:96%;
  height:3px;
  padding:0 2%;
  font-size:13px;
  border-image-width:0;
  line-height:1.55em;
}

.event_time1025{
  /* background-color:hsl(195, 100%, 46%); */
  background:hsl(200, 85%, 83%);
  cursor:pointer;
}
.event_time1025 span{
  text-decoration:none;
  border-image-width:0;
  font-weight:bold;
}

.event_time1026{
  background-color:hsl(51, 100%, 75%);
  cursor:pointer;
}
.event_time1026 span{
  text-decoration:none;
  font-weight:bold;
}


.list{
  width:670px;
  font-size:13px;
  line-height:20px;
}
.list dl{
  margin-bottom:10px;
  box-sizing:border-box;
  position:relative;
}
.list dt,
.list dd{
  padding:2px 4px;
}
/* .list .time{
  float:left;
  width:120px;
  height:48px;
  font-size:18px;
  line-height:48px;
  text-align:center;
	font-family: 'Montserrat',"Rounded Mplus 1c","メイリオ",sans-serif;
}
.list .time_expand{
  float:left;
  width:120px;
  height:88px;
  font-size:18px;
  line-height:88px;
  text-align:center;
	font-family: 'Montserrat',"Rounded Mplus 1c","メイリオ",sans-serif;
}
.list .speaker,
.list .name{
  height:20px;
  line-height:20px;
  margin-left:122px;
}
.list .name_expand3{
  height:60px;
  line-height:20px;
  margin-left:122px;
}
.list .speaker{
	font-family: 'Montserrat',"Rounded Mplus 1c","メイリオ",sans-serif;
  font-weight:bold;
}
.list .title{
  font-size:15px;
  line-height:20px;
} */

.list .time{
  float:left;
  width:112px;
  height:44px;
  font-size:18px;
  line-height:48px;
  text-align:center;
	font-family: 'Montserrat';
}
.list .time_expand{
  float:left;
  width:112px;
  height:66px;
  font-size:18px;
  line-height:66px;
  text-align:center;
	font-family: 'Montserrat';
}

.list .title{
  height:44px;
  margin-left:122px;
  font-size:15px;
	font-family: "Rounded Mplus 1c","メイリオ",sans-serif;
  font-weight:bold;
}
.list .title1{
  line-height:44px;
}
.list .title2{
  line-height:22px;
}
.list .title3{
  line-height:22px;
  height:66px;
  font-size:15px;
}
.list .speaker{
  line-height:20px;
	font-family: "Rounded Mplus 1c","メイリオ",sans-serif;
  font-weight:bold;
  /* margin-left:122px; */
}
.list .name{
  margin-left:1em;
  font-weight:normal;
}
.list .name_expand3{
  height:60px;
  line-height:20px;
  /* margin-left:122px; */
}
.list .speaker{
}


.list .active1025 dt:first-child{
  animation:HIGHLIGHT1025 .3s forwards;
}
@keyframes HIGHLIGHT1025{
  0%{background-color:white;}
  100%{background-color:hsl(200, 85%, 83%);}
}
.list .active1026 dt:first-child{
  animation:HIGHLIGHT1026 .3s forwards;
}
@keyframes HIGHLIGHT1026{
  0%{background-color:white;}
  100%{background-color:hsl(51, 100%, 75%);}
}


#list1025 dd{
  border-bottom:1px solid hsl(195, 100%, 46%);
}
#list1025 .time,
#list1025 .time_expand{
  border:1px solid hsl(195, 100%, 46%);
}
#list1025 .title{
  border-top:1px solid hsl(195, 100%, 46%);
  border-right:1px solid hsl(195, 100%, 46%);
  background-color:hsl(200, 85%, 83%);
}
#list1025 .speaker{
  border-right:1px solid hsl(195, 100%, 46%);
  border-left:1px solid hsl(195, 100%, 46%);
  background-color:hsl(200, 85%, 95%);
}
#list1025 .outline{
  border-left:1px solid hsl(195, 100%, 46%);
  border-right:1px solid hsl(195, 100%, 46%);
}

#list1026 dd{
  border-bottom:1px solid hsl(51, 100%, 50%);
}
#list1026 .time{
  border:1px solid hsl(51, 100%, 50%);
}
#list1026 .title{
  border-top:1px solid hsl(51, 100%, 50%);
  border-right:1px solid hsl(51, 100%, 50%);
  background-color:hsl(51, 100%, 75%);
}
#list1026 .speaker{
  border-left:1px solid hsl(51, 100%, 50%);
  border-right:1px solid hsl(51, 100%, 50%);
  background-color:hsl(55, 100%, 89%);
}
#list1026 .outline{
  border-left:1px solid hsl(51, 100%, 50%);
  border-right:1px solid hsl(51, 100%, 50%);
}
