/* framework setting */

body {
background-image:none;
width:90%;
margin: 10px auto;
text-align:center;
}

header, nav, article, aside, section, address, footer {
	display:block;
	border-radius:1em;
	}

/* layout setting */

header,footer {
    width: 100%;
    float: left;
    border: 1px solid gray;
    margin: 0px 0px 5px;
    padding: none;
    background: #003399;
    color: white;
    text-shadow: 3px 3px 3px black;
}

nav {
	border:none;
	margin:0px 0px 5px;
	padding:none;
}

article {
	width:68%;
	float:left;
	border:none;
	margin:0px 0px 0px;
	padding-left:1%;
	line-height:1.8em;
	text-align:left;
}

aside {
	width:30%;
	float:left;
	border:none;
	margin:0px 0px 0px;
	padding-left:1%;
	text-align:left;
}

section {
	background:mintcream;
	border:1px solid gray;
	margin:0px 0px 5px;
	padding-left:1em;
	padding-right:1em;
	line-height:1.8em;
	text-align:left;
}

aside section {
	background:white;
}

/* detail setting */

a {
color: blue;
text-decoration: underline;
}
a:hover {color:yellow;}

header a, footer a {color:white;}

article a:hover , aside a:hover {color:pink;}

table, td {border:1px gray solid; border-collapse:collapse; padding-left:1em;}
table {width:90%;}
th {background-color:Honeydew; border:1px gray solid; border-collapse:collapse; text-align:center;}

ul.inline, li.inline {
	list-style-type:none;
	display:inline;
	padding:0px 10px;