@charset "utf-8";

/*===============================
site : かけっこ塾 XO
file : /css/common.css
uses : 共通要素css
===============================*/

/*============================================================
common　共通要素
============================================================*/
body {
	color: #000;
	text-align: center;
	background: #fff;
}

/*============================================================
responsive
============================================================*/
.pcNone {
	display: none;
}
.spNone {
	display: block;
}

/*============================================================
div#container
============================================================*/
#container {
	width: 100%;
	text-align: left;
}

/* div.inner
-------------------------------*/
.inner {
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}

/*============================================================
header
============================================================*/
header {
	width: 100%;
	text-align: center;
}

header h1.logo,
#contents .header h1.logo {
	width: 532px;
	height: 164px;
	text-indent: -9999px;
	margin: 0 auto;
	background: url(../images/logo_header.png) no-repeat 0 0;
}

/*============================================================
div#contents
============================================================*/
#contents {
	width: 100%;
	text-align: left;
}

/* section
-------------------------------*/
section {
	width: 100%;
}

section h2 {
	font-size: 36px;
	font-weight: 700;
	text-align: center;
}

/* bgSub
-------------------------------*/
section .bgSub {
	text-indent: -9999px;
}

section .btnForm a.bgSub {
	display: block;
	width: 702px;
	height: 96px;
	margin: 0 auto;
	background: url(../images/top/btn_form.png) no-repeat center top;
}
section .btnForm a.bgSub {
	width: 702px;
	height: 96px;
}

/*============================================================
footer
============================================================*/
footer {
	width: 100%;
	height: 240px;
	text-align: center;
}
footer .inner {
	padding-top: 46px;
}

footer p.logo {
	width: 426px;
	height: 130px;
	text-indent: -9999px;
	margin: 0 auto;
	background: url(../images/logo_footer.png) no-repeat 0 0;
}

/* ul.footerMenu
-------------------------------*/
footer ul.footerMenu {
	padding-top: 22px;
}
footer ul.footerMenu li {
	display: inline;
	margin: 0 20px;
}

/*============================================================
.pagetop
============================================================*/
.pagetop {
	position: fixed;
	bottom: 60px;
	right: 60px;
	width: 60px;
	height: 60px;
	display: block;
	text-indent: -9999px;
	background: url(../images/btn_pagetop.png) no-repeat 0 0;
}