/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016/01/22, 17:25:20
    Author     : admin
*/

@charset "utf-8";
/* CSS Document */

	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote {
		margin: 0;
		padding: 0;
	}
	body, td, th, h1, h2, h3, h4, h5, h6 {
		font-size:12px;
		font-weight: normal;
		line-height: 1.2;
	}
	ol, ul {
		list-style-type: none;
	}
	img {
		border: 0;
	}

	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;
		font-size: 12px;
		background: #FFF;
	}


	#wrap {
		margin: 10px 10px 0 10px;
		padding: 18px 0;
		border: 2px solid #E6E5E4;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #F8F7F7;
		position: relative;
	}
	#titInner {
		margin: 0 18px;
		padding: 65px 0 20px 0;
		text-align: center;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #FFF url(/assets/img/error/icon_error_01.png) no-repeat 50% 20px;
		background-size: 40px;
		-webkit-background-size: 40px;
		position: relative;
	}
	h1 {
		padding: 14px 0 6px 0;
		line-height: 40px;
		font-size: 20px;
		font-weight: bold;
	}
	.txt01 {
		line-height: 1.2;
		font-style: 13px;
	}
	.btn01 {
		margin-top: 20px;
		line-height: 18px;
	}
	.btn01 a {
		font-weight: bold;
		color: #007EB8;
	}
	.btn01 a:before {
		content: '';
		width: 4px;
		height: 8px;
		margin-right: 8px;
		background: url(/assets/img/error/icon_error_02.png) no-repeat 0 0;
		background-size: 4px 6px;
		-webkit-background-size: 4px 6px;
		display: inline-block;
	}
	.txt02 {
		padding: 15px 20px 10px 20px;
		line-height: 1.5;
		font-size: 11px;
	}
	.btn02 {
		margin: 0 18px;
		border: 1px solid #DB7375;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff7490', endColorstr = '#ef575b');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff7490', endColorstr = '#ef575b')";
		background-image: -moz-linear-gradient(top, #ff7490, #ef575b);
		background-image: -ms-linear-gradient(top, #ff7490, #ef575b);
		background-image: -o-linear-gradient(top, #ff7490, #ef575b);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ff7490), to(#ef575b));
		background-image: -webkit-linear-gradient(top, #ff7490, #ef575b);
		background-image: linear-gradient(top, #ff7490, #ef575b);
		box-shadow:rgb(214, 214, 214) 0 2px 0 0;
		-webkit-box-shadow:rgb(214, 214, 214) 0 2px 0 0;
		-moz-box-shadow:rgb(214, 214, 214) 0 2px 0 0;
	}
	.btn02 a {
		height: 21px;
		padding: 10px 0 10px 40px;
		line-height: 21px;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		background: url(/assets/img/error/icon_error_03.png) no-repeat 10px 50%;
		background-size: 22px 20px;
		-webkit-background-size: 22px 20px;
		display: block;
	}

	.btn03 {
		margin: 20px 30px 0;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		border: 1px solid #EAE9E8;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fefefe', endColorstr = '#f8f8f8');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fefefe', endColorstr = '#f8f8f8')";
		background-image: -moz-linear-gradient(top, #fefefe, #f8f8f8);
		background-image: -ms-linear-gradient(top, #fefefe, #f8f8f8);
		background-image: -o-linear-gradient(top, #fefefe, #f8f8f8);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#fefefe), to(#f8f8f8));
		background-image: -webkit-linear-gradient(top, #fefefe, #f8f8f8);
		background-image: linear-gradient(top, #fefefe, #f8f8f8);
		display: block;
	}
	.btn03 a {
		height: 28px;
		line-height: 28px;
		text-decoration: none;
		color: #333;
		background: url(/assets/img/error/icon_error_04.png) no-repeat 16px 50%;
		background-size: 6px 10px;
		-webkit-background-size: 6px 10px;
		display: block;
	}
	#wrap .copyright {
		position: absolute;
		bottom: -20px;
		right: 0;
	}
	#titInner .httpStatusCode {
		color:#888;
		line-height:32px;
		font-size:11px;
	}


@media (min-width: 636px) {
	
	body {
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		color: #333;
		background: #FFF;
	}

	#wrap {
		width: 636px;
		/*height: 246px;*/
		margin: 20px auto 0 auto;
		border: 2px solid #E6E5E4;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #F8F7F7;
		position: relative;
		padding: 0 0 20px;
	}
	#wrapInner {
		overflow: hidden;
	}
	#titInner {
		width: 600px;
		height: 100px;
		margin: 18px auto 0 auto;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		background: #FFF url(/assets/img/error/icon_error_01.png) no-repeat 15px 15px;
		background-size: 40px;
		position: relative;
		padding: 0;
	}
	h1 {
		padding: 14px 0 6px 68px;
		line-height: 22px;
		font-size: 20px;
		font-weight: bold;
		text-align: left;
	}
	.txt01 {
		padding: 0 0 0 68px;
		line-height: 15px;
		font-style: 13px;
		font-weight: bold;
		text-align: left;
	}
	.btn01 {
		line-height: 18px;
		position: absolute;
		right: 12px;
		bottom: 9px;
	}
	.btn01 a {
		padding-left: 13px;
		font-size: 13px;
		font-weight: bold;
		color: #007EB8;
		/*background: url(/assets/img/error/icon_error_02.png) no-repeat 0 50%;*/
		display: block;
	}
	.btn01 a:hover {
		text-decoration: none;
	}
	.txt02 {
		padding: 15px 0 15px 20px;
		line-height: 1.5;
		font-size: 11px;
	}
	.btn02 {
		border: 1px solid #DB7375;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff7490', endColorstr = '#ef575b');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ff7490', endColorstr = '#ef575b')";
		background-image: -moz-linear-gradient(top, #ff7490, #ef575b);
		background-image: -ms-linear-gradient(top, #ff7490, #ef575b);
		background-image: -o-linear-gradient(top, #ff7490, #ef575b);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ff7490), to(#ef575b));
		background-image: -webkit-linear-gradient(top, #ff7490, #ef575b);
		background-image: linear-gradient(top, #ff7490, #ef575b);
		box-shadow:rgb(214, 214, 214) 0 2px 0 0;
		-webkit-box-shadow:rgb(214, 214, 214) 0 2px 0 0;
		-moz-box-shadow:rgb(214, 214, 214) 0 2px 0 0;
/*		position: absolute;
		right: 18px;
		bottom: 19px;*/
		width: 320px;
		float: right;
	}
	.btn02:hover {
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ef575b', endColorstr = '#ef575b');
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ef575b', endColorstr = '#ef575b')";
		background-image: -moz-linear-gradient(top, #ef575b, #ef575b);
		background-image: -ms-linear-gradient(top, #ef575b, #ef575b);
		background-image: -o-linear-gradient(top, #ef575b, #ef575b);
		background-image: -webkit-gradient(linear, center top, center bottom, from(#ef575b), to(#ef575b));
		background-image: -webkit-linear-gradient(top, #ef575b, #ef575b);
		background-image: linear-gradient(top, #ef575b, #ef575b);
		background: #ef575b;
	}
	.btn02 a {
		width: 238px;
		height: 21px;
		padding: 10px 0 10px 40px;
		line-height: 21px;
		text-decoration: none;
		font-size: 14px;
		font-weight: bold;
		color: #FFF;
		background: url(/assets/img/error/icon_error_03.png) no-repeat 10px 50%;
		background-size: 22px;
		display: block;
	}
	
}