@charset "utf-8";
/* CSS Document */

@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
 
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 100%;
	margin:0;
	padding:0;
	color:DarkSlateGray;
	line-height: 1.5;
	background-image: url("../img/back.png");
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right bottom;}

h1, h2, h3 {font-weight:700;}
p, ul, ol, dl {font-weight:300;}

div#wrapper{
	width:960px;
	margin:0 auto;
	padding:0;
	background-color:#fff;}

div#content{margin:30px;}

div.section{
	margin-top:-30px;
	padding-top:30px;
	padding-bottom:30px;}
p{margin-bottom:20px;}
dd{margin-bottom:10px;}
ul{padding-bottom:20px;}


.nav {
	padding: 0 20px;
	margin: 0 auto 60px;
	width: 920px;
	height: 36px;
	font-size: 85%;
	background: #555;}

.nav li {
	list-style: none;
	float: left;}
.nav li a {
	text-decoration: none;
	color: #fff;
	padding: 8px 12px;
	display: block;}
.nav li a:hover {background: #666;}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	width: 100%;}

h2 {
	position: relative;
	margin:30px 0 10px ;
	padding: 0 .5em .5em 1.7em;
	border-bottom: 1px solid #ccc;}
h2::after {
	position: absolute;
	top: .4em;
	left: .4em;
	z-index: 2;
	content: '';
	width: 12px;
	height: 12px;
	background-color: #ccc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}


#pageTop a:hover {
	text-decoration: none;
	bottom: 15px;}


#pageTop a {
	display: block;
	z-index: 999;
	position: fixed;
	bottom: 10px;
	right: 20px;
	padding: 8px 0 0 8px;
	width: 60px;
	height: 51px;
	text-decoration: none;
	text-align: center;}

#footer{
	clear:both;
	width:920px;
	margin:0 auto;
	padding:10px 0;
	text-align:center;}
hr{border:1px #ccc solid;}
address{
	font-style:normal;
	color:#fff;
	text-shadow: 1px 2px 3px #333;}