body {
	margin:0; padding:0; text-align: center; border:0;
}

/*ClearFix-*/
.clearfix:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
/* End hide from IE-mac */

#spWrapper{
	width: 100%;
	background: url("https://www.kracie.co.jp/image/share/bg_body_head.gif") top left repeat-x;
}
#spWrapper #spHeader{
	margin: 0 auto 15px auto;
	width: 950px;
	position: relative;
	text-align: left;
}
#spWrapper #spHeader h1{
	margin: 0;
	padding: 0;
	display: absolute;
	left: 400px;
	width: 245px;
	height: 80px;
	background: url("https://www.kracie.co.jp/image/share/btn_logo.gif") left 5px no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
#spWrapper #spHeader h1 a{
	display: block;
	width: 245px;
	height: 79px;
	outline: none;
}

#spWrapper #spHeader p{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 17px;
	left: 275px;
	width: 80px;
	height: 13px;
	background: url("https://www.kracie.co.jp/image/share/btn_home.gif") left top no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
#spWrapper #spHeader p a{
	display: block;
	width: 80px;
	height: 13px;
	outline: none;
}

#spWrapper #spHeader a { cursor: pointer; }

#spWrapper #spHeader div{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 17px;
	right: 0px;
	width: 200px;
	height: 25px;
	background: url("https://www.kracie.co.jp/image/share/bnnr_KampofulLife_header.jpg") left top no-repeat;
	text-indent: -9999em;
	overflow: hidden;
}
#spWrapper #spHeader div a{
	display: block;
	width: 101px;
	height: 25px;
	outline: none;
}

/* Footer */

#spWrapper #spFooter{
	margin: 20px 0;
	width: 100%;
	text-align: center;
}
#spWrapper #spFooter ul{
	margin: 0 auto;
	list-style: none;
	list-style-position: outside;
	width: 778px;
}
#spWrapper #spFooter ul li{
	margin: 0;
	float: left;
}
#spWrapper #spFooter ul li a{
	display: block;
	text-indent: -9999em;
	outline: none;
}
#spWrapper #spFooter ul li.sitemap a{
	width: 183px;
	height: 15px;
	background: url("https://www.kracie.co.jp/image/share/btn_sitemap.gif") top left no-repeat;
}
#spWrapper #spFooter ul li.privacy a{
	width: 112px;
	height: 15px;
	background: url("https://www.kracie.co.jp/image/share/btn_privacy.gif") top left no-repeat;
}
#spWrapper #spFooter ul li.about a{
	width: 120px;
	height: 15px;
	background: url("https://www.kracie.co.jp/image/share/btn_about.gif") top left no-repeat;
}
#spWrapper #spFooter ul li.policy a{
	width: 173px;
	height: 15px;
	background: url("https://www.kracie.co.jp/image/share/btn_policy.gif") top left no-repeat;
}
#spWrapper #spFooter ul li.rule a{
	width: 171px;
	height: 15px;
	background: url("https://www.kracie.co.jp/image/share/btn_rule.gif") top left no-repeat;
}
#spWrapper #spFooter p.copyright{
	margin: 0 auto;
	padding: 12px 0;
	width: 778px;
	line-height: 16px;
	font-size: 10px;
	text-align: center;
	color: #666;
}