/* 
 * reset default style 
 */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style: *none;
    list-style-position: inside;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
td {
	vertical-align: top;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
a {
	text-decoration: none;
}

/*
 * set base style
 */

body {
	font:13px/1.231 Verdana,Arial,sans-serif;
	*font-size:small;
	*font:x-small;
	background-color: #aaa3a0;
	color: #666;
}

select,input,button,textarea,button {
	font:99% arial,helvetica,clean,sans-serif;
}

table {
	font-size:inherit;
	font:100%;
}

pre,code,kbd,samp,tt {
	font-family:monospace;
	*font-size:108%;
	line-height:1;
}

* html body {
	font-family: gCalibrih,hCIh,Meiryo,hqMmpS Pro W3,Hiragino Kaku Gothic Pro,hlr oSVbNh,sans-serif;
}

*:first-child+html body {
	font-family: gCalibrih,hCIh,Meiryo,hqMmpS Pro W3,Hiragino Kaku Gothic Pro,hlr oSVbNh,sans-serif;
} 

/*
 * set all style
 */

#wrap{
	width: 98%;
	margin: 0 auto;
	max-width: 880px; /* Εε */
}

aside {
	/* border: 3px double #ddc; */
	border:1px solid #ddc;
	border-radius:10px;
	margin: 0.33em 0.33em 0.33em 0;
	padding: 0.66em;
}

nav#navSec ul li {
	display:inline;
	padding-right: 0.66em;
}

nav#nav50 {
	font-family: Consolas, 'Courier New', Courier, Monaco, monospace;
}

nav#nav50 ul li {
	display:inline;
	padding-left: 1.33em;
	padding-right: 1.00em;
}

header#header {
	background-color: #fdfbf1;
	display: flex;
	box-shadow: 14px 0px 27px -27px #b93;
}

main#secMain {
	background-color: #fdfbf1;
	display: flex;
	box-shadow: 14px 0px 27px -14px #873;
}

section#secNavH {
	width: 330px;
	text-align: right;
}

section#secNav  {
	width: 290px;
}

section#secCont , section#secContH {
	flex: 1;
}

nav.back2top {
	text-align: right;
}

address {
	font-size: 1.16em;
	text-align: right;
}

nav#navPage ul li {
	list-style-type: circle;
	padding-left: 0.33em;
}

h1,h2,h3,h4 {
	color: #311;
	font-family: gCalibrih,hCIh,Meiryo,hqMmpS Pro W3,Hiragino Kaku Gothic Pro,hlr oSVbNh,sans-serif;
}

h1 {
	font-size: 1.43em;
	padding-bottom: 1.66em;
	padding-top: 0.33em;
	padding-left: 0.33em;
}

h2 {
	text-align: center;
	font-size: 1.16em;
	padding-bottom: 1.33em;
}

section#secNav nav#navPage,section#secNav nav#nav50 {
}

section#secNav nav#navPage ul {
	padding-top: 1.66em;
	padding-left: 0.33em;
}

section#secCont {
	background-color: #fdfbf1;
	box-shadow: 7px 0px 14px -14px #3aa;
}

section.Welcome {
	padding-left: 1.66em;
	padding-right: 1.66em;
}

dl {
	padding-left: 1.66em;
	padding-right: 1.66em;
	margin-right: 0.66em;
}

dt {
	font-size: 1.16em;
	padding-top: 0.33em;
	padding-bottom: 0.33em;
	color: #533;
	text-decoration: underline;
	font-family: gCalibrih,hCIh,Meiryo,hqMmpS Pro W3,Hiragino Kaku Gothic Pro,hlr oSVbNh,sans-serif;
}

dt.pgline {
	padding-top: 1.66em;
}

dd {
	padding-left: 0.11em;
}

section.Welcome, dd {
	line-height: 133%;
	font-family: gCalibrih,hCIh,Meiryo,hqMmpS Pro W3,Hiragino Kaku Gothic Pro,hlr oSVbNh,sans-serif;
	color: #103;
}

a:hover {
	text-decoration: underline;
}
