@charset "Shift_JIS";

body  {
	background: #FFF;
}
html, body { height: 100%; }

#wrapper-center {
	width: 100%;
}
#wrapper {
	margin: 0px  auto;
	width: 516px;
	padding: 0 8px;
}
#mainContent {
	width: 500px;
	position:relative;
	top: 20px;
	margin: 0px auto 60px;
	z-index: 100;
	text-align: left;
    }
p#sgLogo img {
	width: 320px;
	margin:0 0px auto auto;
}
#nav {
	height: 80px;
	margin: 10px auto auto;
}
p#footer     {
	height: 20px;
	width: 500px;
	margin: 60px auto 0px;
	position: relative;
	text-align: center;
	font-size: 10px;
	color: #555;
}
.gray {
	color: #555;
}

@media screen and (max-width: 560px) {
   /* 表示領域が320px以下の場合に適用するスタイル */
p#sgLogo img {width: 75vw;}
p#footer {
	width: 100vw;
	font-size: 8px;
}

}