article, header, nav, footer {
 display: block;
}

h1, h2, h3, h4, h5, h6 {
 font-size: 100%;
}

html {
 overflow: hidden;
 height: 100%;
}

body {
margin: 0;
padding: 0;
background: #ffffff;
color: #333;
font-size: 10px;
height: 100%;
font-family:Helvetica Neue,Helvetica,Arial,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ","Meiryo", Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}



.ua-ie body{
 font-size: 62.5%;
}

img.bgimage {
 display: none;
 width:100%;
 overflow:hidden;
}

img.loader {
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -12px 0 0 -12px;
}

.clearfix:after {
 content: '';
 display: block;
 clear: both;
}

.clearfix {
 zoom: 1;
}

#outline {
 height: 100%;
 width:100%;
 overflow: hidden;
}

#copyright_ {
 position: absolute;
 bottom: 15px;
 left: 15px;
 margin: 0;
}
#copyright {
 position: absolute;
 bottom: 15px;
 left: 15px;
 margin: 0;
 padding:0;
}

#archives {
 position: absolute;
 top: 30px;
 left: 40px;
}

#archives header {
 margin: 0 0 20px 0;}

#archives header h1 {
 font-size: 3em;
 font-family: Arial, Helvetica, Verdana, sans-serif;
 color: #fff;
 margin: 0;
 line-height: 1;
}


#content {
 margin: 0 30px 0 400px;
 max-width: 500px;
}

#content h2 {
 font-size: 6em;
}

div.skillbox {
 width: 250px;
 float: left;
}



div.newsarea {
 position: absolute;
 top: 30px;
 right: 30px;
 background:#ffffff;
 padding-bottom:0;
}
div.newsarea {
 position: absolute;
 top: 0px;
 right: 0px;
 background:#ffffff;
 padding-bottom:0;
}

div.twtr-ft{
	display:none !important;
}


#golink__{
display:block;
 position: absolute;
 left: 50%;
 bottom:45px;
 margin: -21px 0 0 -375px;
}
#golink{
display:block;
 position: absolute;
 left: 0%; right:0%;
 bottom:0%;
 width:100%;
 min-width:1998px;
 background:transparent url(../img/bgblack.png);
 overflow:hidden;
}

#golink a:hover{
opacity:0.4;
}

#golink__:hover{
background:#E85299;
}


.infobg{
	position:absolute;
	top:0;
	right:0;
	width:530px;
	background-color: rgba(0,0,0,0.8);
	height:100%;
	overflow:auto;
	margin:0;
	padding:0 0 0 0;
}

.title2016{
	color:#ffffff;
	font-size:30px;
	padding:25px 0 0 20px;
	margin:0;
		
}
.title2016S{
	color:#ffffff;
	font-size:13px;
	padding:4px 0 0 20px;
	margin:0;
		
}

.info2016{
	color:#d84f8f;
	font-size:20px;
	padding:25px 0 0 20px;
	margin:0;
	font-weight:bold;
	line-height:1.5em;
		
}
.date2016{
	color:#edad40;
	font-size:17px;
	padding:10px 0 0 20px;
	margin:0;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.04em;
		
}

.date2016 a{
	color:#d84f8f;
}

.info2016R{
	color:#ffffff;
	font-size:14px;
	padding:15px 0 0 20px;
	margin:0;
	
	line-height:1.7em;
		
}

.alert2016{
	color:#d84f8f;
	font-size:14px;
	padding:8px 0 0 20px;
	margin:0;
	font-weight:bold;
	line-height:1.7em;
	letter-spacing:0.04em;
		
}

.alert2016 a{
	color:#edad40;
}

.info2016R2{
	color:#ffffff;
	font-size:13px;
	padding:15px 15px 0 20px;
	margin:0;
	
	line-height:1.5em;
		
}

.pink{
	color:#d84f8f;
	font-weight:bold;
}

.orange{
	color:#edad40;
	font-weight:bold;
}