@charset "UTF-8";
@import "../../include/css/common.css";

/* ---------------------------------------------------------
	CSS Document contact > visual
--------------------------------------------------------- */

#visual {
	margin-bottom: 30px;
}

/* ---------------------------------------------------------
	CSS Document contact > common
--------------------------------------------------------- */

#contact p {
	margin-bottom: 20px;
}

#contact p.submit {
	margin-bottom: 0;
}

#contact .small {
	font-size: 11px;
}

#contact .em {
	color: #bd2c19;
}

#contact em {
	color: #eb2c90;
}

/* ---------------------------------------------------------
	CSS Document contact > frame
--------------------------------------------------------- */

#contact {
	min-height: 400px;
}

/* ---------------------------------------------------------
	CSS Document contact > table
--------------------------------------------------------- */

#contact table {
	width: 100%;
	margin-bottom: 30px;
	border-top: solid 1px #efeff0;
}

#contact th {
	width: 28%;
	padding: 15px;
	border: solid 1px #dddbd8;
	background: #f5f4f3;
	text-align: left;
	font-weight: normal;
	line-height: 14px;
}

#contact th img {
	float: right;
}

#contact td {
	padding: 15px;
	border: solid 1px #dddbd8;
	text-align: left;
	line-height: 16px;
}

/* ---------------------------------------------------------
	CSS Document contact > width
--------------------------------------------------------- */

#contact .w280 {
	width: 280px;
}

#contact .w320 {
	width: 320px;
}

/* ---------------------------------------------------------
	CSS Document contact > form
--------------------------------------------------------- */

input[type='text'], textarea , select {
	padding: 1px 2px;
	border: solid 1px #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:rgba(204, 204, 204, 0.20) 2px 2px 1px 0px inset;
	-webkit-box-shadow:rgba(204, 204, 204, 0.20) 2px 2px 1px 0px inset;
	-moz-box-shadow:rgba(204, 204, 204, 0.20) 2px 2px 1px 0px inset;
}

input[type='text'] {
	padding: 4px 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#contact textarea {
	width: 99%;
}

#contact select {
	padding: 3px;
}

/* ---------------------------------------------------------
	CSS Document contact > privacy
--------------------------------------------------------- */

#privacy p {
	margin-bottom: 15px;
}

#privacy .block {
	height: 138px;
	overflow: auto;
	margin: 0 0 15px;
	padding: 15px 15px 0;
	border: solid 1px #929292;
	text-align: left;
	font-size: 12px;
	line-height: 18px;
}

#privacy .block p {
	margin: 0 0 10px;
}