@charset "utf-8";

/* --背景-- */

html {
	background: url(../images/all/sitemap_bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* --コンテンツ-- */

#sitemap{
	padding-top: 50px;
	height: 480px;
	width: 800px;
}

#sm_kai,
#sm_tori{
	margin: 0 30px 80px 0;
	float: left;
	width: 240px;
	height: 250px;
}

#sm_un{
	margin: 0 0 80px 0;
	float: left;
	width: 240px;
	height: 250px;
}

#sm_sai,
#sm_pp{
	margin: 0 30px 50px 0;
	float: left;
	width: 240px;
	height: 150px;
}

.sm h2 a{
	text-decoration: none;
	color: #ffffff;
}

.sm h2{
	width: 200px;
	padding: 5px 20px;
	margin-bottom: 20px;
	background-color: rgba(0,100,0,0.6);
	border-radius: 10px;
	font-size: 120%;
	font-weight: bold;
}

#sitemap li a{
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	color: #3f3f3f;
	letter-spacing: 0.2em;
}

#sitemap li a:hover{
	text-decoration: none;
	color: #006400;
}

#sitemap ul{
	margin-left: 30px;
	list-style-type: disc;
}

#sitemap ul li{
	margin-bottom: 10px;
}

#sitemap ul ul{
	margin-left: 10px;
	list-style-type: circle;
}

#sitemap ul ul li{
	margin-top: 10px;
}


/*--header--*/
header#top_header{
	position: absolute;
	width: 60%;
	height: 350px;
	top: 50%;
	left: 50%;
	margin-top: -225px;
	margin-left: -30%;
	text-align: center;
	background: #ffcccc;
	
}

header#top_header h1 a{
	text-decoration: none;
	color: #003300;
	font: 4em "HG行書体","HGP行書体",cursive;
	font-weight: 900;
	letter-spacing: 5px;
	text-shadow:2px 2px 3px rgba(255,255,255,0.8) ;
}

header#top_header h2{
	color: #ffffff;
	font: 3em "HG行書体","HGP行書体",cursive;
	font-weight: 900;
	letter-spacing:3px;
	text-shadow:2px 2px 2px rgba(0,51,0,0.8);
}

/*--footer--*/

footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	min-width: 960px;
	background-color: #fffaf0;
	box-shadow: 0px -1px 2px 2px rgba(0,0,0,0.4);
	z-index: 15;
}