@charset "UTF-8";

/*------------------------------------------------------------form_contact*/
/*----------------------------------Table Contact*/
table#contact {
	width: 100%;
	margin: 20px 0 15px;
	border-top: 1px solid #CCC;
	border-bottom:  1px solid #CCC;
	border-left: none;
	border-right: none;
}
table#contact th, table#contact td {
	font-size: 12px;
	line-height: 170%;
	padding: 10px;
	border-bottom: 1px solid #CCC;
	border-left: none;
	zoom: 1;
	color: #000;
}
table#contact th:after, table#contact td:after{
	content: "";
	display: block;
	clear: both;
}
table#contact th {
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	position: relative;
	padding: 10px 55px 10px 10px;
	background-color: #d0e5fe;
}
table#contact td p{
	padding: 0 0 3px 0;
}
table#contact td.ttl_v_top{
	vertical-align: top;
	white-space: nowrap;
	border-right: 1px solid #CCC;
}
table#contact td.ttl_no_border{
	border-left: 0px solid #CCC;
	vertical-align: top;
	white-space: nowrap;
}
table#contact td.box_example{
	border-left: 0px solid #CCC;
	padding-left: 0px;
}
table#contact td.box_example input{
	width: 90%;
}
table#contact td.box_example span{
	color: #888;
	font-size: 11px;
	line-height: 1;
	padding: 5px 0 0 0;
	display: block;
}
table#contact tr:last-child td {
	border: none;
}
/*----------------------------------「必須」赤色表示*/
table#contact th span.txt_required {
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	background: red;
	display: inline-block;
	padding: 0px 5px;
	border-radius: 3px;
	position: absolute;
	top: 10px;
	right: 10px;
}
/*----------------------------------「任意」青色表示*/
table#contact th span.txt_optional {
	font-size: 11px;
	font-weight: normal;
	color: #fff;
	background: #40ADE7;
	display: inline-block;
	padding: 0px 5px;
	border-radius: 3px;
	position: absolute;
	top: 10px;
	right: 10px;
}
/*----------------------------------Txt Area*/
.inp_text, textarea, .dropdown {
	border: 1px solid #BFBFBF;
	padding: 5px;
	background: #fff;
	/* CSS3 */
	border-radius: 3px;
	/* Webkit */
	background: -webkit-gradient( linear, left top, left bottom, from(#F1F1F1), to(#fff) );
	/* Firefox */
	background: -moz-linear-gradient( top, #F1F1F1, #fff );
}
/*----------------------------------Txt Area 選択時の装飾*/
.inp_text:focus, .textarea:focus, .dropdown:focus {
	border: 1px solid #BFBFBF;
	padding: 5px;
	background: #E6EFFD;
	/* CSS3 */
	border-radius: 3px;
	/* Webkit */
	-webkit-border-radius: 3px;
	/* Firefox */
	-moz-border-radius: 3px;
}
/*----------------------------------Button*/
.inp_button {
	border: 1px solid #BFBFBF;
	padding: 2px 7px;
	cursor: pointer;
	background: #CCC;
	/* CSS3 */
	border-radius: 3px;
	text-shadow: 1px 1px 0 #FFF;
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(5%, #ccc), color-stop(100%, #eee));
	-webkit-border-radius: 3px;
	/* Firefox */
	background: -moz-linear-gradient(top, #fff 0%, #ccc 5%, #eee 100%);
	-moz-border-radius: 3px;
	/* IE10 */  
	background: linear-gradient(to bottom, #eee, #fff);
	/* IE old */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
	zoom: 1;
}
.inp_submit01, .inp_submit02 {
	border: 1px solid #5A6476;
	padding: 5px 30px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	/* CSS3 */
	border-radius: 3px;
	text-shadow: 1px 1px 0px #000;
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b5bdc8), color-stop(5%, #828c95), color-stop(100%, #28343b));
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 5%, #28343b 100%);
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #fff;
	/* IE10 */  
	background: linear-gradient(to bottom, #b5bdc8, #28343b);
	/* IE old */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=0 );
	zoom: 1;
}
.inp_submit02 {
	border: 1px solid #BFBFBF;
	padding: 5px 10px;
	font-size: 13px;
	font-weight: bold;
	color: #666;
	cursor: pointer;
	background: #ccc;
	/* CSS3 */
	border-radius: 3px;
	text-shadow: 1px 1px 0px #fff;
	/* Webkit */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(5%, #ccc), color-stop(100%, #eee));
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
	background: -moz-linear-gradient(top, #fff 0%, #ccc 5%, #eee 100%);
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #fff;
	/* IE10 */  
	background: linear-gradient(to bottom, #eee, #fff);
	/* IE old */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0 );
	zoom: 1;
}
/*----------------------------------Size*/
textarea {
	width: 90%;
	height: 100px;
}
.inp_text {
	width: 60%;	
}
.inp_text_l {
	width: 80%;	
}.inp_text_s {
	width: 20%;	
}
/*----------------------------------text*/
.tx_cent {
	text-align: center;
}