/* ******************************************************************
 *	File name		: top.css
 *	Summary			: page layout
 * ******************************************************************
 */

/* -----------------------------------------------------------------
   base
----------------------------------------------------------------- */

#main_img{
	position:relative;
	width:960px;
	max-width:100%;
	margin:0 auto;
	text-align:center;
	background:rgba(0,0,0,1);
	overflow:hidden;
	}
	#main_img img{
		position:relative;
		max-width:100%;
		animation:main_img 1s ease-out 0s forwards;
}

@keyframes main_img{
	0%  {opacity:0;}
	100%{opacity:1;}
}

/* -----------------------------------------------------------------
   main_slide
----------------------------------------------------------------- */

#main_slide{
	position:absolute;
	top:0px;
	right:0px;
	width:300px;
	height:100%;
	list-style:none;
}
#main_slide li{
	position:absolute;
	top:-100%;
	left:0px;
	height:100%;
	-moz-box-shadow:-3px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow:-3px 0px 5px rgba(0,0,0,0.2);
	box-shadow:-3px 0px 5px rgba(0,0,0,0.2);
	opacity:0;
}
#main_slide li img{
	height:100%;
	width:auto;
}
#main_slide li a{
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:100;
}
/* --- responsive --- */
@media(max-width:767px){
	#main_slide{
		display:none;
	}
}


/* -----------------------------------------------------------------
   about
----------------------------------------------------------------- */

section#about{
	position:relative;
	width:1000px;
	max-width:100%;
	margin:0 auto;
	padding:20px 20px;
	background:#FFF;
	}
	section#about h2{
		display:none;
	}
	section#about p{
		position:relative;
		margin:0;
		text-align:center;
		font-weight:bold;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
		font-size:1.05em;
		line-height:1.5;
		color:#2A427B;
		text-shadow:#2A427B 0px 0px 0px,#2A427B 0px 0px 0px;
}

/* IE10以上 */
@media all and (-ms-high-contrast: none){
	section#about p{
		text-shadow:none;
	}
}

/* --- responsive --- */
@media(max-width:767px){
	section#about p{
		font-size:0.90em;
	}
	section#about p br{
		display:none;
	}
}

/* -----------------------------------------------------------------
   research
----------------------------------------------------------------- */

section#research{
	position:relative;
	width:100%;
	max-width:100%;
	margin:0 auto 30px;
	padding:0px;
	}
	section#research h2{
		display:none;
}

section#research ul{
	position:relative;
	left:-25%;
	list-style:none;
	width:150%;
}
section#research li{
	position:relative;
	margin-bottom:10px;
	}
	section#research li:nth-child(odd){
		background:linear-gradient(90deg, rgba(205,235,241,1.0), rgba(205,235,241,0));
		left:-25%;opacity:0;
	}
	section#research li:nth-child(even){
		background:linear-gradient(-90deg, rgba(205,235,241,1.0), rgba(205,235,241,0));
		right:-25%;opacity:0;
}
section#research li:after{
    content:" ";
    display:block;
    clear:both;
}

section#research li:nth-of-type(1){animation:research_slide_odd 1.5s ease-out 0s forwards;}
section#research li:nth-of-type(2){animation:research_slide_even 1.5s ease-out 0.3s forwards;}
section#research li:nth-of-type(3){animation:research_slide_odd 1.5s ease-out 0.6s forwards;}

@keyframes research_slide_odd{
	0%  {left:-10%;opacity:0;}
	100%{left:0%;opacity:1;}
}
@keyframes research_slide_even{
	0%  {right:-10%;opacity:0;}
	100%{right:0%;opacity:1;}
}

/* research_detaile */
	section#research li div.research_detaile{
		position:relative;
		width:1000px;
		min-height:170px;
		max-width:100%;
		margin:0 auto;
		padding:10px 20px 10px 20px;
		text-align:left;
	}

	section#research li div.research_detaile img{
		max-width:100%;
		height:auto;
		margin-bottom:5px;
		}
		section#research li:nth-child(odd) div.research_detaile img{
			float:left;
			margin-right:35px;
		}
		section#research li:nth-child(even) div.research_detaile img{
			float:right;
			margin-left:35px;
	}

	section#research li div.research_detaile h3{
		position:relative;
		margin-bottom:7px;
		padding:15px 0 0 0;
		font-weight:bold;
		font-size:1.25rem;
		color:#484E9D;
	}
	section#research li div.research_detaile p{
		position:relative;
		margin-bottom:0px;
		font-size:0.95rem;
		text-shadow:rgba(0,0,0,0.4) 0px 0px 0px,rgba(0,0,0,0.4) 0px 0px 0px;
		line-height:1.5;
		color:#000;
	}
	section#research li div.research_detaile p.more{
		margin-bottom:0px;
		text-align:right;
	}
	section#research li div.research_detaile p.more a{
		float:right;
		display:block;
		position:relative;
		width:102px;
		height:34px;
		padding:10px 13px;
		font-size:0.95rem;
		text-shadow:rgba(0,0,0,0.4) 0px 0px 0px,rgba(0,0,0,0.4) 0px 0px 0px;
		color:#000;
		background:url(../../image/top/more.png) no-repeat 13px 10px rgba(71,77,157,0.0);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
		text-indent:9999px;
		overflow:hidden;
	}
	section#research li div.research_detaile p.more a:hover{
		background:url(../../image/top/more.png) no-repeat 13px 10px rgba(71,77,157,0.2);
}

/* --- responsive --- */
@media(max-width:1000px){
	section#research li div.research_detaile img{
		margin-bottom:10px;
	}
	section#research ul{
		left:0%;
		width:100%;
	}
	section#research li div.research_detaile p.more{
		display:block;
		position:relative;
		width:100%;
		margin:10px 0;
	}
	section#research li div.research_detaile p.more a{
		float:none;
		width:100%;
		background:url(../../image/top/more.png) no-repeat center 10px rgba(71,77,157,0.2);
	}
	section#research li div.research_detaile p.more a:hover{
		background:url(../../image/top/more.png) no-repeat center 10px rgba(71,77,157,0.3);
	}
}
@media(max-width:640px){
	section#research li div.research_detaile img{
		}
		section#research li:nth-child(odd) div.research_detaile img{
			float:none;
			margin-right:0px;
		}
		section#research li:nth-child(even) div.research_detaile img{
			float:none;
			margin-left:0px;
	}
}