/***全サイズ共通***/
div#wrapper * {
	margin: 0px;
}
div#wrapper h1,div#wrapper h2,div#wrapper h3 {
	margin-top: 20px;
}
div#wrapper p {
	margin-top: 10px;
	text-indent: 1em;
}

/*ヘッダー*/
span.header {
	cursor: pointer;
}
a.header {
	color:#000;
	text-decoration:none;
}

/*セクション*/
div#wrapper section {
	margin-top: 10px;
	border-top: groove;
}

/*フッター*/
div#wrapper footer {
	margin-top: 10px;
	border-top: groove;
}
div#wrapper img.footer{
	display: block;
	margin: 10px auto 0px;
}
div#wrapper p.footer{
	margin: 0px;
	font-size: small;
	text-indent: 0em;
	text-align: center;	
}

/***画面サイズ〜480 スマフォ***/
@media screen and (max-width: 480px) {
	body{
		margin: 5px;
	}
	div#wrapper{
		padding: 10px;
	}
}

/***画面サイズ481〜768 タブレット,PC半画面***/
@media screen and (min-width: 481px) and (max-width: 768px) {
	body{
		margin: 10px;
	}
	div#wrapper{
		padding: 10px;
	}
}

/*** 画面サイズ769〜 PC***/
@media screen and (min-width: 769px) {
	body{
		margin: 10px 10%;
	}
	div#wrapper{
		padding: 10px 20px;
	}
}