@charset "UTF-8";

/* テキスト
--------------------*/
.bold {
	font-weight:bold;
}
.red {
	color:#F00;
}
.gray {
	color:#CCC;
	font-size:1.2em;
}
.black {
	color:#000;
	font-size:1.2em;
}
.ime_off {
	ime-mode: disabled;
}


/* 説明文
--------------------*/
p.form_info {
	margin:0.8em 1em;
	font-size:1.2em;
}
p.form_info img {
	margin:10px 0;
}

.form_info span.red{
	font-size:1.4em;
}

/* テーブル
--------------------------------*/
dl#contact {
	background-color:#F0EDE3;
	margin:0 1em 1em 1em;
	border: 1px solid #999;
	border-top: none;
	font-size:1.2em;
	text-align:left;
}
	#contact dt {
		margin:0;
		padding:  0.5em 0 0.5em 0.5em;
		border-top: 1px solid #999;
	}
	#contact dd {
		margin:0;
		background-color: #FFF;
		padding: 0.5em 0 0.5em 0.5em;
		border-top: 1px solid #999;
	}
	#contact dd.error_td{
		background-color:#F7EBE9;
	}
	.req span{
		font-size:1.6em;
		color:#F00;
	}


/* 入力要素 */
input {
	margin-bottom:2px;
}

/* メールアドレス再入力 */
p.again {
	margin-top:5px;
	font-size:12px;
}
p.again span {
	margin-right:2px;
	display:inline;
}

/* 住所 */
dl.add_dl{
	border-top:none !important;
	line-height:1.2em;
	margin:0;
	padding:0 !important;
}
	dl.add_dl dt{
		border-top:none !important;
		padding:0 !important;
	}
	dl.add_dl dd{
		border-top:none !important;
		padding:0 0 0.5em 0 !important;
	}

/* ボタン 
--------------------*/
div#btn_area {
	width:90%;
	margin:0 auto 2em auto;
}
input.inp_submit01 {
	border:1px solid #369292;
	padding: 5px 30px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	cursor: pointer;
	/* CSS3 */
	border-radius: 3px;
	text-shadow:1px 1px 0px #369292;
    background: linear-gradient(to bottom, #46B3B3 0%, #7BD0D0 5%, #369292 100%);
    background: -o-linear-gradient(top, #46B3B3 0%, #7BD0D0 5%, #369292 100%);

	/* Webkit */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #46B3B3), color-stop(5%, #7BD0D0), color-stop(100%, #369292));
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 1px #fff;
	/* Firefox */
    background: -moz-linear-gradient(top, #46B3B3 0%, #7BD0D0 5%, #369292 100%);
	-moz-border-radius: 3px;
	-moz-box-shadow: 1px 1px 1px #fff;
	/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#46B3B3', endColorstr='#369292', GradientType=0 );
	zoom: 1;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
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;
	background: linear-gradient(to bottom, #fff 0%, #ccc 5%, #eee 100%);
	background: -o-linear-gradient(top, #fff 0%, #ccc 5%, #eee 100%);
	/* 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;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

/* エラー
--------------------*/
.error_td {
	background-color:#FCC;
}
.error_td span {
	display:block;
	margin-left:5px;
	color:#F00;
}


/* 注意書き
--------------------*/
p.attention {
	margin: 1em 0.8em 2em 0.8em;
	padding: 0px;
	line-height:1.5em;
	font-size:1.2em;
}


/* 完了メッセージ */
p#thanks {
	margin:20px;
	font-size:14px;
	line-height:1.5em;
}

p#thanks span {
	display:block;
	margin-top:20px;
	font-size:16px;
	color:#C00;
}
.title{
	min-width:320px;
	position:relative;
	top:0;
	min-height:86px;
	background:url(../img/title/contact_bg@2x.jpg) no-repeat center top;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
}
	.title img{
		position:absolute;
		bottom:0;
		left:0;
	}
