/* 全体 */
body, #NnVd{
	margin:0px; padding:0px;
	width:100%;
	font-size:16px;
	overflow-y:scroll;/* スクロールバー常に表示（環境依存） */
}
h1{ font-size:100%; }
h2{ font-size:100%; }
a:link{ font-weight:bolder; color:#f0f0f0; }
a:visited{ color:#f0f0f0; }
img{ border:0px; border-style:none; }
table, table *{
	border:2px solid;
}

/* トップメニュー */
.topmenu{
    font-size:large; font-weight:bold;
	background-color:#506058;
}
.imagebar{
	position:relative;height:100px;
	text-align:center;
	background-color:#c0c0b0;
}
.imagebar>.leftbar{
	position:absolute; left:0px; top:-1px;
	width:20%;
	border-top:30px solid #506058; border-right:30px solid transparent;
}
.imagebar>.rightbar{
	position:absolute; right:0px; bottom:-1px;
	width:20%;
	border-bottom:30px solid #506058; border-left:30px solid transparent;
}
.menubar{
	max-width:900px; min-height:30px;
	margin:auto;
	overflow:auto;
	text-align:center;
}
.menubar a{
	padding:5px;
	float:left;
	display:block;
	width:140px;
	transition:all 0.1s linear;
	-webkit-transition:all 0.1s linear;
	-moz-transition:all 0.1s linear;
	-ms-transition:all 0.1s linear;
}
.menubar a:hover{ background:#607068; }

/* サブメニュー */
.contents{
	max-width:900px;
	margin:0 auto; padding:5px;
	color:#000;
}
.contents>article{
	margin:5px 0; padding:10px 10px;
	width:95%;
	display:inline-block;
	vertical-align:top;
	border:2px solid #506058;
	background:#c0c0b0;
}
.contents.split>article{
	width:45%;
}
.contents>article>h2{
	margin:-10px -10px 10px -10px; padding:10px;
	color:#c0c0b0;
	font-size:100%; font-weight:bold;
	background-color:#506058;
}
/* 底メニュー */
.bottommenu{
	position:fixed; bottom:0px;
    width:100%;
    background-color:#506058;
}
.bottommenu:active{ visibility:hidden; }