/* ******************************************************************
 *	File name		: style.css
 *	Summary			: page layout
 * ******************************************************************
 */
/*----------------------------------------------------------------- all */
.content_title{
	position:relative;
	width:100%;
	margin-bottom:12px;
}
.content_title h2{
	display:inline-block;
	position:relative;
	padding-right:5px;
	font-weight:bold;
	font-size:1.1em;
	letter-spacing:2px;
	color:#3A718C;
	background:#FAFCFC;
	z-index:1;
	}
	.content_title:after{
		content:"";
		display:block;
		position:absolute;
		top:50%;
		left:0px;
		width:100%;
		height:2px;
		margin-top:-2px;
		text-indent:-9999px;
		background:url(../../../image/base/h2_bg.png) repeat-x 0 0;
		z-index:0;
}
#main_contents h3{
}
#main_contents h4{
}
#main_contents p{
	font-size:0.85em;
}
@keyframes fade {
	0%  {opacity:0;}
	100%{opacity:1;}
}
/* ----------------------------------------------------------------- */
/*	second base                                                      */
/* ----------------------------------------------------------------- */
#contents_body{
	position:relative;
	width:100%;
	padding:35px 0 35px 0;
	z-index:100;
	text-align:center;
	overflow:hidden;
}
iframe#childIframe{
	position:relative;
	width:860px;
	min-height:469px;
	margin:0 auto;
	background:rgba(255,255,255,0.87);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
#main_contents{
	position:relative;
	width:800px;/* 860 */
	min-height:469px;
	margin:0 auto;
	padding:25px 30px;
	background:rgba(255,255,255,0.87);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5);
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	text-align:left;
}
#main_contents p{
	margin-bottom:7px;
}
/* ----------------------------------------------------------------- */
/*	base                                                             */
/* ----------------------------------------------------------------- */
#head_contents{
	position:relative;
	height:111px;
}
#head_contents #header{
	height:111px;
}
#head_anime_parts{
	position:absolute;
	width:100%;
	top:150px;
	height:200px;
	text-align:center;
}
/* logo action */
header #eng_logo{
	width:293px;
  	animation:logoaction 1.2s ease-out 0s forwards;
	animation-iteration-count:1;
	}
	header #eng_logo span#row_1{
			width:309px;
		}
		header #eng_logo span#row_2{
			width:309px;
}

/* sub nav */
#nav_for_student{
	position:absolute;
	top:75px;
	left:770px;
	width:75px;
	height:75px;
	text-indent:-9999px;
	background:url(../../image/base/for_student.png) no-repeat 0 0;
	}
	#nav_for_student a{
		display:block;
		width:75px;
		height:75px;
		text-indent:-9999px;
	}
	#nav_for_student a:hover{
		background:url(../../image/base/for_student.png) no-repeat 0 -75px;
}
#nav_event{
	position:absolute;
	top:75px;
	left:855px;
	width:75px;
	height:75px;
	text-indent:-9999px;
	background:url(../../image/base/event.png) no-repeat 0 0;
	}
	#nav_event a{
		display:block;
		width:75px;
		height:75px;
		text-indent:-9999px;
	}
	#nav_event a:hover{
		background:url(../../image/base/event.png) no-repeat 0 -75px;
}
/* ----------------------------------------------------------------- */
/*	head_anime_parts                                                 */
/* ----------------------------------------------------------------- */
#head_anime_contents{
	position:relative;
	width:930px;
	height:0px;
	margin:0 auto;
	z-index:1;
}
#mountain_bg{
	position:absolute;
	top:136px;
	right:50%;
	width:100%;
	height:64px;
	margin-right:465px;
	background:url(../../image/top/mount_bg.png) repeat-x right 0;
	z-index:0;
}
#mountain{
	position:absolute;
	top:42px;
	left:-473px;
	width:819px;
	height:158px;
	background:url(../../image/top/mountain.png) no-repeat 0 0;
}

#tree1,#tree2,#tree3,#tree4,#tree5,#tree6,#tree7{
	display:block;
	position:absolute;
	width:29px;
	height:43px;
	background:url(../../image/top/tree.png) no-repeat 0 0;
	opacity:0;
	animation-iteration-count:1;
}
#tree1{top:137px;left:-517px;animation:tree 0.5s ease-in 0s forwards;}
#tree2{top:137px;left:-477px;animation:tree 0.5s ease-in 0.2s forwards;}
#tree3{top:137px;left:-437px;animation:tree 0.5s ease-in 0.4s forwards;}
#tree4{top:109px;left:-147px;animation:tree 0.5s ease-in 0.6s forwards;}
#tree5{top:112px;left:-122px;animation:tree 0.5s ease-in 0.8s forwards;}
#tree6{top:123px;left:-79px;animation:tree 0.5s ease-in 1.0s forwards;}
#tree7{top:129px;left:-50px;animation:tree 0.5s ease-in 1.2s forwards;}

@keyframes tree {
	0%  {transform:scale(0,0);margin-top:30px;}
	60%{transform:scale(1,1);margin-top:-20px;opacity:1;}
	85%{transform:scale(1,1);margin-top:0px;opacity:1;}
	90%{transform:scale(1,1);margin-top:-5px;opacity:1;}
	100%{transform:scale(1,1);margin-top:0px;opacity:1;}
}
#factory{
	display:block;
	position:absolute;
	top:33px;
	left:-317px;
	width:232px;
	height:167px;
	background:url(../../image/top/factory.png) no-repeat 0 0;
	animation:fade 0.5s linear 0s forwards;
}
/* ----------------------------------------------------------------- */
/*	meter                                                            */
/* ----------------------------------------------------------------- */


/* ----------------------------------------------------------------- */
/*	earth                                                            */
/* ----------------------------------------------------------------- */
#earth{
	position:absolute;
	top:239px;/* 600 */
	width:100%;
	height:100%;
	background:url(../../image/top/earth.png) repeat-x #6E6453;
	z-index:0;
}
#earth_contents{
	position:relative;
	width:930px;
	margin:0 auto;
	text-align:left;
	z-index:1;
	animation:fade 0.5s linear 0s forwards;
	}
	#earth_contents #tunnel{
		position:absolute;
		top:8px;
		left:-163px;
	}
	#earth_contents #mine{
		display:block;
		position:absolute;
		top:112px;
		left:-529px;
		width:350px;
		height:74px;
		background:url(../../image/top/mine.png) no-repeat 0 0;
		}
		#earth_contents #mine img{
			position:absolute;
			top:38px;
			right:3px;
}
#shadow{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image:url(../../image/top/shadow.png);
	background-size:cover;
	border:1px solid red;
	z-index:0;
}

#e_move_01{
	position:absolute;
	top:0px;/* 600 */
	width:100%;
	height:200px;
	background:#A6795D;
	z-index:0;
}
#e_move_02{
	position:absolute;
	top:200px;
	width:100%;
	height:200px;
	background-image:url(../../image/top/earth_02_bg.png);
	background-repeat:repeat-x;
	background-position:0 5px;
	background-color:#E77A1B;
	z-index:0;
}
#e_move_03{
	position:absolute;
	top:400px;
	width:100%;
	height:100px;
	background-image:url(../../image/top/earth_03_bg.png);
	background-repeat:repeat;
	background-position:0 -2px;
	background-color:#A5795B;
	z-index:0;
}
#e_move_04{
	position:absolute;
	top:500px;
	width:100%;
	height:300px;
	background-image:url(../../image/top/earth_04_bg.png);
	background-repeat:repeat-x;
	background-position:0 100px;
	background-color:#F6AD54;
	z-index:0;
}

/* ----------------------------------------------------------------- */
/*	box                                                              */
/* ----------------------------------------------------------------- */
.box:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	.box{
		display:inline-block;
	}
	* html .box{
		height:1%;
}
.box{
	display:block;
	margin-bottom:30px;
	}
	.box ul{
		list-style:disc;
		padding-left:20px;
		margin-bottom:10px;
	}
	.box ul li{
		font-size:0.8em;
}
.line_box{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:2px dotted #87B9B4;
}

/* ----------------------------------------------------------------- */
/*	contents menu                                                    */
/* ----------------------------------------------------------------- */
.contents_menu{
	margin-bottom:15px;
	padding-bottom:13px;
	border-bottom:2px dotted #87B9B4;
}
.contents_menu ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	.contents_menu ul{
		display:inline-block;
	}
	* html .contents_menu ul{
		height:1%;
}
.contents_menu ul{
	display:block;
	padding-left:20px;
	font-size:0.85em;
	color:#3A718C;
	list-style:decimal !important;
	}
	.contents_menu ul li{
		margin-bottom:7px;
		}
		.contents_menu ul li a{
		}
		.contents_menu ul li a:hover{
	}

/* ----------------------------------------------------------------- */
/*	about                                                            */
/* ----------------------------------------------------------------- */
.bdcs_about h3{
	font-weight:bold;
	text-align:center;
}
.bdcs_about #researcher_box{
	padding:25px 0;
}
.bdcs_about #researcher_box ul{
	width:510px;
	margin:0 auto;
	list-style:none;
}
.bdcs_about #researcher_box ul li{
	display:inline-block;
	width:250px;
	text-align:center;
}
.bdcs_about #researcher_box ul li img{
	margin-bottom:5px;
}
.bdcs_about #researcher_box ul li p{
	text-align:center;
}
/* ----------------------------------------------------------------- */
/*	research                                                         */
/* ----------------------------------------------------------------- */
.bdcs_research h3{
	margin-bottom:15px;
	padding:10px;
	font-weight:bold;
	font-size:1.1em;
	background:#87B9B4;
	color:#FFFFFF;
	line-height:1.65;
	border-radius:6px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
}
.bdcs_research{
}

/* ----------------------------------------------------------------- */
/*	equipment                                                        */
/* ----------------------------------------------------------------- */
.bdcs_member h3{
	position:relative;
	height:25px;
	margin-bottom:5px;
	padding:5px 0 0 10px;
	font-weight:bold;
	font-size:1.2em;
	letter-spacing:5px;
	background:#87B9B4;
	color:#FFFFFF;
}
.bdcs_member #staff_box ul{
	list-style:none;
	margin-bottom:55px;
	}
	.bdcs_member #staff_box ul li{
		position:relative;
		min-height:88px;
		padding:65px 0 15px 180px;
		border-bottom:2px dotted #87B9B4;
	}
	.bdcs_member #staff_box ul li img{
		position:absolute;
		top:15px;
		left:20px;
}
.bdcs_member .profile{
	float:left;
	width:200px;
	color:#EA7671;
	}
	.bdcs_member .profile .name{
		font-weight:bold;
		font-size:0.82em;
	}
	.bdcs_member .profile .name span{
		font-weight:bold;
		font-size:1.35em;
	}
	.bdcs_member .profile p.eng_name{
		margin:5px 0 0 0;
		font-family:Georgia;
		line-height:1.3;
}
.bdcs_member .shimizu .ito{
	color:#3A718C;
}
.bdcs_member .shimizu .profile{
	color:#EBAA01;
}
.bdcs_member .mukuhira .profile{
	color:#709730;
}
.bdcs_member .kuroki .profile{
	color:#E0481E;
}
.bdcs_member p.m_contact{
	float:right;
	width:390px;
	padding:10px;
	font-weight:bold;
	background:#DCE9E7;
	color:#3A718C;
	}
	.bdcs_member p.m_contact span{
		display:inline-block;
		width:60px;
		font-family:Georgia;
}

.bdcs_member .students_photo_box{
	padding:25px 0 40px;
	text-align:center;
	}
	.bdcs_member .students_photo_box img{
		margin:0 8px;
}

.bdcs_member .students_list_box{
	}
	.bdcs_member .students_list_box ul:after{
		content:".";
		display:block;
		height:0;
		clear:both;
		visibility:hidden;
		}
		.bdcs_member .students_list_box ul{
			display:inline-block;
		}
		* html .bdcs_member .students_list_box ul{
			height:1%;
	}
	.bdcs_member .students_list_box ul{
		display:block;
		list-style:none;
	}
	.bdcs_member .students_list_box ul li{
		float:left;
		width:360px;
		margin:0 18px 30px;
		list-style:none;
	}
	.bdcs_member .students_list_box ul li p{
		padding:0 0 0 7px;
		font-size:0.82em;
		font-family:Georgia;
		color:#3A718C;
		border-bottom:2px dotted #87B9B4;
	}
	.bdcs_member .students_list_box ul li p span{
		display:inline-block;
		width:97px;
		font-weight:bold;
		font-size:1.2em;
		color:#3A718C;
		font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.students_course{
	padding:0 0 0 20px;
}
.students_course h4{
	margin:10px 0 10px;
	font-weight:bold;
	color:#3A718C;
}
.students_course ul{
}
.students_course ul li{
	float:left;
	font-size:0.85em;
	margin:0 20px 7px 20px;
}
/* ----------------------------------------------------------------- */
/*	achievement                                                      */
/* ----------------------------------------------------------------- */
.bdcs_achievement h3{
	position:relative;
	height:51px;
	margin-bottom:15px;
	padding:27px 0 0 20px;
	font-weight:bold;
	font-size:1.4em;
	letter-spacing:5px;
	background:#9EC7C3;
	color:#FFFFFF;
}
.bdcs_achievement h4{
	display:block;
	position:relative;
	margin-bottom:10px;
	padding-left:20px;
	font-weight:bold;
	border-bottom:3px solid #9EC7C3;
	color:#9EC7C3;
}
.bdcs_achievement h4:before{
	content:"";
	display:block;
	position:absolute;
	top:5px;
	left:0px;
	width:12px;
	height:12px;
	font-weight:bold;
	background:#9EC7C3;
}
.bdcs_achievement h5{
	font-weight:bold;
	font-size:0.9em;
}
.bdcs_achievement .paper_list{
	margin:0 0 30px;
	}
	.bdcs_achievement .paper_list ul{
		margin-bottom:15px;
		padding-left:20px;
		list-style:disc;
	}
	.bdcs_achievement .paper_list ul li{
		margin-bottom:7px;
		font-size:0.75em;
		line-height:1.5;
}
#bdid_achievement_gakui .paper_list ul li{
	margin-bottom:3px;
	font-size:0.75em;
	line-height:1.5;
}
/* ----------------------------------------------------------------- */
/*	equipment                                                        */
/* ----------------------------------------------------------------- */
/* h3 */
.bdcs_equipment h3{
	position:relative;
	height:51px;
	margin-bottom:15px;
	padding:27px 0 0 20px;
	font-weight:bold;
	font-size:1.4em;
	letter-spacing:5px;
	background:#9EC7C3;
	color:#FFFFFF;
}

/* labo_photo */
.bdcs_equipment #labo_photo:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	.bdcs_equipment #labo_photo{
		display:inline-block;
	}
	* html .bdcs_equipment #labo_photo{
		height:1%;
}
.bdcs_equipment #labo_photo{
	display:block;
	list-style:none;
}
.bdcs_equipment #labo_photo li{
	float:left;
	width:370px;
	margin:0 15px 15px;
	}
	.bdcs_equipment #labo_photo li img{
		max-width:370px;
		height:auto;
		margin-bottom:7px;
	}
	.bdcs_equipment #labo_photo li p{
		width:370px;
		font-size:0.75em;
		line-height:1.5;
}
.bdcs_equipment #labo_photo li.wide{
	width:770px;
	}
	.bdcs_equipment #labo_photo li.wide img{
		max-width:770px;
	}
	.bdcs_equipment #labo_photo li.wide p{
		width:770px;
}
.bdcs_equipment #labo_photo li p b{
	font-size:1.1em;
}
/* ----------------------------------------------------------------- */
/*	information                                                      */
/* ----------------------------------------------------------------- */
#email{
	position:relative;
	top:-5px;
}
/* contact */
#bdid_contact #map:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	#bdid_contact #map{
		display:inline-block;
	}
	* html #bdid_contact #map{
		height:1%;
	}
	#bdid_contact #map{
		display:block;
		margin:15px 0;
}
#bdid_contact #map_canvas{
	float:left;
	width:420px;
	height:420px;
	margin-bottom:15px;
	border:7px solid #8AB5BA !important;
}
#bdid_contact #map img{
	float:right;
}
#bdid_contact h3{
	margin-bottom:5px;
	font-weight:bold;
	font-size:1.1em;
}
#bdid_contact h4{
	font-weight:bold;
	font-size:1.0em;
	margin-bottom:5px;
	color:#3A718C;
	line-height:30px;
}
#bdid_contact h4 img{
	margin-right:7px;
}

/* link */
#bdid_link #link_box{
}
#bdid_link #link_box h3{
	display:inline-block;
	padding:2px 15px;
	font-size:0.95em;
	background:rgba(58,113,140,1);
	color:#FFFFFF;
}
#bdid_link #link_box ul{
	list-style:none;
	margin-bottom:30px;
}
#bdid_link #link_box ul li{
	padding:inherit;
	font-size:0.85em;
	border-bottom:1px dotted rgba(58,113,140,0.5);
	background:url(../../image/base/try.png) no-repeat 10px center;
}
#bdid_link #link_box ul li a{
	display:block;
	padding:5px 0 5px 25px;
}
#bdid_link #link_box ul li a:hover{
	text-decoration:none;
	background:rgba(58,113,140,0.3);
}


/* ----------------------------------------------------------------- */
/*	event                                                            */
/* ----------------------------------------------------------------- */

.bdcs_event .event_box article:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	.bdcs_event .event_box article{
		display:inline-block;
	}
	* html .bdcs_event .event_box article{
		height:1%;
}
.bdcs_event .event_box article{
	display:block;
	margin-bottom:20px;
	padding:0 0 20px 0;
	border-bottom:2px dotted #87B9B4;
	}
	.bdcs_event .event_box article h3{
		display:block;
		position:relative;
		margin-bottom:7px;
		padding-left:20px;
		font-weight:bold;
		color:#3A718C;
	}
	.bdcs_event .event_box article h3:before{
		content:"";
		display:block;
		position:absolute;
		top:5px;
		left:0px;
		width:12px;
		height:12px;
		font-weight:bold;
		background:#3A718C;
}
/* ----------------------------------------------------------------- */
/*	news                                                            */
/* ----------------------------------------------------------------- */

.bdcs_news .news_box article:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	}
	.bdcs_news .news_box article{
		display:inline-block;
	}
	* html .bdcs_news .news_box article{
		height:1%;
}
.bdcs_news .news_box article{
	display:block;
	margin-bottom:20px;
	padding:0 0 20px 0;
	border-bottom:2px dotted #87B9B4;
	}
	.bdcs_news .news_box article h3{
		display:block;
		position:relative;
		margin-bottom:7px;
		padding-left:20px;
		font-weight:bold;
		color:#3A718C;
	}
	.bdcs_news .news_box article h3:before{
		content:"";
		display:block;
		position:absolute;
		top:5px;
		left:0px;
		width:12px;
		height:12px;
		font-weight:bold;
		background:#3A718C;
}