/* layout */

body {
	font-size:14px;
	font-family: "Tahoma","メイリオ", sans-serif;
	color:#666666;
	margin:0;
	padding:0; }

a:hover { opacity:0.7; }

a:focus, *:focus { outline:none; }

#header,
#navi,
#aside,
#footer {
	color:#ffffff;
	background:#0066cc; }

#navi { z-index:1000; }
#aside {z-index:1; }

#page {
	min-height:500px; }

h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0 }

.container:before,
.container:after {
	content:"";
	display:table; }
.container:after {
	clear:both; }
.container {
	overflow:hidden;
	position:relative;
	margin:0 auto;
	zoom:1; }
#navi .container {
	overflow:visible; }

ul:before,
ul:after {
	content:"";
	display:table; }
ul:after {
	clear:both; }
ul {
	zoom:1; }



#page-top {
	display:none;
	position:absolute;
	position:fixed;
	bottom:10px;
	left:auto;
	right:30px;
	margin:0 auto; }

#page-top-control {
	opacity:0.4;
	cursor:pointer;
	border-radius:10px;
	width:100px;
	margin:0 0 0 auto;
	padding:10px 5px;
	background-color:#0066cc;
	color:#ffffff;
	text-align:center;
	font-size:14px; }
#page-top-control:hover {
	opacity:1; }
#page-top-control i {
	font-size:40px;
	margin:0 5px; }

@media screen and (min-width: 641px) {
	body { font-size:14px; }
	#wrapper {
		min-width:1080px; }
	.container {
		width:1080px; }
	#content .container {
		min-height:500px; }

}

@media screen and (max-width: 640px) {
	body {
		font-size:24px;
		padding:0 0 70px; }
	#wrapper {
		overflow:hidden;
		max-width:640px;
		min-width:640px;
		width:640px; }
	.container {
		width:640px; }
	#content .container {
		min-height:100px; }
	#page-top {
		display:none;
		position:absolute;
		position:fixed;
		width:640px;
		bottom:0;
		left:0;
		right:0; }
	#page-top-control {
		opacity:1;
		cursor:pointer;
		border-radius:0;
		width:640px;
		margin:0 0 0 auto;
		padding:10px 5px;
		background-color:#0066cc;
		color:#ffffff;
		text-align:center;
		font-size:14px; }
	#page-top-control i {
		font-size:40px;
		margin:0 5px; }
}