@charset "UTF-8";

/* テキスト
--------------------*/
.bold {
	font-weight:bold;
}
.red {
	color:#F00;
}
.gray {
	color:#CCC;
	font-size:12px;
}
.black {
	color:#000;
	font-size:12px;
}
.ime_off {
	ime-mode: disabled;
}


/* 説明文
--------------------*/
p.form_info {
	margin:10px 0;
}
p.form_info img {
	margin:10px 0;
}


/* テーブル
--------------------*/
table#contact {
	border-collapse: collapse;
	margin: 20px 0 15px;
	width: 100%;
	color:#444;
}
table#contact th, table#contact td {
	padding: 12px 0 10px 18px;
	line-height: 150%;
	border-top: 1px solid #CCC;
	font-size: 12px;
}
table#contact th {
	width:150px;
	border-right: 1px solid #CCC;
	background: #E1E4E5;
	font-weight: normal;
	text-align: left;
}
table#contact th span {
	color: #C33;
	margin-left:2px;
	font-style: normal;
}
table#contact th.th_even {
	background-color:#F6F6F6;
}
table#contact td {
	color:#EEE;
}

/* テキストエリア
--------------------*/
.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 );
}

/* テキストエリア選択時の装飾*/
.inp_text_focus {
    border:1px solid #BFBFBF;
    padding: 5px;
    background: #E6EFFD;
    /* CSS3 */
    border-radius: 3px;
	/* Webkit */
	-webkit-border-radius: 3px;
	/* Firefox */
	-moz-border-radius: 3px;
}


/* ボタン 
--------------------*/
div#btn_area {
	width:100%;
	text-align:right;
}
input.inp_submit01 {
	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 #28343b;
	/* 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;
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b', GradientType=0 );
	zoom: 1;
}
input.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;
	/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient (startColorstr=#ffeeeeee, endColorstr=#ffffffff);
	zoom: 1;
}

/* エラー
--------------------*/
table#contact td.error_td {
	background-color:#FCC;
}
table#contact td span {
	margin-left:5px;
	color:#F00;
}


/* 注意書き
--------------------*/
p.attention {
	margin: 20px 0px 3px;
	padding: 0px;
	line-height:1.5em;
}


/* 完了メッセージ */
p#thanks {
	margin:20px;
	font-size:14px;
	line-height:1.5em;
}

p#thanks span {
	display:block;
	margin-top:20px;
	font-size:16px;
	color:#C00;
}