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

a:link, :visited, :hover, :active, :focus {
//	color : #ffffff;
}

a {
	font-weight : bold;
}

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;
}

.border {
	border: 2px #333300 solid;
	background-color : #ffffff;
	margin-right : 10px;
}

.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;
}

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

textarea {
	width : 100%;
}

#mail_form {
	width                 : 97%;
	padding               : 10px;
	text-align            : left;
	color                 : #000000;
	background-color      : #ffffff;
	border                : 1px #9999ff solid;
	display               : none;
	z-index               : 1;
	border-radius         : 5px; /* CSS3 */
	-moz-border-radius    : 5px; /* Firefox */
	-webkit-border-radius : 5px; /* Safari,Chrome */
}

input {
	color : #000000;
}

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