@charset "utf-8";
/* CSS Document */

/*--------------------------
     Reset
----------------------------*/
html,body,div,
ul,ol,li,dl,dt,dd,
form,fieldset,input,textarea,
h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,
th,td {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: normal;
}
table {
    border-spacing: 0;
	border-collapse:collapse;
}
fieldset,img,abbr,acronym {
    border: 0;
} 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* strict reset by uncommenting lines below */
address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var {
    /* font-style: normal; */
    /* font-weight: normal; */
}
em{
	font-style:normal;
	font-weight:bold;
}
ol,ul {
    list-style: none;
}
caption,th {
    text-align: left;
}
q:before,q:after {
    content: '';
}
a {
    text-decoration: underline;
    outline: none;
}
hr {
    border: 0;
    height: 1px;
    background-color: #000;
    color: #000;
}
a img,:link img,:visited img {
    border: none;
}
address {
    font-style: normal;
    display: inline;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */





/*---------------------------------------------
     for SIAS Event 2016.1.26
-----------------------------------------------*/
html{
	height:100%;
	font-size:14px;
}
body{
	height:100%;
	font-size:100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
}
div#header,
div#mainImg,
div#contents,
div#footer{
	width:100%;
	text-align:center;
}
div.container{
	width:1000px;
	margin:0 auto;
	text-align:left;
}
img{
	vertical-align::bottom;
}

/* Header */
div#header{
	padding:10px 0;
	background-color:#fff;
	color:#333;
}
div#header img{
	display:block;
}

/* Main Image */
div#mainImg{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height:460px;
	background:#051448 url(../img/main_bg.jpg) 50% 50% no-repeat;
	color:#fff;
	border-top:15px #051448 solid;
	border-bottom:15px #051448 solid;
}
div#mainImg div.eventTitle{
	width:495px;
	float:left;
}
div#mainImg div.eventTitle h1{
	margin: 0 0 50px 0;	
}
div#mainImg div.eventTitle p{
	margin:0 auto;
	text-align:center;
}
div#mainImg div.eventTitle h1 img,
div#mainImg div.eventTitle p img{
	display:block;
	margin:0 auto;
}

div#mainImg div.eventInfo{
	width:440px;
	float:right;
	padding-top:15px;
}
div#mainImg div.eventInfo div.box{
	margin-bottom:20px;
	padding:10px 10px 5px 10px;
	border:1px #5471c9 solid;
	background-color:#051448;
	background:rgba(0,0,0,0.2);
	text-align:center;
}
div#mainImg div.eventInfo div.box ul{
	margin-bottom:10px;
	text-align:left;
}
div#mainImg div.eventInfo div.box ul li{
	position:relative;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 20px;
	font-size:100%;
	line-height:1.5;
}
div#mainImg div.eventInfo div.box ul li:last-child{
	margin-bottom:0;
}
div#mainImg div.eventInfo div.box ul li:before{
	content:"";
	position: absolute;
	top:0.4em;
	left:0;
	width:10px;
	height:10px;
	background-color:#9dc93a;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
div#mainImg div.eventInfo div.box ul li span{
	padding-left:2em;
}


div#mainImg div.eventInfo div.siasLink{
	width:450px;
	height:74px;	
}
div#mainImg div.eventInfo div.siasLink a{
	display:block;
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
}
div#mainImg div.eventInfo div.siasLink a:link
div#mainImg div.eventInfo div.siasLink a:visited{
	opacity:1;
}
div#mainImg div.eventInfo div.siasLink a:hover{
	opacity:0.8;
}
div#mainImg div.eventInfo div.siasLink a img{
	display:block;
}




/* Contents */
div#contents{
	padding:60px 0 60px 0;
	background-color:#16244b;
	color:#fff;
}
div#contents div.session{
	width:100%; /*1000px*/
	margin:0 0 30px 0;
	padding:5px 0 30px 0;
	position:relative;
	background-color:#fff;
	color:#333;
}

div#contents div.theme{
	width:100%;
	padding:8px 0;
	background:#003770 url(../img/headline_bg.gif) 0 0 repeat-y;
	color:#fff;
}
div#contents div.theme div.icon{
	width:100px;
	float:left;
	margin-right:20px;
	text-align:center;
}
div#contents div.theme div.text{
	width:850px;
	float:left;
}
div#contents div.theme p{
	font-size:143%;
	font-weight:bold;
	line-height:1.3;
	color:#c9db00;
}
div#contents div.theme h2{
	font-size:171%;
	font-weight:bold;
	line-height:1.3;
	color:#fff;
}
div#contents div.wrap{
	width:950px;
	margin:0 0 0 30px;
	padding:30px 0 0 0;
}

div#contents div.presenter{
	padding:10px;
	background-color:#eeeee7;
}
div#contents div.presenter dl{
	margin:0;
	padding:0;
	background:url(../img/icon_person.gif) 0 0 no-repeat;
}
div#contents div.presenter dl dt{
	margin: 0 0 0.5em 0;
	padding:0 0 0 40px;
	color:#036;
	font-size:86%;
	line-height:1.3;
}
div#contents div.presenter dl dd{
	margin: 0 0 0 0;
	padding:0 0 0 40px;
	color:#000;
	font-size:100%;
	line-height:1.5;
}
div#contents div.presenter dl dd.name{
	padding-top:0.5em;
	font-size:115%;	
}

div#contents div.overview{
	clear:both;
}
div#contents div.overview h3{
	margin: 0 0 1em 0;
	padding:0 0 0 0;
	font-size:100%;
	line-height:1.5;
	color:#003770;
	border-bottom:1px #5471c9 solid;
}
div#contents div.overview p{
	margin: 0 0 0.5em 0;
	padding:0;
	font-size:100%;
	line-height:1.5;
}


/* Part1 */
div#contents div.part1 div.theme div.text{
	width:620px;
}
div#compass{
	position:absolute;
	width:260px;
	height:180px;
	z-index:10;
	top:-20px;
	right:0;
}
div#contents div.part1 div.right1{
	width:420px;
	padding-top:20px;
	float:right;
}
div#contents div.part1 div.left1{
	width:500px;
	float:left;
}
div#contents div.part1 div.overview{
	padding-top:20px;	
}
div#contents div.part1 ul.feature{
	
}
div#contents div.part1 ul.feature li{
	position:relative;
	margin: 0 0 0.3em 0;
	padding: 0 0 0 20px;
	font-size:129%;
	line-height:1.5;
	font-weight:bold;
}
div#contents ul.feature li:last-child{
	margin-bottom:0;
}
div#contents ul.feature li:before{
	content:"";
	position: absolute;
	top: 0.45em;
	left:0;
	width:10px;
	height:10px;
	background-color:#003770;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}


/* Part2 */
div#contents div.part2 div.right2{
	width:420px;
	float:right;
}
div#contents div.part2 div.left2{
	width:500px;
	float:left;
}

div#contents div.part2 div.presenter dl{
	width:260px;
	float:left;
	margin-bottom: 20px;
}
div#contents div.part2 div.presenter img.pict{
	width:120px;
	float:right;
	margin-bottom: 20px;
}

div#contents div.part2 div.presenter p.profile{
	margin:0 0 0.5em 0;
	padding:10px 0 0 0;
	font-size:79%;
	line-height:1.5;
	color:#333;
	clear:both;
	border-top:1px #ccc solid;
}



/* Entry Button */
div#entryBtn{
	width:590px;
	margin:80px auto 20px auto;
}
div#entryBtn a{
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
}
div#entryBtn a:link
div#entryBtn a:visited{
	opacity:1;
}
div#entryBtn a:hover{
	opacity:0.8;
}

div#contents dl.contact{
	margin: 0 0 30px 0;
	padding:0 30px 0 0;
	text-align:right;
}
div#contents dl.contact dt{
	margin: 0 0 1em 0;
	padding:0;
	font-size:100%;
	line-height:1.5;
}
div#contents dl.contact dd{
	margin: 0 0 0.3em 0;
	padding:0;
	font-size:86%;
	line-height:1.3;
}






/* Footer */
div#footer{
	height:100px;
	background-color:#444;
	color:#fff;
}
div#footer div.container{
	padding-top:15px;
}
div#footer p.copyright{
	width:600px;
	float:right;
	font-size:93%;
	text-align:right;
}
div#footer div.link{
	width:350px;
	float:left;
}
div#footer div.link a{
	position: relative;
	padding: 10px 40px 10px 10px;
	display:inline-block;
	*display: inline;  
    *zoom: 1;
	text-decoration:none;
	color:#fff;
	transition:0.3s;
	-webkit-transition:0.3s;
	-moz-transition:0.3s;
}
div#footer div.link a:after{
	content:"";
	position: absolute;
	width:0;
	height:0;
	top:0;
	bottom:0;
	right:10px;
	margin:auto 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 10px solid #fff;
	
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
}


div#footer div.link a:link,
div#footer div.link a:visited{
	background-color:#202020;
}
div#footer div.link a:hover{
	background-color:#000;
}
div#footer div.link a:hover:after{
	border-left: 10px solid #ce0921;
}




/* Scroll up */
#scrollUp {
    background-image: url("../img/pagetop.png");
    bottom: 100px;
    right: 20px;
    width: 65px;    /* Width of image */
    height: 65px;   /* Height of image */
}
#scrollUp:hover{
	opacity:0.8;
}