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

/*
blue  #172A73 rgba(23,42,115,1.0);
*/


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

.bdcs_about .lr_block{
	position:relative;
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:space-between;
	flex-wrap:nowrap;
	width:1000px;
	max-width:100%;
	margin:0 auto 30px;
	padding:0px 20px 0px 20px;
}
.bdcs_about .lr_block section{
	position:relative;
	width:49%;
	text-align:left;
}
.bdcs_about .lr_block section:nth-child(1){
	-webkit-flex: 1;
	flex: 1;
	min-width:470px;
	margin-right:1%;
}

/* history */
.bdcs_about .lr_block div{}
.bdcs_about .lr_block #history{}
.bdcs_about .lr_block #history table{
	width:100%;
	border:none !important;
	}
	.bdcs_about .lr_block #history table tr{
		}
		.bdcs_about .lr_block #history table tr:first-child{
			border-top:3px solid #172A73;
		}
		.bdcs_about .lr_block #history table tr:last-child{
			border-bottom:3px solid #172A73;
		}
		.bdcs_about .lr_block #history table tr:nth-child(odd){
			background:rgba(206,219,240,0.4);
		}
		.bdcs_about .lr_block #history table tr:nth-child(even){
			background:rgba(206,219,240,0.1);
	}
	.bdcs_about .lr_block #history table tr td:nth-child(1),
	.bdcs_about .lr_block #history table tr td:nth-child(2){
		text-align:right;
		font-weight:bold;
		color:#22286F;
	}
	.bdcs_about .lr_block #history table tr td{
		padding:7px 13px 5px 13px;
		border:none !important;
		line-height:1.5;
}

/* pamphlet */
.bdcs_about .lr_block #pamphlet{}
.bdcs_about .lr_block #pamphlet img{
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}


.bdcs_about{
}

.bdcs_about #greeting{
	background:#CEDBF0;
	}
	.bdcs_about #greeting .contents{
		min-height:355px;
		padding:45px 20px 20px 250px;
	}
	.bdcs_about #greeting #center_head{
		position:absolute;
		top:35px;
		left:20px;
		width:200px;
	}
	.bdcs_about #greeting #center_head p{
		position:relative;
		margin-top:10px;
		text-align:center;
		line-height:1.5;
	}
	.bdcs_about #greeting #center_head p span{
		font-size:1.2rem;
		font-weight:bold;
	}
	.bdcs_about #greeting .contents p{
}

/* --- responsive --- */
@media(max-width:767px){
	.bdcs_about .lr_block{
		display:block;
	}
	.bdcs_about .lr_block section:nth-child(1){
		width:100%;
		margin-right:0;
	}
	.bdcs_about .lr_block section table{
		width:100%;
	}
	.bdcs_about .lr_block section:nth-child(2){
		display:none;
	}
}
@media(max-width:600px){
	.bdcs_about #greeting .contents{
		min-height:355px;
		padding:45px 20px 20px 20px;
	}
	.bdcs_about #greeting #center_head{
		position:relative;
		top:0px;
		left:0px;
		margin:0 auto;
	}
}


/* -----------------------------------------------------------------
   supercomputer
----------------------------------------------------------------- */

.bdcs_supercomputer #link_btn{
	padding-top:0px;
}
.bdcs_supercomputer #link_btn ul{
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	list-style:none;
	}
	.bdcs_supercomputer #link_btn ul li{
		position:relative;
		width:32%;
		text-align:center;
		border:1px solid rgba(23,42,115,0.8);
		-moz-border-radius:6px;
		-webkit-border-radius:6px;
		border-radius:6px;
	}
	.bdcs_supercomputer #link_btn ul li a{
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		align-items: center;
		width:100%;
		height:100%;
		padding:8px 10px 6px;
		text-decoration:none;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
		color:rgba(23,42,115,1);
		text-shadow:rgba(23,42,115,1) 0px 0px 0px,rgba(23,42,115,1) 0px 0px 0px;
		background:url(../../image/base/link_try.png) no-repeat right bottom rgba(23,42,115,0.05);
		}
		.bdcs_supercomputer #link_btn ul li a span{
			display:inline-block;
			position:relative;
			padding:0 0 0 14px;
		}
		.bdcs_supercomputer #link_btn ul li a span:after{
			content:" ";
			position:absolute;
			top:6px;
			left:0px;
			border:6px solid transparent;
			border-left:6px solid rgba(23,42,115,0.8);
	}
	.bdcs_supercomputer #link_btn ul li.active a,
	.bdcs_supercomputer #link_btn ul li:hover a{
		background:url(../../image/base/link_try_w.png) no-repeat right bottom rgba(23,42,115,0.7);
		color:#FFF;
		}
		.bdcs_supercomputer #link_btn ul li.active a span:after,
		.bdcs_supercomputer #link_btn ul li:hover a span:after{
			border-left:6px solid #FFF;
}

/* afinity */
.bdcs_supercomputer #afinity{
}
.bdcs_supercomputer #afinity h3{
	margin-bottom:10px;
	padding:0px !important;
	background:none !important;
	}
	.bdcs_supercomputer #afinity h3 img{
		display:block;
		-moz-border-radius:6px 6px 0 0;
		-webkit-border-radius:6px 6px 0 0;
		border-radius:6px 6px 0 0;
}
.bdcs_supercomputer #afinity p#afinity_copy{
	position:relative;
	font-size:1.5rem;
	color:rgba(23,42,115,1);
	line-height:1.5;
}
.bdcs_supercomputer #afinity p#afinity_name{
	position:relative;
	margin-bottom:25px;
	padding:20px;
	font-size:0.9rem;
	background:rgba(23,42,115,0.15);
	line-height:1.5;
}

/* afinity_detail */
.bdcs_supercomputer #afinity_detail{
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:100%;
}

/* afinity_txt */
.bdcs_supercomputer #afinity_txt{
	-webkit-flex:1;
	flex:1;
	padding-right:30px;
	}
	.bdcs_supercomputer #afinity_txt .performance{
		position:relative;
		margin-bottom:20px;
	}
	.bdcs_supercomputer #afinity_txt .performance h4{
		min-height:35px;
		margin-bottom:5px;
		padding:2px 0 0 45px;
		font-size:1.35rem;
	}
	.bdcs_supercomputer #afinity_txt .performance:nth-of-type(1) h4{background:url(../../image/supercomputer/afi_icon_01.png) no-repeat 0 0;}
	.bdcs_supercomputer #afinity_txt .performance:nth-of-type(2) h4{background:url(../../image/supercomputer/afi_icon_02.png) no-repeat 0 0;}
	.bdcs_supercomputer #afinity_txt .performance:nth-of-type(3) h4{background:url(../../image/supercomputer/afi_icon_03.png) no-repeat 0 0;}
	.bdcs_supercomputer #afinity_txt .performance:nth-of-type(4) h4{background:url(../../image/supercomputer/afi_icon_04.png) no-repeat 0 0;}
	.bdcs_supercomputer #afinity_txt .performance h4 span{
		display:inline-block;
		position:relative;
		top:-3px;
		margin:0 0 0 10px;
		padding:1px 7px;
		font-size:0.95rem;
		background:rgba(23,42,115,1);
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		color:#FFF;
		}
		.bdcs_supercomputer #afinity_txt .performance h4 span span{
			top:0px;
			margin:0 0 0 3px;
			padding:0px;
			font-size:0.7rem;
			background:none;
			-moz-border-radius:0px;
			-webkit-border-radius:0px;
			border-radius:0px;
			color:#FFF;
	}
	
	.bdcs_supercomputer #afinity_txt .performance ul{
		position:relative;
		padding-left:23px;
		list-style:none;
	}
	.bdcs_supercomputer #afinity_txt .performance ul li{
		position:relative;
		list-style:none;
		margin-bottom:5px;
		padding-left:20px;
		font-size:0.9rem;
		}
		.bdcs_supercomputer #afinity_txt .performance ul li:after{
			content:" ";
			position:absolute;
			top:5px;
			left:0px;
			width:12px;
			height:14px;
			background:url(../../image/supercomputer/afi_icon_00.png) no-repeat 0 0;
	}

/* afinity_photo */
.bdcs_supercomputer #afinity_photo{
	width:250px;
	}
	.bdcs_supercomputer #afinity_photo ul{
		list-style:none;
	}
	.bdcs_supercomputer #afinity_photo ul li{
		display:block;
		margin-bottom:7px;
	}
	.bdcs_supercomputer #afinity_photo ul li img{
		width:100%;
		height:auto;
}

/* --- responsive --- */
@media(max-width:767px){
	.bdcs_supercomputer #afinity_detail{
		display:block;
	}
	.bdcs_supercomputer #afinity_txt{
		padding-right:0px;
	}
	
	/* afinity_photo */
	.bdcs_supercomputer #afinity_photo{
		width:100%;
	}
	.bdcs_supercomputer #afinity_photo ul{
		list-style:none;
	}
	.bdcs_supercomputer #afinity_photo ul li{
		display:inline-block;
		width:49%;
		margin-bottom:7px;
	}
	.bdcs_supercomputer #afinity_photo ul li img{
		width:100%;
		height:auto;
}
}




/* -----------------------------------------------------------------
   supercomputer - second
----------------------------------------------------------------- */

.bdcs_supercomputer #link_btn #afinity_btn{
	margin:20px 0 15px;
}
.bdcs_supercomputer #link_btn #afinity_btn img{
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
/* hardware */
#bdid_hardware .line{
	padding:25px 20px 5px 20px !important;
}
#bdid_hardware .sc_under{
	min-height:206px;
	margin-bottom:0px;
	padding-right:320px;
	background:url(../../image/supercomputer/hard_visual.jpg) no-repeat right 0;
}
#bdid_hardware table{
	width:100%;
	margin:0 0 20px;
	}
	#bdid_hardware table th{
		line-height:1.5;
	}
	#bdid_hardware table td{
		text-align:center;
}

/* software */
#bdid_software .line{
	padding:25px 20px 5px 20px !important;
}
#bdid_software .sc_under{
	min-height:236px;
	margin-bottom:0px;
	padding-right:0px;
	background:url(../../image/supercomputer/soft_visual.jpg) no-repeat right 0;
}
#bdid_software table.software_table{
	width:100%;
	margin:0 0 20px;
	font-size:0.9rem;
	}
	#bdid_software table.software_table th{
		line-height:1.5;
		min-width:220px;
	}
	#bdid_software table.software_table td{
		text-align:center;
		text-align:left;
		background:rgba(255,255,255,0.7);
}


/* support */
#bdid_support .line{
	padding:25px 20px 5px 20px !important;
}
#bdid_support .sc_under{
	min-height:206px;
	margin-bottom:0px;
	padding-right:320px;
	background:url(../../image/supercomputer/supo_visual.jpg) no-repeat right 0;
}

/* --- responsive --- */
@media(max-width:767px){
	.bdcs_supercomputer #link_btn ul{
		display:block;
	}
	.bdcs_supercomputer #link_btn ul li{
		width:100%;
		margin-bottom:10px;
	}
	.bdcs_supercomputer #link_btn #afinity_btn{
		margin:20px 0 10px;
	}
	.sc_under{
		padding-right:0px !important;
		background:none !important;
	}
	#bdid_software table.software_table th,
	#bdid_software table.software_table td{
		display:block;
}
}




/* -----------------------------------------------------------------
   accessnetwork
----------------------------------------------------------------- */

#accessnetwork{
	position:relative;
	list-style:none;
	padding:0 0 300px 0;
	background:url(../../image/page/accessnetwork_bg.png) no-repeat center bottom;
	}
	#accessnetwork li{
		position:relative;
		margin-bottom:25px;
	}
	#accessnetwork li p{
		padding:0 27px;
}

/* --- responsive --- */
@media(max-width:767px){
	#accessnetwork li p{
		padding:0 0px;
	}
}
/* -----------------------------------------------------------------
   study
----------------------------------------------------------------- */
/* research_list */
#bdid_study #research_list{
	list-style:none;
}
#bdid_study #research_list li{
	display: flex;
	display: -webkit-flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom:20px;
	padding:20px 20px;
	background:rgba(205,235,241,1.0);
	}
	#bdid_study #research_list li h4{
		position:relative;
		margin-bottom:7px;
		font-size:1.2rem;
		color:rgba(23,42,115,1.0);
	}
	#bdid_study #research_list li p{
		font-size:0.85rem;
		line-height:1.75;
	}
	#bdid_study #research_list .research_photo{
		width:40%;
		}
		#bdid_study #research_list .research_photo img{
			width:100%;
			height:auto;
		}
		#bdid_study #research_list .research_photo p{
			margin:5px 0 5px 0;
			font-size:0.8rem;
	}
	#bdid_study #research_list .research_detaile{
		width:58%;
}

/* --- responsive --- */
@media(max-width:767px){
	#bdid_study #research_list li{
		display:block;
	}
	#bdid_study #research_list .research_photo{
		width:100%;
		margin-bottom:10px;
		}
		#bdid_study #research_list .research_photo img{
			width:100%;
			height:auto;
	}
	#bdid_study #research_list .research_detaile{
		width:100%;
	}
}

/* theme_list */
#bdid_study #theme_list{
}
#bdid_study #theme_list h4{
	position:relative;
	margin-bottom:7px;
	padding:5px 10px 5px 30px;
	cursor:pointer;
	background:rgba(206,219,240,0.5);
	}
	#bdid_study #theme_list h4:hover{
		background:rgba(206,219,240,0.9);
	}
	#bdid_study #theme_list h4:after{
		content:" ";
		position:absolute;
		top:10px;
		left:12px;
		border: 7px solid transparent;
		border-left: 9px solid rgba(23,42,115,1.0);
	}
	#bdid_study #theme_list h4.open{
		background:rgba(206,219,240,0.9);
	}
	#bdid_study #theme_list h4.open:after{
		top:13px;
		left:10px;
		border: 7px solid transparent;
		border-top: 9px solid rgba(23,42,115,1.0);
	}
#bdid_study #theme_list table{
	display:none;
	width:100% !important;
	margin-bottom:15px;
	overflow:hidden;
	}
	#bdid_study #theme_list table th{
		font-weight:bold;
	}
	#bdid_study #theme_list table td:nth-child(2),
	#bdid_study #theme_list table td:nth-child(3){
		width:110px;
		text-align:center;
}
/* --- responsive --- */
@media(max-width:767px){
	#bdid_study #theme_list table th{
		font-size:0.85em;
		padding:0 5px;
	}
	#bdid_study #theme_list table td{
		font-size:0.75em;
		padding:0 5px;
	}
}

/* -----------------------------------------------------------------
   map
----------------------------------------------------------------- */

#bdid_access #map{
	width:100%;
	margin:30px 0 0;
}
#bdid_access #map iframe{
	display:block;
	width:100%;
	height:450px;
	max-height:440px;
	margin-bottom:7%;
	border:0px;
}

/* -----------------------------------------------------------------
   sitemap
----------------------------------------------------------------- */

#sitemap_list{
	display:inline-block;
	list-style:none;
	}
	#sitemap_list li{
		position:relative;
		border-bottom:2px dotted rgba(23,42,115,0.5);
		}
		#sitemap_list li.submenu{
			padding:5px 30px;
		}
		#sitemap_list li:after{
			content:" ";
			position:absolute;
			top:9px;
			left:10px;
			border:7px solid transparent;
			border-left:9px solid #172A73;;
		}
		#sitemap_list li a{
			display:block;
			padding:5px 30px;
			text-decoration:none;
			color:#172A73;
		}
		#sitemap_list li a:hover{
			background:rgba(23,42,115,0.1);
}
#sitemap_list li ul{
	padding-left:20px;
	list-style:disc;
	}
	#sitemap_list li ul li{
		padding:0px 0px;
		border-bottom:none;
		}
		#sitemap_list li ul li:after{
			display:none;
	}
	#sitemap_list li ul li a{
		padding:0px 0px;
		}
		#sitemap_list li ul li a:hover{
			text-decoration:underline;
			background:none;
	}
	#sitemap_list li ul li:last-child{
		border-bottom:none;
}