@charset "utf-8";
html {
	height: 100%;
	overflow-y: scroll;
}
body {
	min-height: 100%;
	position: relative;
	min-width: 960px;
	background: none repeat scroll 0 0 #F7F4F2;
}
a:link {
	color: #069;
	text-decoration: none;
}
a:visited {
	color: #069;
	text-decoration: none;
}
a:hover {
	color: #069;
	text-decoration: underline;
}
a:active {
	color: #069;
	text-decoration: underline;
}
.outlink  {
	font-size: 0.75em;
	line-height: 140%;
	margin: 15px 0;
	color: #555;
}
header {
	background-color: #F7F4F2;
    background-image: -webkit-linear-gradient(bottom,#e7e4e2 0%,#F7F4F2 40%);
	background-image: -o-linear-gradient(bottom,#e7e4e2 0%,#F7F4F2 40%);
	background-image: -moz-linear-gradient(bottom,#e7e4e2 0%,#F7F4F2 40%);
	background-image: -ms-linear-gradient(bottom,#e7e4e2 0%,#F7F4F2 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F7F4F2',endColorstr='#e7e4e2',GradientType=0);
	box-shadow:0 2px 2px #aaa;
	-moz-box-shadow:0 2px 2px #aaa;
	-webkit-box-shadow:0 2px 2px #aaa;
	border-bottom: solid 1px #F7F4F2;
}
header section {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
	padding: 20px 0;
}
header section h1 {
	width: 470px;
	float: right;
	font-size: 0.8125em;
	line-height: 125%;
	font-weight: 400;
	text-align: right;
	color: #444;
}
header section p {
	width: 450px;
	float: left;
	font-size: 1.25em;
	line-height: 125%;
	font-weight: 600;
}
#mainBox {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
	padding: 30px 0 150px;
}
#side {
	width: 260px;
	margin: 0 10px;
	float: left;
	display: inline;
}
#mainBox nav {
}
#mainBox nav dl {
	background-color: #fff;
	border: solid 1px #ddd;
	margin: 20px 0px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#mainBox nav dl dt {
	font-family: 'Nunito', sans-serif;
	color: #fff;
	font-weight: 600;
	line-height: 125%;
	padding: 10px 15px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	background-color: #28b;
	background-image: -webkit-linear-gradient(bottom,#28b 0%,#39c 40%);
	background-image: -o-linear-gradient(bottom,#28b 0%,#39c 40%);
	background-image: -moz-linear-gradient(bottom,#28b 0%,#39c 40%);
	background-image: -ms-linear-gradient(bottom,#28b 0%,#39c 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#39c',endColorstr='#28b',GradientType=0);
}
#mainBox nav dl dd {
	border-top: solid 1px #ddd;
	font-size: 0.875em;
	line-height: 125%;
}
#mainBox nav dl dd a {
	padding: 10px 15px;
	display: block;
}
#mainBox nav dl dd a:hover {
	background-color: #39c;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
#mainBox nav dl dd a:active {
	background-color: #39c;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
}
#sideLinks {
	margin: 1em 0;

}
#sideLinks p  {

}
#mainBox article {
	width: 660px;
	margin: 0 10px;
	float: right;
	display: inline;
}
#mainBox article p {
	color: #333;
	padding: 0;
	text-align: justify;
	margin: 15px;
}
#mainBox article .contents {
	font-size: 0.8125em;
	line-height: 160%;
}
#mainBox article .outlink {
	color: #555;
}

#mainBox article section, #mainBox article #topContent {
	background-color: #fff;
	border: solid 1px #ddd;
	margin: 20px 0px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#mainBox article section h2 {
	color: #333;
	font-weight: 600;
	line-height: 125%;
	padding: 10px;
	border-bottom: solid 1px #ddd;
	border-left: solid 5px #39c;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	background-color: #fff;
    background-image: -webkit-linear-gradient(bottom,#F7F4F2 0%,#fff 40%);
	background-image: -o-linear-gradient(bottom,#F7F4F2 0%,#fff 40%);
	background-image: -moz-linear-gradient(bottom,#F7F4F2 0%,#fff 40%);
	background-image: -ms-linear-gradient(bottom,#F7F4F2 0%,#fff 40%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff',endColorstr='#F7F4F2',GradientType=0);
}
footer {
	width: 100%;
	background-color: #fff;
	border-top: solid 1px #ddd;
	font-size: 0.8125em;
	line-height: 125%;
	position: absolute;
	bottom: 0px;
	padding: 30px 0;
}
footer div {
	width: 940px;
	margin: 0 auto;
	overflow: hidden;
}
footer div ul {
	width: 500px;
	float: left;
}
footer div p {
	width: 430px;
	float: right;
	text-align: right;
	color: #444;
}