body{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 16px;
	color:#333;
}
.wrapper {
	width: 728px;
	margin: 0 auto;
}
.link {
	color: #666;
	text-decoration:none;
}
.link:hover {
	background: #0ce;
}
.result {
	border: 2px dotted #333;
	padding: 1em;
	text-align: justify;
	color: #333;
	line-height: 1.8em;
}
.text-input {
	color: #999;
	padding: 2%;
	font-size: 1.2em;
	width: 96%;
	height: 9em;
	line-height: 1.6em;
}
.button-submit {

}
.settings {
	margin: 1em;
	text-align: center;
}
.social-button {
	margin: 1em 0;
	text-align: center;
}
div.fb-like.fb_iframe_widget {
	top: -6px;
}

/* form */
input[type="submit"],button{
	border: none;
	background: #D3D3D3;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(211,211,211)));
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
}
input[type="submit"]:active,button:active{
	color: #fff;
	background:#7B7B7B;
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(123,123,123)));
}

/*footer*/
footer {
	text-align: center;
	margin: 1em 0 0 0 ;
}
a.copyright {
	text-decoration: none;
	color:#333;
}

@media screen and (max-width: 768px) {
	.wrapper {width: 100%;}
	.service {width: 100%;}
	.button-submit {width: 100%;margin-bottom: .75em;}
	#download {width: 100%;}
}