@charset "UTF-8";

body{
	color: #666;
	font-size: 16px
}

#container{
	width: 700px;
	margin: 20px auto;
}

h1{
	font-size: 22px;
	text-align: center;
}

h2{
	margin-top:  50px;
	font-size: 18px;
}

dl{
	display: table;

}

dt{
	border-bottom: 1px solid #444;
	display: table-cell;
	padding: 10px;
	width: 180px;
}

dd{
	border-bottom: 1px solid #444;
	padding: 10px;
	display: table-cell;
	width: 520px;
}

img.s1 {height:25px;width:auto;}

img.s2 {height:48px;width:auto;}

.footer{
	margin-top: 100px;
	clear: both;
}

.copy{
	font-size: 12px;
	color: #999;
	text-align: center;
	margin-top: 20px;
}


@media screen and ( max-width:479px ){
	#container{
		width: 95%;
		margin: 0 auto;
	}
	
	dl{
		display: block;
	}
	
	dt{
		display: block;
		float: none;
		width: 95%;
		background-color: #efefef;
		padding: 10px;
		border-bottom: none;
	}
	
	dd{
		display: block;
		border-bottom: none;
		margin-left: 10px;
		margin-top: 10px;
		margin-bottom: 30px;
		padding: 0;
		width: 95%;
	}
}