@charset "utf-8";
/* CSS Document */
#container {
	background-color:#69D0EF;
	color:#00303F;
	font-size:0.8em;
	line-height:175%;
}
#container header {
	background:url(../images/archives/article_header.jpg) no-repeat;
	width:100%;
	height:0;
	padding-bottom:22.5%;
	background-size:contain;
}
#container header h1, #container header h2, #container header p, #container header dt, #container header dd {
	font-size:0em;
}
#ttl_archives {
	background:url(../images/archives/ttl_archives.jpg) no-repeat;
	width:100%;
	height:0;
	padding-bottom:14.21875%;
	background-size:contain;
	font-size:0em;
}
#archives {
	background-color:#44C0EA;
}
#archives ul {
	background:url(../images/archives/btn_archive.png) no-repeat;
	width:100%;
	height:0;
	padding-bottom:27.227394%;
	background-size:contain;
	margin:0.5em auto;
}

.number {
	margin-left:1%;
	padding-top:6%;
	color:#fff;
	float:left;
}
.sub_title {
	margin-left:10%;
	padding-top:6%;
	color:#fff;
	font-size:1em;
}
.oa_date {
	margin-left:10%;
	padding:0.5em 0;
	color:#fff;
	clear:both;
}
.serv {
	margin-left:10%;
	padding-top:2.3em;
}
.serv span {
	display:block;
	position:relative;
	background-color:rgba(255,255,255,0.5);	
	margin-right:0.5em;
	padding:0.1em;
	font-size:0.7em;
	color:#00303F;
	float:left;
}