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

/*
blue  rgba(124,168,218,1.0);
*/

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

main{
	width:100%;
}
main section{
	position:relative;
	width:100%;
	margin:0 auto;
	text-align:center;
}
main .contents{
	position:relative;
	width:1000px;
	margin:0 auto 25px;
	padding:0px 20px 0px 20px;
	text-align:left;
}

/* --- responsive --- */
@media(max-width:1050px){
	main .contents{
		width:100%;
	}
}

/* -----------------------------------------------------------------
   nav
----------------------------------------------------------------- */

.bdcs_about header nav > ul > li:nth-child(1),
.bdcs_supercomputer header nav > ul > li:nth-child(2),
.bdcs_accessnetwork header nav > ul > li:nth-child(3),
.bdcs_study header nav > ul > li:nth-child(4),
.bdcs_information header nav > ul > li:nth-child(5){
	background:rgba(255,255,255,0.15);
}
.bdcs_about header nav > ul > li:nth-child(1) a:hover,
.bdcs_supercomputer header nav > ul > li:nth-child(2) a:hover,
.bdcs_accessnetwork header nav > ul > li:nth-child(3) a:hover,
.bdcs_study header nav > ul > li:nth-child(4) a:hover,
.bdcs_information header nav > ul > li:nth-child(5) a:hover{
	background:none;
}

/* -----------------------------------------------------------------
   title_block
----------------------------------------------------------------- */

#title_block{
	position:relative;
	width:1000px;
	padding:0 20px;
	max-width:100%;
	margin:0 auto;
	}
	#title_block h2{
		display:block;
		position:relative;
		left:0px;
		width:100%;
		min-height:60px;
		padding:9px 0;
		text-align:left;
		font-weight:bold;
		font-size:1.4rem;
		color:#FFF;
	}
	#title_block h2 span{
		display:inline-block;
		position:relative;
		margin-left:15px;
		padding:0px 0;
		text-align:left;
		font-weight:normal;
		font-size:0.8rem;
		color:#FFF;
	}
	#title_block:after{
		content:" ";
		display:block;
		position:absolute;
		top:14px;
		left:-141px;
		width:151px;
		height:110px;
		background:url(../../image/base/title_bg.png) no-repeat 0 0;
}

/* --- responsive --- */
@media(max-width:960px){
	#title_block{
		left:30px;
	}
}
@media(max-width:767px){
	#title_block h2 span{
		display:block;
		margin-left:0px;
		padding:0px 0;
		text-align:left;
		font-weight:normal;
		font-size:0.8rem;
		color:#FFF;
	}
}

/* -----------------------------------------------------------------
   bg_white
----------------------------------------------------------------- */

.bg_white{
	padding:25px 20px 0px 20px !important;
	background:rgba(255,255,255,0.4);
}
/* --- responsive --- */
@media(max-width:767px){
	.bg_white{
		background:rgba(255,255,255,0.9);
	}
}


/* -----------------------------------------------------------------
   all
----------------------------------------------------------------- */

main h3{
	position:relative;
	display:inline-block;
	margin-bottom:12px;
	padding:6px 25px 5px;
	font-size:1.3rem;
	background:#172A73;
	color:#FFF;
}
main h4{
	font-weight:bold;
}
main p{
	margin-bottom:10px;
	font-size:0.9em;
}
main img{
	max-width:100%;
	height:auto;
}
/* ----------------------------------------------------------------- */
/*	nav                                                              */
/* ----------------------------------------------------------------- */
#bdid_news header nav > ul > li#nav_news a,
#bdid_company header nav > ul > li#nav_company a,
#bdid_access header nav > ul > li#nav_access a,
#bdid_anken header nav > ul > li#nav_anken a,
#bdid_licence header nav > ul > li#nav_licence a,
#bdid_contact header nav > ul > li#nav_contact a
{
	background:rgba(124,168,217,0.4);
}

/* ----------------------------------------------------------------- */
/*	ul                                                               */
/* ----------------------------------------------------------------- */

ul.default{
	list-style:none;
	}
	ul.default li{
		margin-bottom:10px;
		font-size:0.9em;
}
ul.disc{
	list-style:disc;
	padding-left:20px;
	}
	ul.disc li{
		margin-bottom:7px;
		font-size:0.9em;
}

/* ----------------------------------------------------------------- */
/*	box                                                              */
/* ----------------------------------------------------------------- */

.bgbox{
	padding:20px;
	background:rgba(0,0,0,0.1);
	}
	.bgbox:after{
		content:" ";
		display:block;
		clear:both;
}

/* -----------------------------------------------------------------
   line
----------------------------------------------------------------- */

.line{
	padding-bottom:25px;
	border-bottom:2px dotted rgba(124,168,218,1.0);
}
.contents.line{
	padding:0px 20px 25px 20px !important;
}
.contents.bg_white.line{
	padding:25px 20px 25px 20px !important;
}