/* 
	-------------------------------------------------------
	name			: error.css

	Date			Prog/ID		Description of Change / Reason
	----------	----------	-------------------------------
	2014.08.05	kin			Initial coding
	-------------------------------------------------------
*/

header{
	min-width: 460px;
	display: block;
	margin-top: 20px;
	margin-bottom: 0px;
	text-align:center;
}

section.alert-section{
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
}

section.contents-section{
	min-width: 720px;
	max-width: 720px;
	margin-left:auto;
	margin-right:auto;
}

.panel-body {
    padding: 5px;
}

.userinfo-panel-heading{
	padding-top:5px;
	padding-bottom:2px;
	padding-left:10px;
}

.userinfo-panel{
	margin-top: 20px;
	margin-bottom: 10px;

}

.contact-panel{
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top: 5px;
	margin-bottom:0px;
	border-width: 3px;
}

.contact-panel h5{
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}

.contact-panel h1{
	font-weight:bold;
	padding-left: 85px;
	margin-top:0px;
	margin-bottom:0px;	
	padding-top: 2px;
	padding-bottom:2px;
	word-wrap:break-word;
}

.contact-panel h1.tel{
	background: url("../../Content/image/tel.png") no-repeat;
	background-size: contain;
}

.contact-panel h1.mail{
	background: url("../../Content/image/mail.png") no-repeat;
	background-size: contain;
}

.tel{
	background: url("../../Content/image/tel.png") no-repeat;
	background-size: contain;
}
.mail{
	background: url("../../Content/image/mail.png") no-repeat;
	background-size: contain;
}

.contact-panel h1 .small{
	font-size: 50%;
}

.contact-panel h5.tanto{
	margin-top:0px;
	padding-left: 90px;
}

.contact-panel-size{
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	min-width: 600px;
	max-width: 600px;
}

.inquiry{
	margin-top:20px;
	margin-bottom:0px;
	text-align:center;
}

.message-area{
	margin-top:10px;
}

.message-area strong{
	display: block;
}

.liststyle-check
,.liststyle-check li{
	padding:0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.liststyle-check li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 2px 0px 2px 0px !important;
}

.checklist li{
	position:relative;
	padding-left:20px;
}
     
.checklist li:after, .checklist li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#aaa; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

.checklist li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

.liststyle-triangle
,.liststyle-triangle li{
	padding:0px;
	margin: 0px;
}
     
.liststyle-triangle li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin-top: 2px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}
 
.trianglelist li{
	position:relative;
	padding-left:20px;
}
 
.trianglelist li:before{
	content:''; 
	display:block; 
	position:absolute; 
	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
	top:3px; 
	left:2px; 
	height:0; 
	width:0; 
	border-top: 6px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 9px solid #aaa;
}

.trianglelist li span.title{
	display:inline-block;
	min-width: 62px;
	max-width: 62px;
}

.trianglelist li span.separater{
	display:inline-block;
	min-width: 15px;
	max-width: 15px;
}

.trianglelist li span.address{
	font-weight:bold;
	color:#F00;
}

.confilm{
	font-weight:bold;
}

.error{
	font-size:16px;
	color:#F00;
	text-align:center;
}

.action{
	margin-top: 15px;
}

.button-place{
	margin-top:20px;
	margin-bottom:50px;
	text-align:center;
}