html,body {
	margin           : 0px;
	padding          : 5px;
	height           : 100%;
	background-color : #000040;
	color            : #ffffff;
	font-size        : 12px;
}

hr {
	border: 0; 
	height: 1px; 
	background-image : -webkit-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
	background-image : -moz-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
	background-image : -ms-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b);
	background-image : -o-linear-gradient(left, #8c8b8b, #f0f0f0, #8c8b8b); 
}

img {
	max-width : 100%;
	height    : auto;
}

.title {
	font-size : 30px;
}

.header {
	font-size : 18px;
}

.copyright {
	text-align : center;
	font-size  : 14px;
}

.flowtz_logo {
	width  : 23px;
	height : 23px;
}

.wrapper {
	width  : 800px;
	margin : 0 auto;
}

table {
	width       : 100%;
	text-align  : left;
	border      : none;
}

table th {
	width       : 150px;
	white-space : nowrap;
}

table tr,td {
	text-align  : left;
	white-space : nowrap;
}

table td:last-child {
	width : 100%;
}

@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用*/
	html,body {
		font-size : 16px;
	}
	.wrapper {
		width  : 100%;
		margin : 0 auto;
	}
	table tr,th,td {
		display : block;
	}
}