@charset "UTF-8";



*

{

	box-sizing: border-box;

	text-align: justify;

	text-justify: inter-ideograph;

}





html {

	min-height: 100%;

	position: relative;

}

 

body

{

	margin: 0;

	padding: 0;

	min-width: 960px;

	margin-bottom: 50px;

}



a

{

  color: #333;

  text-decoration: none;

}



.clearfix:after

{

  display: block;

  content: " ";

  clear: both;

}







h2

{

	margin-top: 50px;

	font-size: 32px;

	text-align: center;

	border-bottom: solid 4px rgba(128,0,128,1.0);

}



h3

{

	color: rgba(128,0,128,1.0);

	background-color: rgba(128,0,128,0.1);

	font-size: 24px;

	margin-top: 50px;

	text-align: center;

	border-left: solid 4px rgba(128,0,128,1.0);

	border-right: solid 4px rgba(128,0,128,1.0);



}





h4

{

	font-size: 20px;

	margin: 0;

	padding: 0;

}





li

{

	font-size: 20px;

}



/*--------------------------------------------------------------------------------------------------------------------------------

ヘッダー

-------------------------------------------------------------------------------------------------------------------------------- */

header

{

	width: 100%;

	height: 400px;

	z-index:10;

}







/*----------------------------------------------------------------

メインメニュー

---------------------------------------------------------------- */



header div.header_nav

{

	color: #ffffff;

	position: absolute;

	/*background-color: #c7000b;*/

	background-color: rgba(128,0,128,0.8);

	width: 100%;

	min-width: 960px;

	top: 320px;

	height: 50px;

	z-index: 10;



}



nav

{

/*

	width: 960px;

	margin: 0 auto;

*/

	height: 50px;





	display: table;

	margin-left: auto;

	margin-right: auto;

}



header.fixed div.header_nav

{

	position: fixed;

	margin-top: -320px; /* - #header_nav.fixbar padding-top */

	/*top: 0px;*/

	/*margin-top: 0px;*/

	background-color: rgba(128,0,128,1.0);

}





.menu

{

/*	margin: 0 0 0 10px;

	padding: 10px;

*/

	margin: 0;

	padding: 0;



	list-style: none;

	float: left;

}



.menu:before, .menu li:after {

	float: left;

	display: block;



	content:"|";

/*

	border-left: solid 1px rgba(255,0,11,1);

*/

	line-height: 50px;

	font-size: 20px;

	/*margin: 0 8px;*/

	margin: 0;

	padding: 0;

	color: rgba(119,117,182,1.0);

}





.menu li

{

	float: left;

	margin: 0;

	padding: 0;

}

.menu li a

{

	padding: 0 6px; 

	float: left;

	color: #ffffff;

	display: block;

	text-align: center;

	line-height: 50px;

	font-size: 20px;

	text-decoration: none;



}



.menu li a.active

{

	background-color: rgba(119,117,182,0.8);

}



.language

{

	float: right;

	padding: 10px;

	line-height: 30px;



}



header a

{

	color: #ffffff;

}











/*----------------------------------------------------------------

サブメニュー

---------------------------------------------------------------- */



.submenu

{

/*	margin: 0 0 0 10px;

	padding: 10px;

*/

	margin: 0;

	padding: 0;



	list-style: none;

	float: left;

}



.submenu:before, .submenu li:after {

	float: left;

	display: block;



	content:"|";

/*

	border-left: solid 1px rgba(255,0,11,1);

*/

	line-height: 50px;

	font-size: 20px;

	/*margin: 0 8px;*/

	margin: 0;

	padding: 0;

	color: rgba(180,180,180,1);

}



.submenu li

{

	float: left;

	margin: 0;

	padding: 0;

}

.submenu li a

{

	padding: 0 8px; 

	float: left;

	color: #000000;

	display: block;

	text-align: center;

	line-height: 50px;

	font-size: 20px;

	text-decoration: none;



}



.submenu li a.active

{

	background-color: rgba(200,200,200,1);

}



header div.header_bottom

{

	z-index: 10;

	position: absolute;

	top: 370px;

	margin: 0 auto;

	width: 100%;

	padding: 0 20px;

  	opacity: 1;

  	

  	background-color: rgba(220,220,220,1);



}



header.fixed div.header_bottom

{



	margin-top: -320px;

/*

	opacity: 0;

*/

	position: fixed;

}



/*----------------------------------------------------------------

タイトル

---------------------------------------------------------------- */



/*

header div.header_top

{

	top: 0px;

	

	width: 960px;

	margin: 0 auto;

	padding: 0px;

}



header div.header_top h1

{

	margin: 0;

	padding: 0;

	

	color: #c7000b;

	line-height: 50px;

	float: left;



}

*/





h1

{

	margin: 0;

	padding: 0;

	float: left;

}



h1 a

{

	display:block;

	width:780px;

	height:120px;

	background-image:url("images/logo_new.png");

	background-repeat:no-repeat;

}



h1 span

{

	display:none;

}





header div.header_top h1 a

{

	color: #c7000b;

}



div.sns

{

	font-size: 20px;

	line-height: 120px;

	float: right;

	margin: 0 10px;



}

.track_letter

{

	color: rgba(128,0,128,1.0);
	
	font-size: 50px;

	/** line-height: 120px;**/

	/** float: right; **/

	margin: 0 10px;

}






.icon-twitter

{

	color: #55acee;

}



.icon-facebook2

{

	color: #315096;

}



.icon-google-plus2

{

	color: #dd4b39;

}



.icon-file-word

{

	color: blue;

}



.icon-file-pdf

{

	color: red;

}







/*----------------------------------------------------------------

画像

---------------------------------------------------------------- */



header div.header_img

{

	position: absolute;

	width: 100%;

	top: 120px;

	height: 250px;

	overflow: hidden;

	min-width: 960px;

	background-color: rgba(0,0,0,1);

}



header div.header_img img

{

	animation-name: album;

	-webkit-animation-name: album;

	animation-duration: 40s;

	-webkit-animation-duration: 40s;

	animation-iteration-count: infinite;

	-webkit-animation-iteration-count: infinite;

	opacity: 0;

}



header div.header_img #img1

{



	position:absolute;

	top:0;

	margin: 0 auto;

}



header div.header_img #img2

{

	position:absolute;

	top:0;

	margin: 0 auto;

	animation-delay:5s;

	-webkit-animation-delay:5s;

}



header div.header_img #img3

{

	position:absolute;

	top:0;

	margin: 0 auto;

	animation-delay:10s;

	-webkit-animation-delay:10s;

}

header div.header_img #img4

{

	position:absolute;

	top:0;

	margin: 0 auto;

	animation-delay:15s;

	-webkit-animation-delay:15s;

}

header div.header_img #img5

{

	position:absolute;

	top:0;

	margin: 0 auto;

	animation-delay:20s;

	-webkit-animation-delay:20s;

}

header div.header_img #img6

{

	position:absolute;

	top:0;

	margin: 0 auto;

	animation-delay:20s;

	-webkit-animation-delay:25s;

}

header div.header_img #img7

{

	position:absolute;

	top:0;

	margin: 0 auto;

	animation-delay:20s;

	-webkit-animation-delay:30s;

}

header div.header_img #img8

{

	position:absolute;

	top:0;

	margin: 0 auto;

	animation-delay:20s;

	-webkit-animation-delay:35s;

}



@keyframes album {

	0% {

		opacity: 0;

	}

	

	7.5% {

		opacity: 1;

	}



	15% {

		opacity: 1;

	}

	22.5% {

		opacity: 0;

	}

}



@-webkit-keyframes album {

	0% {

		opacity: 0;

	}

	

	7.5% {

		opacity: 1;

	}



	15% {

		opacity: 1;

	}

	22.5% {

		opacity: 0;

	}

}



/*--------------------------------------------------------------------------------------------------------------------------------

フッター

-------------------------------------------------------------------------------------------------------------------------------- */



footer

{

	background-color: #808080;

	color: #ffffff;

	text-align: center;



	padding: 20px;



	bottom: 0;

	height: 50px;

	position: absolute;

	width: 100%;

	

	min-width: 960px;

}





footer a

{

	color: #ffffff;

}



/*--------------------------------------------------------------------------------------------------------------------------------

コンテンツ

-------------------------------------------------------------------------------------------------------------------------------- */





div.wrapper

{

  margin: 0 auto;

  width: 960px;

  padding-bottom: 60px;

}



div.content

{

	margin: 30px 0;

	padding: 10px;

	font-size: 20px;

}



.bg

{

	background-color: rgba(119,117,182,0.2);

}



.map

{

	margin: 0 auto;

	/*float: right;*/

	width: 900px;

}









/*--------------------------------------------------------------------------------------------------------------------------------

発表

-------------------------------------------------------------------------------------------------------------------------------- */



div.chair

{

	clear: both;

	border-bottom: solid 2px  rgba(128,0,128,1);

}









.outline

{

/*	text-align: right;*/

	width:90%;

	margin: 20px 0 60px 0;

	float: right;

	text-align: justify;

	text-justify: inter-ideograph;

}



div.session dl

{

	position: relative;

	width: 100%;

	background-color: rgba(128,0,128,0.1);



}



div.session dt 

{

	position:absolute;

	top: 50%;



	line-height: 30px;

	margin-top: -30px;



	text-align: center;

	

	float : left;

	clear : both;

	width : 170px;

	font-weight : bold;

	padding : 5px;	

}



div.session dt.rows3

{

	margin-top: -45px;

}





.session_name

{

	line-height: 30px;

	font-size: 22px;

	color: rgba(128,0,128,1);

}



div.session dd

{

	margin-left : 175px;

	padding : 5px;

	background-color: rgba(250,250,250,1);

	border-left: solid 5px rgba(255,255,255,1);

	font-size: 20px;

}







div.speacker

{

	clear: both;

	border-bottom: solid 1px rgba(128,0,128,1);

}







div.time

{

	display:inline;

	flaot: left;

	font-size: 20px;

}



.keynote

{

	color: rgba(199,0,11,1.0);

	font-weight: bold;

}







div.affiliation

{

	text-align: right;

	font-size: 16px;

}



h5

{

	display: inline;

	float: right;

	margin: 0;

	text-align: right;

	font-size: 20px;

/*

	color: rgba(199,0,11,1);

*/

}



h6

{

	font-size: 18px;

	margin: 0;

	padding: 0;

	font-weight: normal;

}





div.presentation

{

	font-size: 18px;

	margin: 10px 0 30px 0;

}







ol.poster li

{

	margin-bottom: 8px;

}



/*--------------------------------------------------------------------------------------------------------------------------------

登録フォーム

-------------------------------------------------------------------------------------------------------------------------------- */



div.registration dl

{

	display: block;

	width: 100%;

/*	background-color: rgba(255,240,240,1);*/

	margin: 20px 0;

	padding: 0;



}



div.registration dt 

{

	display: block;

	line-height: 30px;

/*	text-align: center;*/

	width : 100%;

	font-weight : bold;

	margin: 0;

	padding: 0;

}



div.registration dd

{

	display: block;

	width: 100%;

	background-color: rgba(255,255,255,1);

	margin: 0;

	padding: 0;



}

/* */



div.registration input.text

{

	width: 100%

}





/*--------------------------------------------------------------------------------------------------------------------------------

委員

-------------------------------------------------------------------------------------------------------------------------------- */



table.committee

{

	font-size: 18px;

}



td

{

	font-size: 18px;

}



table.committee td.name

{

	width: 300px;

}







/*----------------------------------------------------------------

タイムテーブル

---------------------------------------------------------------- */



table.timetable

{

	height: 100%;

	margin: 20px 0;

	border-collapse: collapse;

}



table.timetable th, td

{

	border-left: solid 1px #fff;

	border-right: solid 1px #fff;

}





table.timetable tr.tdbegin

{

	border-bottom: solid 4px #fff;

}



table.timetable tr.endofhour

{

	border-bottom: solid 1px #aaa;

}



table.timetable th.slot

{

	background-color: rgba(128,128,128,0.8);

	font-size: 12px;	width: 180px;

/*	height: 40px;*/

	text-align: center;

	color: #fff;

	font-size: 12px;

	font-weight: normal;

}



table.timetable td.place

{

	background-color: #ccc;

/*	width: 180px;*/

/*	height: 20px;*/

	text-align: center;

	color: #000;

	font-size: 12px;

	font-weight: normal;

}





table.timetable th.scale, td.scale

{

	width: 2px;

}





table.timetable th.scale div, td.scale div

{

	width: 2px;

	height: 4px;

	overflow: hidden;

}





table.timetable td.ten

{

	border-bottom: solid 1px #aaa;

}





table.timetable td.keynote

{

	height: 100%;

	margin: 0;

	padding: 0;

}





table.timetable td.keynote div

{

	height: 100%;

	vertical-align: top;

	background-color: rgba(128,128,128,0.2);

	border: solid 1px rgba(128,128,128,0.5);

	font-size: 12px;

}



table.timetable td.presentation

{

	height: 100%;

	margin: 0;

	padding: 0;

}



table.timetable td.presentation div

{

	height: 100%;

	margin: 0;

	vertical-align: top;

	background-color: rgba(128,128,128,0.2);

	border: solid 1px rgba(128,128,128,0.5);

	font-size: 12px;

}

















.slot

{

	display: inline-block;

	margin: 0;

	padding: 0;

	width: 50px;

/*	height: 1.0em;*/

	text-align: center;

}

.slot.a

{

	background-color: rgb(226,239,218);

	border: solid 2px rgb(206,219,198);

}

.slot.b

{

	background-color: rgb(204,255,204);

	border: solid 2px rgb(184,235,184);

}

.slot.c

{

	background-color: rgb(204,204,255);

	border: solid 2px rgb(184,184,235);

}

.slot.d

{

	background-color: rgb(255,204,204);

	border: solid 2px rgb(235,184,184);

}

.slot.e

{

	background-color: rgb(255,204,255);

	border: solid 2px rgb(235,184,235);

}

.slot.k

{

	background-color: rgb(255,255,204);

	border: solid 2px rgb(235,235,184);

}





.speaker

{

	margin: 10px 0; 

	padding : 5px;

	background-color: rgba(248,252,255,1.0);

	border: solid 3px rgba(230,230,255,1.0);



	clear: both;

	overflow: hidden;

}



.facephoto

{

	position; relative;

	float: right;

	width: 160px;

	padding-bottom: 32767px;

	margin-bottom: -32767px;



}



.profile

{

	width: 740px;

	padding-bottom: 32767px;

	margin-bottom: -32767px;

}



.speaker h3

{

	margin : 0;

	padding: 0;

/**/

	background-color: rgba(248,252,255,1.0);

	border: none;

	border-bottom: dotted 3px rgba(128,0,128,1.0);

	text-align: left;

/**/

}





.profile .presentation

{

	margin: 0;

	padding: 0;

}



.facephoto img

{

	display: block;

	margin: 0;

	padding: 0;

}