@charset 'utf-8';
@import 'reset.css';

/* error css */
	html, body{width:100%;height:100%;}
	body{background:#f2f2f2;min-width:320px;}
	.error-area{position:absolute;left:0;right:0;bottom:0;top:0;}
	.error-area .error-content{overflow:hidden;box-shadow:.8em .8em 2em #e0e0e0;border-radius:1.8em;background:#fff;position:absolute;left:50%;top:50%;margin-top:-13em;margin-left:-13.4em;width:26em;height:27em;}
	.error-area .error-content .top{background:#f65555;padding:1.3em 0}
	.error-area .error-content .top > span{margin:0 auto;overflow:hidden;text-indent:-9999px;display:block;height:9em;width:9em;background:url(../images/common/ico_error.png) center no-repeat;background-size:9em auto;}
	.error-area .error-content .bottom{padding:3em 0 0;text-align:center;}
	.error-area .error-content .notice p{font-size:1.5em;color:#717171;letter-spacing:-1px}
	.error-area .error-content .notice p:first-child{color:#000000}
	.error-area .error-content .tel{padding:1.6em 0;}
	.error-area .error-content .tel p{color:#f65555;letter-spacing:-1px}
	.error-area .error-content .link{}
	.error-area .error-content .link a{display:inline-block;color:#fff;border-radius:2em;line-height:1em;text-align:center;padding:.5em 1.5em;font-size:0.9em;background:#f65555}
	.ie8 .error-area .error-content .link a{padding-bottom:.6em}
	@media screen and (max-width: 1024px) {
		body{font-size:0.8em;}
	}
	@media screen and (max-width: 768px) {
		body{font-size:0.7em;}
	}