@charset "UTF-8";

html{
	overflow-y: scroll}

body{
	margin:			0;
	font-family:	sans-serif}
	
article.mainbody{
	background: 	linear-gradient(#05FBFF, #1E00FF)}
	
/**-----------------------------------------------------------------------**/
/* BOX */
/**-----------------------------------------------------------------------**/
.titlebox{
	display:			flex;
	justify-content:	space-between;
	width:				100%;
	border-style:		none solid;
	border-color:		#f6e3ce; /* light blue #b-7dee8 */ /* light orange #F-6E3CE */
	border-width:		1px;
	background-color:	#f6e3ce}
.title-innerbox{
	padding:			10px;
	background-color:	#f6e3ce}
	
.menubox{
	width:				100%;
	background-color:	#f7be81} /* deep blue #4-dadc7 */ /* deep orange #F-7BE81 */
.menu-innerbox{
	padding-left:		10px;
	padding-right:		10px}
	
.footerbox{
	width:				100%;
	background-color:	#f7be81;
	padding-top:		10px;
	padding-bottom:		100px}
.footer-innerbox{
	padding-left:		10px;
	padding-right:		10px}
	
/**-----------------------------------------------------------------------**/
.pagebox{
	width:				100%;
	background-color:	#ffffff;
	}
.imgbox{
	float:				left;
	width:				100%;
	vertical-align:		bottom}
.imgbox-no2col{
	padding:			20px;
	margin:				auto;
	text-align:			center;
	width:				85%}
.imgbox-no2col2{
	padding:			0px;
	margin-left:		auto;
	margin-right:		auto;
	margin-bottom:		10px;
	text-align:			center;
	width:				85%}
	
.infobox{
	background-color:	#ffffff;
	font-size:			12px;
	padding-left:		10px;
	vertical-align:		bottom;
	padding-top:		8px}
.topic-innerbox{
	font-size:			12px;
	background-color:	#f6e3ce}
/**-----------------------------------**/
.newsbox{
	width:				100%}
.news-innerbox{
	background-color:	#ffffff;
	padding:			10px;
	}
/**-----------------------------------------------------------------------**/

.comitbox{
	background-color:	#ffffff;
	font-size:			12px;
	width:				100%}
.comit-innerbox{
	font-size:			12px;
	padding:			10px}
	
.topicbox{
	padding-bottom:		20px;
	font-size:			12px;
	width:				100%;
	background-color:	#f6e3ce}
.topic-innerbox{
	padding:			10px}
.topic-subinnerbox{
	font-size:			12px}
	
.datebox{
	background-color:	#ffffff;
	font-size:			12px;
	width:				100%}
.date-innerbox{
	font-size:			12px;
	padding:			10px}
	
.scopebox{
	background-color:	#ffffff;
	width:				100%;
	font-size:			12px}
.scope-innerbox{
	padding:			10px;
	font-size:			12px}
	
.backgroundbox{
	display:			flex;
	justify-content:	space-between;
	background:			linear-gradient(#edf6f9, #f0f8fa, #ffffff);
}
.titlebackbox{
	display:			flex;
	justify-content:	space-between;
	background-color:	#edf6f9;
}
.map{
	width:900px;
	margin:0 auto;
}
.map iframe{
	height:500px;
}
/**-----------------------------------------------------------------------**/
/* TITLE */
/**-----------------------------------------------------------------------**/
span.title{
	margin:			0;
	color:			#444444;
	font-size:		32px;
	font-family:	'Source Sans Pro', sans-serif;
	font-weight:	900}
	
span.subtitle{
	margin:			0;
	color:			#444444;
	font-size:		20px;
	font-family:	'Source Sans Pro', sans-serif;
	font-weight:	600}

span.subsubtitle{
	color:			#444444;
	font-size:		13px;
	font-family:	'Source Sans Pro', sans-serif;
	font-weight:	400}

span.rbf{
	font-size:		15px;
	color:			#f92500;
	font-family:	'Source Sans Pro', sans-serif;
	font-weight:	800}
span.rbf2{
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#f92500;
	font-weight:	800}
span.bbf2{
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#0000ff;
	font-weight:	800}
/**-----------------------------------------------------------------------**/
/**-----------------------------------------------------------------------**/
.author h1{
	margin-top:		0;
	margin-bottom:	5px;
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#444444}
	
.author h2{
	margin-top:		0;
	margin-bottom:	5px;
	padding:		2px;
	font-size:		16px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#666666}
.author h3{
	margin-top:		0;
	margin-bottom:	5px;
	padding:		2px;
	font-size:		14px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#666666}
.author h4{
	margin-top:		0;
	margin-bottom:	-5px;
	margin-left:	10px;
	padding:		0px;
	font-size:		14px;
	font-family:	'Source Sans Pro', sans-serif;
	text-decoration:underline;
	color:			#000000}
	
.author ul{
	list-style:		none}
	
.author li{
	margin-left:	-30px;
	margin-bottom:	20px;}
	
.authorlist ul{
	list-style:		disc;
	margin-left:	30px}
.authorlist li{
	margin-bottom:	10px}
	
.deadlinelist ul{
	list-style:		none;
	margin-bottom:	10px}
.deadlinelist li{
	margin-bottom:	5px}
	
.prefixlist ul{
	list-style:		none;
	margin-left:	0px;
	margin-bottom:	0px}

.authorbox_b{
	padding:			10px;
	font-size:			12px;
	background-color:	#f6e3ce}
.authorbox_w{
	padding:			10px;
	font-size:			12px;
	background-color:	#ffffff}

/**-----------------------------------------------------------------------**/
/* MENUBAR */
/**-----------------------------------------------------------------------**/
.menu{
	display:			flex;
	justify-content:	space-between}

.menu li a:hover{
	background-color:	#f6e3ce}
	
.menu ul{
	margin:			0;
	padding:		0;
	list-style:		none}

.menu li{
	display:			block;
	text-decoration:	bold}
	
.menu li a{
	display:			block;
	color:				#ffffff;
	padding-left:		17.9px;
	padding-right:		17.9px;
	padding-top:		10px;
	padding-bottom:		10px;
	font-size:			14px;
	font-family:		'Raleway', sans-serif;
	text-decoration:	none}
	
.menu ul:after	{content: "";
	display: block;
	clear: both}

.menu li{float: left;
	width: auto}

/**-----------------------------------------------------------------------**/
/* FOTTER */
/**-----------------------------------------------------------------------**/
.footer p{
	margin:			0;
	color:			#ffffff;
	font-size:		12px;
	font-weight:	400}

/**-----------------------------------------------------------------------**/
/* LATEST NEWS */
/**-----------------------------------------------------------------------**/
/* お知らせ */
.news h1{
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 18px;
	font-family:	'Source Sans Pro', sans-serif;
	color: #444444}

.news ul{
	margin:			0;
	padding:		0;
	font-size:		14px;
	list-style:		none;
	margin-bottom:	20px}

.news li{
	padding: 5px;
	border-bottom: dotted 2px #dddddd;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.news timechar{
	margin-right:	20px;
	color:			#666666;
	font-weight: 	bold}
	
/**-----------------------------------------------------------------------**/
/* TOP FIGURE */
/**-----------------------------------------------------------------------**/
.topimg{
	max-width:			100%;
	height:				auto;
	vertical-align:		bottom}
.midimg{
	max-width:			100%;
	height:				auto;
	vertical-align:		bottom}

/**-----------------------------------------------------------------------**/
/* INFORMATION BOX 1 */
/**-----------------------------------------------------------------------**/
.info ul{
	margin:				0;
	padding:			0;
	list-style:			none;
	padding-bottom:		20px}

.info li{
	padding-left:		10px;
	border-left:		solid 10px #f7be81;
	padding:			5px;
	color:				#000000;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none}

.info h1{
	margin-top:			0;
	margin-bottom:		10px;
	border-bottom:		dotted 2px #dddddd;
	font-family:		'Source Sans Pro', sans-serif;
	color:				#666;
	font-size:			16px}

/**-----------------------------------------------------------------------**/
/* TOPIC BOX */
/**-----------------------------------------------------------------------**/
.topic h1{
	margin-top:		0;
	margin-bottom:	5px;
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#444444}
.topic h2{
	margin-top:		0;
	margin-bottom:	0px;
	font-size:		12px;
	color:			#444444}
	
.topic ul{
	margin:			0;
	padding:		5px;
	list-style:		none;
	margin-bottom:	10px}

.topic li{
	border-left:	solid 10px #f7be81;
	padding-left:	5px}

.date h1{
	margin-top:		0;
	margin-bottom:	5px;
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#444444}
	
.date ul{
	margin:				0;
	padding:			0;
	list-style:			none;
	margin-bottom:		20px}

.date li{
	padding-left:		10px;
	border-left:		solid 10px #f7be81;
	padding:			5px;
	color:				#000000;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none}

.notice ul{
	margin:				0;
	padding:			0;
	list-style:			none;
	margin-bottom:		20px}
.notice li{
	color:				#000000;
	font-size:			12px;
	text-decoration:	none}
/**-----------------------------------------------------------------------**/
/* COMMITTEE BOX */
/**-----------------------------------------------------------------------**/
span.name{
	margin:			0;
	font-size:		12px;
	font-weight:	900}

.comit h1{
	margin-top:		0;
	margin-bottom:	5px;
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#444444}
.comit h2{
	display:		inline;
	margin-top:		0;
	margin-bottom:	10px;
	padding:		2px;
	font-size:		16px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#666666}
.comit h3{
	margin-top:		0;
	margin-bottom:	5px;
	padding:		2px;
	font-size:		16px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#F92500}
	
	
.comit ul{
	margin:			0;
	padding:		0;
	list-style:		none;
	margin-bottom:	20px}

.comit li{
	border-left:	solid 10px #f7be81;
	padding-left:	5px}

/**-----------------------------------------------------------------------**/
/* SCOPE BOX */
/**-----------------------------------------------------------------------**/
.scope h1{
	margin-top:		0;
	margin-bottom:	5px;
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#444444}
.scope h2{
	margin-top:		0;
	margin-bottom:	5px;
	padding:		2px;
	font-size:		16px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#666666}

.scope p{
	margin:			0;
	font-size:		12px;
	margin-bottom:	20px}

/**-----------------------------------------------------------------------**/
/* SPONSOR BOX */
/**-----------------------------------------------------------------------**/
.sponsor h1{
	margin-top:		0;
	margin-bottom:	5px;
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#444444}
	
.sponsor ul{
	margin:			0;
	padding:		0;
	font-size:		12px;
	list-style:		none;
	margin-bottom:	20px}

.sponsor li{
	padding-left:		10px;
	border-left:		solid 10px #f7be81;
	padding-left:		5px;
	color:				#000000;
	font-size:			12px;
	font-weight:		bold;
	text-decoration:	none}
	
/**-----------------------------------**/
.sponsorboxb{
	padding-bottom:		50px;
	width:				100%;
	background-color:	#f6e3ce}
.sponsor-innerboxb{
	padding:			10px;
	background-color:	#f6e3ce}
.sponsorboxw{
	padding-bottom:		50px;
	width:				100%;
	background-color:	#ffffff}
.sponsor-innerboxw{
	padding:			10px;
	background-color:	#ffffff}
.sponsor a{
	font-family:		'Source Sans Pro', sans-serif;
	font-size:			16px}

img.sponsor1{
	padding:			10px;
	width:				350px}
img.sponsor2{
	padding:			10px;
	width:				425px}
img.sponsorusb{
	padding:			45px;
	width:				400px}
/**-----------------------------------------------------------------------**/
/* PROGRAM BOX */
/**-----------------------------------------------------------------------**/
.progbox{
	padding-bottom:		0px;
	background-color:	#ffffff;
	width:				100%;
	font-size:			12px}
.prog-innerboxb{
	padding:			10px;
	background-color:	#f6e3ce}
.prog-innerboxw{
	padding:			10px;
	background-color:	#ffffff}
	
.program h1{
	margin-top:		0;
	margin-bottom:	5px;
	font-size:		18px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#444444}
.program h2{
	display:		inline;
	margin-top:		10px;
	padding:		2px;
	font-size:		16px;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#666666}

.program p{
	margin:			0;
	font-size:		12px;
	margin-bottom:	20px}

.program ul{
	margin:			0;
	padding:		0;
	list-style:		none;
	margin-bottom:	20px}
ul.speakers{
	margin:			0;
	padding:		0;
	margin-bottom:	20px}

.program li{
	border-left:	solid 10px #f7be81;
	padding-bottom:	5px;
	padding-left:	5px}
li.speakers{
	border-left:	0px;
	padding-bottom:	0px;
	padding-left:	5px;
	font-size:		16px;
	font-weight:	bold;
	font-family:	'Source Sans Pro', sans-serif;
	color:			#666666}


/**-----------------------------------------------------------------------**/
/** Over 1040px
/**-----------------------------------------------------------------------**/
@media only screen and (max-width: 768px) {
	.map{width:95%;}
	.map iframe{height:250px;}
}

@media (min-width: 980px) {
.parastyle:after{
	content:			"";
	display:			block;
	clear:				both}

.imgbox{
	float:				left;
	width:				45%;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
	box-sizing:			border-box}

/* Information box */
.infobox{
	float:				left;
	max-width:			50%;
	padding-left:		20px;
	height:				auto;
	vertical-align:		bottom}

.topic-subinnerbox{
	column-count:		2;
	font-size:			12px}
	
.sponsor-subinnerbox{
	column-count:		2;
	font-size:			12px}
	
.imgbox-notwocol,
.pagebox,
.parastyle, 
.titlebox, 
.comitbox, 
.datebox, 
.topicbox, 
.scopebox, 
.newsbox, 
.sponsorbox, 
.menu-innerbox, 
.footer-innerbox{
	width:			980px;
	margin-left:	auto;
	margin-right:	auto}
	
}