@charset "utf-8";


/*------------------------*/
/* top image              */
/*------------------------*/
#top-wrap{
	margin-top: 30px;
	position:relative;
	background:url("/assets/cms/images/topContact.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:300px;
}
#top-wrap #copy{
	position:absolute;
	font-size:34px;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:2px;
	text-align:center;
	text-shadow:1px 1px 3px #000000;
	top:35%;
	left:0%;
	width:100%;
}

@media screen and (max-width: 780px){
#top-wrap #copy{
	font-size:28px;
	left:2%;
	width:96%;
}
}

/*------------------------*/
/*  contact               */
/*------------------------*/
.contact-area{
	position:relative;
	margin:20px auto 0px auto;
	width:980px;
}
@media screen and (max-width: 780px){
.contact-area{
	width:96%;
}
}
.contact-area .contact-wrap{
	position:relative;
	margin:20px auto 0px auto;
	font-size:18px;
	color:#000000;
	width:100%;
}
@media screen and (max-width: 780px){
.contact-area .contact-wrap{
	font-size:16px;
}
}

.contact-area .contact-wrap .form-name{
	position:relative;
	padding:10px;
	background:#efefef;
	color:#6baf3c;
	font-weight:bold;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	width:100%;
}
.contact-area .contact-wrap .form-input{
	position:relative;
	margin:10px auto 0px auto;
	width:95%;
}

.contact-area .contact-wrap .form-input ul{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.contact-area .contact-wrap .form-input ul li{
	position:relative;
  	float:left;
	margin:0px;
	padding:0px;
}

/*------------------------*/
/*  thanks                */
/*------------------------*/
.contact-area .thanks-wrap{
	position:relative;
	margin:50px auto 0px auto;
	padding:50px;
	text-align:center;
	font-size:20px;
	color:#000000;
	line-height:34px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	width:90%;
	border-style:solid;
	border-width:3px 3px 3px 3px;
	border-color:#6baf3c #6baf3c #6baf3c #6baf3c;
}
.contact-area .thanks-wrap .mt20{
	margin-top:20px;
}
.contact-area .thanks-wrap .company{
	margin-top:40px;
	text-align:right;
	width:100%;
}
@media screen and (max-width: 780px){
.contact-area .thanks-wrap{
	margin:20px auto 0px auto;
	padding:20px;
	font-size:18px;
	line-height:28px;
}
.contact-area .thanks-wrap .company{
	margin-top:30px;
}
}

/*------------------------*/
/*  form                  */
/*------------------------*/
.txfield-alpha-m{
	ime-mode:disabled;
	font-size:16px;
	padding:5px;
	width:300px;
	height:40px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#aaaaaa #aaaaaa #aaaaaa #aaaaaa;
}
.txfield-l{
	font-size:16px;
	padding:5px;
	width:600px;
	height:40px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#aaaaaa #aaaaaa #aaaaaa #aaaaaa;
}
.txfield-alpha-l{
	ime-mode:disabled;
	font-size:16px;
	padding:5px;
	width:600px;
	height:40px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#aaaaaa #aaaaaa #aaaaaa #aaaaaa;
}

.txarea{
	padding:5px;
	font-size:16px;
	width:600px;
	height:100px;
	overflow:auto;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	-ms-border-radius:6px;
	-o-border-radius:6px;
	border-radius:6px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#aaaaaa #aaaaaa #aaaaaa #aaaaaa;
}

@media screen and (max-width: 780px){
.txfield-alpha-m,
.txfield-l,
.txfield-alpha-l,
.txarea{
	max-width:90%;
}
}

/*------------------------*/
/* button                 */
/*------------------------*/
.button-wrap{
	position:relative;
	margin:50px auto 0px auto;
	width:240px;
}
@media screen and (max-width: 780px){
.button-wrap{
	position:relative;
	margin:30px auto 0px auto;
	text-align:center;
	max-width:90%;
}
}

.button-two-wrap{
	position:relative;
	margin:50px auto 0px auto;
	width:500px;
}
.button-two-wrap ul{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.button-two-wrap ul li{
	position:relative;
  	float:left;
	margin:0px;
	padding:0px;
}
.button-two-wrap ul li:nth-child(1){
	margin-right:20px;
}
@media screen and (max-width: 780px){
.button-two-wrap{
	position:relative;
	margin:30px auto 0px auto;
	text-align:center;
	max-width:90%;
}
.button-two-wrap ul li{
	margin-top:20px;
	width:100%;
}
.button-two-wrap ul li:nth-child(1){
	margin-right:0px;
}
}


.gray-line-button a{
	position:relative;
	margin:0px auto 0px auto;
	background:linear-gradient(#fefefe, #cfcfcf);
	background:-webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#cfcfcf));
	display:block;
	color:#000000;
	font-size:20px;
	line-height:48px;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	width:240px;
	height:50px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-color:#999999 #999999 #999999 #999999;
}
@media screen and (max-width: 780px){
.gray-line-button a{
	font-size:18px;
	letter-spacing:1px;
}
}

/*------------------------*/
/* others                 */
/*------------------------*/
.red{
	color:#e70012;
}