body {
	margin : 10px;
	font-family: 'Sofia+Sans+Semi+Condensed', sans-serif;
	font-weight: 100;
	font-size: 1rem;
	padding: 0px;
	background: #fff;
}

h1.title {
	display : inline;
	left : 10px;
	position : absolute;
	margin : 0;
	top : 5px;
	cursor : default;
	
	color : #08f;
	font-size : 5vw;
	font-weight : 600;
}


h3.subtitle {
	display : inline;
	left : 1em;
	position : absolute;
	margin : 0;
	top : 23px;
	width : 90%;
	cursor : default;

	color : #F35;
	font-size : 4vw;
	font-weight : 100;
	font-style : oblique;
	text-decoration : underline;
}

#banner {
	position : relative;
	margin : 0;
	left : 0;
	top : 10px;
	z-layer : -1;
}


p.copyrightnote, table.copyrightnote {
	color : #999;
	font-weight: 400;
}

p.copyrightnote a:link, table.copyrightnote a:link {text-decoration : none; color : #999;}
p.copyrightnote a:visited, table.copyrightnote a:visited {text-decoration : none; color : #999;}
p.copyrightnote a:hover, table.copyrightnote a:hover {text-decoration : underline; color : #00C;}


#menu {
	display: flex;
	border-bottom : 1px solid #ccc;
	margin : 0;
	padding-bottom : 0px;
	padding-left : 10px;
}

#menu ul {
	display : flex;
	list-style-type : none;
	margin : 0;
	padding : 0;
}


#menu li {
	display : block;
	list-style-type : none;
	margin : 0;
	padding : 0;
}


#menu a:link, #menu a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	font-size : 2.2vw;
	padding : 1.5vw;
	text-decoration : none;
}

#menu a:link.active, #menu a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#menu a:hover	{
	color : #f00;
	background : #EFEFFF;
}


#menu li#menuitem-selected a {
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
	cursor: default;
}

#menu ul#menu-selected li#menuitem-selected a {
!	background : #ddd;
	color : #F00;
	cursor : default;
}


#menu ul.menu-level-2 {
	display : none;
	width: 90%;
}

#menu ul.menu-level-2#menu-selected {
	display : block;
	position : absolute;
	left : 10px;
	top : 8rem;
}

#menu ul.menu-level-2#menu-selected a {
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	border-right : none;
	color : #999;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	font-size : 2.5vw;
	padding : 2vw;
	text-decoration : none;
}

#menu ul a:hover {
	color : #f00 !important;
}


#contents {
	display: block;
	background : #fff;
	border : 1px solid #ccc;
	border-top : none;
	clear : both;
	margin : 0;
	padding : 15px;
	padding-top : 50vh;
}

#contents td { 
	font-size : 2.5vw;
	padding : 1vw;
	padding-top : 1.3vw;
}

#contents a:link {text-decoration : none;}
#contents a:hover {text-decoration : underline; background : #FF8;}