/* CSS Document */

	*{
		font-family: "vdl-v7marugothic", sans-serif;
		font-weight: 500;
		font-style: normal;
       }

	body{background:#004C68;}

	h1{
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: normal;
		font-weight:700; 
		font-size:1.5em;
		color:#333;
		border-bottom:1px solid #333;
		margin-bottom:1em;
		background:url("images/hito.png") no-repeat;
		background-size:180px;
		background-position-x:100%;		
	}
	/* begin - IE11用の修正 */_:-ms-fullscreen, :root h1{background-position:430px;}/* end - IE11用に修正 */

	h2{
		display:table-cell;
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: normal;
		font-weight:700;
		font-size:1.2em;
		color:rgba(0,45,62,1.00);
	}
	h3{
		display:table-cell;
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: normal;
		font-weight:700; 
		font-size:1em;
		color:rgba(0,76,104,1.00);
	}
	h4{}

.movie{
	display:table-cell;
		font-family: zen-kaku-gothic-antique, sans-serif;
		font-style: normal;
		font-weight:700; 
		font-size:1em;
		color:rgba(0,76,104,1.00);
	    background: #ffffff;
	
}


	h5{}
	
	a{text-decoration:none; color:rgba(0,76,104,1.00);}

	
	#flame{
		margin-left:auto;
		margin-right:auto;
		display:block;
		background:#E3F3FC url("images/background.jpg") no-repeat;
		width:1400px;
		min-height:auto;
		box-shadow: 3px 3px 3px rgba(0,76,104,1.00);
	}
	
	#top{
		position:relative;
		display:block;
		width:100%;
		height:60px;
		background:#C6E7F9;
		text-align:center;
	}
	
	#top img{
		width:80%;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform : translate(-50%,-50%);
		transform : translate(-50%,-50%);
		text-align: center;
	}
	
	#bottom{
		position:relative;
		display:block;
		margin-left:auto;
		margin-right:auto;		
		width:1400px;
		height:250px;
		text-align:center;
		background:rgba(0,45,62,1.00);
		padding:40px;
		box-shadow: 3px 3px 3px rgba(0,76,104,1.00);
		font-size:1em;
	}
	
	#bottom p{
		color:#fff;
		text-align:left;
	}
	
	#bottom p a{color:#fff;}
	
	
	div#menu{
		width:280px;
		color:#333;
		float:left;

	}
	
	div#menu ul{
		position:absolute;
		padding:0px;
		margin-left:10px;
	}

	div#menu ul li{

		margin-bottom:10px;
		list-style:none;
		margin-left:0px;

		width:260px;
		height:60px;

		border-radius:5px;
		background:rgba(255,255,255,0.60);
		background-size:90px;
		background-position:95% 90%;		
}

	div#menu ul li a{
		display:inline-block;
		width:260px;
		height:60px;
		padding-top:20px;
		text-align:center;
		text-decoration:none;
		font-family: ta-kakugo-gf-03, sans-serif;
		font-weight:600;
		font-style:normal;
	}

	div#menu ul li:hover{
		background:rgba(255,255,255,1.00) url("images/hito.png") no-repeat;		
		background-size:90px;
		background-position:95% 90%;
		
}


.show:hover {
  animation: fade-in 1.2s;
}

@keyframes fade-in {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}	

.fade:hover {
  animation: fadeback 1.2s;
  transition-property:all;
}

@keyframes fadeback {
  0%   { opacity:0%;}
  15%  { opacity:15%;}
  30%  { opacity:30%;}
  50%  { opacity:70%;}
  70%  { opacity:80%;}
  100% { opacity:100%;}
}	

body.pagefade {
  animation: pagefade 1s;
  transition-property:all;
}

@keyframes pagefade {
  0%   { opacity:0%;}
  15%  { opacity:15%;}
  30%  { opacity:30%;}
  50%  { opacity:70%;}
  70%  { opacity:80%;}
  100% { opacity:100%;}
}	




	div#contents{
		display:inline-block;
		width:1155px;
		margin-left:260px;
		height:auto;
	}

	img.maintitle{
		padding-top:50px;
		display:block;
		width:1100px;
		clear:both;
		float:none;
	}

	img.subtitle{
		display:block;
		padding-top:50px;
		margin-left:30px;
		width:1080px;
		clear:both;
		float:none;
	}

	#text-area{
		disply:inline-block;
		margin-left:auto;
		margin-right:auto;
		width:95%;
		padding:2em;
		border-radius:5px;
		background:rgba(255,255,255,0.80);
		min-height:600px;
	}
	.center{
		display:inline-block;
		text-align:center;
	}

/* ニュース　*/
	#news{
		height:500px;
		overflow-y:auto;
	}
	
	.news{
	display:block;
	width:100%;
	border-bottom:2px solid rgba(0,118,162,0.30);
	padding:1em;
	}


/* 概要　*/
	#about table{
		width:95%;
		border-collapse:collapse;
		margin-left:auto;
		margin-right:auto;
		background:rgba(255,255,255,0.70);
	}
	
	#about table th,#about table td{
		border:1px solid #333;
		height:100px;
		padding:1em;
	}
	
	#about table th{
		font-weight:700;
		width:20%;
	}
	#about table td{
		width:80%;
	}

/* ご挨拶　*/

#greeting p{
	margin-bottom:1em;
	line-height:2.5em;
	text-indent:1em;
}

#greeting img.chair{
	width:200px;
	float:right; margin-left:30px;
}

#greeting p.chair{
	text-align:right;
	line-height:1.5em;
	text-indent:0;
}

/* プログラムページ　*/

.imageBox {
    width: 870px;
    height: 1995px;
    background-image: url(images/program.png);
    background-size: contain;
    padding-top: 10px;
	margin: 50px;
}

.btn {  /* .btn（ボタン*/
    background-color: orange;
    display: block;
    width: 860px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    text-decoration: none;  /*text-decoration（装飾）*/
    color: white;
    font-size: 2rem;
    font-weight: bold;
    border-radius: 20px;
    transition: 0.4s; 
	margin: 55px;
	
}

.btn:hover {
    background-color: orangered;
}

/* 座長・演者へのご案内　*/

 .imageBox_forchairspeaker{
    width: 750px;
    height: 760px;
    background-image: url(images/forchairspeaker.png);
    background-size: contain;
    padding-top: 10px;
	margin: 50px;
}


/* 参加者へのご案内　*/

 .imageBox_participants{
    width: 1000px;
    height: 593px;
    background-image: url(images/todo.png);
    background-size: contain;
    padding-top: 10px;
	margin: 50px;
}