@charset "UTF-8";


/*------------------------------------------------
   Layout
------------------------------------------------*/

#container {
	width: 100%;
	margin: 0 auto;
	background: #ffffff;
}

header {
	width: 100%;
	text-align: center;
}

header img {
	width: 320px;
	height: auto;
}

article {
	padding: 0 5%;
}

dl {
	text-align: center;
}
dt {
	border-bottom: 1px dotted #000;
}
dd {
	margin-bottom: 15px;
	padding-top: 0.4em;
}

figure.banner {
	text-align: center;
	margin-top: 30px;
}

figure.banner img {
	width: 200px;
	height: auto;
}

footer {
	width: 100%;
	text-align: center;
	margin-top: 30px;
}

footer img {
	width: 320px;
	height: auto;
}



/*------------------------------------------------
   Responsive
------------------------------------------------*/

@media only screen and (max-width: 600px) {

br.sp {
	display: none;
}

}

@media only screen and (min-width: 600px) {

body {
	-webkit-background-size: 2px 2px;
	-moz-background-size: 2px 2px;
	background-size: 2px 2px;
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, #339999), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(#339999 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(#339999 50%, transparent 50%, transparent);
	background-image: linear-gradient(#339999 50%, transparent 50%, transparent);
}

#container {
	width: 980px;
}

article {
	padding: 0 100px;
}

}