@charset "utf-8";

html, body {
	width: 100%;
	background: #fff;
	color: #333;
	font-size: 97%;
}

/* ヘッダー
------------------------------------------------------------------*/
header {
	height: 80px;
}
header .inner {
	width: 950px;
	margin: 0 auto;
}
header h1,
header #logo {
	float: left;
	margin: 0 18px 0 0;
	position: relative;
	z-index: 30;
}
header h1 + p,
header #logo + p {
	float: right;
	height: 34px;	
}
header h1 + p + p,
header #logo + p + p{
	text-align: right;
}

/* ナビゲーション
------------------------------------------------------------------*/
nav ul {
	float: right;
}
nav ul li {
	float: left;
}

/* フッター
------------------------------------------------------------------*/
footer {
	text-align: center;
	background: #e8eaea;
	position: relative;
	z-index: 30;
}
footer p {
	display: inline-block;
	padding: 15px 7px 10px;
	vertical-align: middle;
}
footer div {
	background: #0c2333;
}

/* コピーライト */
small {
	color: #fff;
	display:block;
	font-size:10px;
	width: 950px;
	margin: 0 auto;
	text-align: left;
	padding: 27px 0px;
	letter-spacing: 0.12em;
}

/* ページトップ */
.pageTop {
	display: none;
	position: fixed;
	bottom: 10px;
	right: 20px;
	cursor: pointer;
}
.pageTop.fixed {
	position: absolute;
}

/* 共通
------------------------------------------------------------------*/
.sp {
	display: none;
}