@charset "UTF-8";

/*CommonCSS_link*/
@import url(base.css);
@import url(common.css);
/*------------------------------------------------------------form_contact*/
/*----------------------------------Table Contact*/
table#contact {
	width: 100%;
	margin: 20px 0 15px;
	border-top: 1px solid #CCC;
}
table#contact th, table#contact td {
	font-size: 12px;
	line-height: 170%;
	padding: 10px;
	padding: 10px 3px 10px 7px;
	border-bottom: 1px solid #CCC;
	zoom: 1;
  text-align: left;
}
table#contact td.tx_cent{
  text-align: center;
}
table#contact th:after, table#contact td:after{
	content: "";
	display: block;
	clear: both;
}
table#contact th {
	background: #E3E3E3;
	font-weight: normal;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	position: relative;
	padding: 10px 55px 10px 10px;
}
table#contact td p{
	padding: 0 0 3px 0;
}
table#contact td label{
	padding: 0 0.5em;
}
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 rgba(0,0,0,0.3);
	padding: 5px 30px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	cursor: pointer;
	/* CSS3 */
	border-radius: 3px;
	text-shadow: 1px 1px 0px rgba(0,0,0,0.3);
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb0aa+1,f77a71+44,ff3f30+100 */
background: rgb(255,176,170); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,176,170,1) 1%, rgba(247,122,113,1) 44%, rgba(255,63,48,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,176,170,1)), color-stop(44%,rgba(247,122,113,1)), color-stop(100%,rgba(255,63,48,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,176,170,1) 1%,rgba(247,122,113,1) 44%,rgba(255,63,48,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,176,170,1) 1%,rgba(247,122,113,1) 44%,rgba(255,63,48,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,176,170,1) 1%,rgba(247,122,113,1) 44%,rgba(255,63,48,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,176,170,1) 1%,rgba(247,122,113,1) 44%,rgba(255,63,48,1) 100%); /* W3C */

}
.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%;	
}