body {
	margin:0;
	padding:0;
}

div#header_area {
	position:fixed;
	top:0;
	width:inherit;
	background-color:#228B22;
}
div#contents_area {
	margin:140px auto 0 auto;
	/* background-color:#AAAAFF; */
}
div#contents_frame { margin:0 5px; }
div#footer_area {
	width:100%;
	background-color:#228B22;
	text-align:right;
}

table#header_table { width:320px; }
table#header_table tbody tr:last-child td, p#copy_right {
	font-weight: bold;
	font-style:italic;
	color:#FFFFFF;
}
table#header_table tbody tr:last-child td span { font-size:10px; }
table#header_table img { width:100%; }

p#copy_right {
	font-size:12px;
	margin:0;
	padding:2px 5px;
}





/** PC画面固有のCSS記載箇所 */
@media screen and (min-width:900px) {
	div#contents_area { width:900px; }
	div#contents_frame { width:890px; }
	
	/* PC用コンテンツを表示、SP用コンテンツを非表示 */
	div.pc_contents { display:block; }
	div.sp_contents { display:none; }
}


/** SP画面固有のCSS記載箇所 */
@media screen and (max-width:899px) {
	div#contents_area, div#contents_frame { width:100%; }
	div#contents_frame { width:98%; }

	/* PC用コンテンツを非表示、SP用コンテンツを表示 */
	div.pc_contents { display:none; }
	div.sp_contents { display:block; }
}