@charset "UTF-8";

/*-------------------------------------------------------------
お問い合わせ

.bContact
┗ table
	┣ th
	┗ td

.bContactBtn

-------------------------------------------------------------*/
.bContact {
	width: 100%;
}
.bContact table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top-style: solid;
	border-top-width: 1px;
}
.bContact table caption {
	margin: 0 0 5px 0;
	width: 100%;
	text-align: left;
	font-weight: bold;
}
.bContact th {
	padding: 10px;
	width: 30%;
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 10px;
	font-size: 1em;
	line-height: normal;
}
/*必須項目*/
.bContact th.thImp {
	border-left: 10px solid #C00;
}
.bContact td {
	padding: 10px;
	text-align: left;
	vertical-align: top;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	font-size: 1em;
	line-height: normal;
}
.bContact table.calendarText { width: 120px; }
.bContact td span.certImg input { margin: 3px 0; }

/*ボタンエリア*/
.bContactBtn {
	padding: 10px 0 0 0;
	text-align: center;
}

/*テキストフィールドサイズ*/
.bContact td.textLs input,.bContact td.textLs textarea { width: 40%; }
.bContact td.textLm input,.bContact td.textLm textarea { width: 70%; }
.bContact td.textLl input,.bContact td.textLl textarea { width: 90%; }




/*コンテナ別プロパティ---------------------------*/

/*col2-2（2カラム：33%｜67%）*/
.col2-2 .box1 td.textLs input,.col2-2 .box1 td.textLs textarea { width: 90%; }
.col2-2 .box1 td.textLm input,.col2-2 .box1 td.textLm textarea { width: 90%; }
.col2-2 .box1 .bContact table.calendarText { width: 90%; }
.col2-2 .box1 .bContact td.selectLl select { width: 90%; }
.col2-2 .box1 .bContact td span.timeBox { display: block; }
.col2-2 .box1 .bContact td span.certImg input { width: 90%; }
.col2-2 .box1 .bContact td span.certImg img { width: 97%; }

/*col2-3（2カラム：67%｜33%）*/
.col2-3 .box2 td.textLs input,.col2-3 .box2 td.textLs textarea { width: 90%; }
.col2-3 .box2 td.textLm input,.col2-3 .box2 td.textLm textarea { width: 90%; }
.col2-3 .box2 .bContact table.calendarText { width: 90%; }
.col2-3 .box2 .bContact td.selectLl select { width: 90%; }
.col2-3 .box2 .bContact td span.timeBox { display: block; }
.col2-3 .box2 .bContact td span.certImg input { width: 90%; }
.col2-3 .box2 .bContact td span.certImg img { width: 97%; }

/*col2-4（2カラム：23%｜77%）*/
.col2-4 .box1 td.textLs input,.col2-4 .box1 td.textLs textarea { width: 90%; }
.col2-4 .box1 td.textLm input,.col2-4 .box1 td.textLm textarea { width: 90%; }
.col2-4 .box1 .bContact table.calendarText { width: 90%; }
.col2-4 .box1 .bContact td.selectLl select { width: 90%; }
.col2-4 .box1 .bContact td span.timeBox { display: block; }
.col2-4 .box1 .bContact td span.certImg input { width: 90%; }
.col2-4 .box1 .bContact td span.certImg img { width: 97%; }

/*col2-5（2カラム：77%｜23%）*/
.col2-5 .box2 td.textLs input,.col2-5 .box2 td.textLs textarea { width: 90%; }
.col2-5 .box2 td.textLm input,.col2-5 .box2 td.textLm textarea { width: 90%; }
.col2-5 .box2 .bContact table.calendarText { width: 90%; }
.col2-5 .box2 .bContact td.selectLl select { width: 90%; }
.col2-5 .box2 .bContact td span.timeBox { display: block; }
.col2-5 .box2 .bContact td span.certImg input { width: 90%; }
.col2-5 .box2 .bContact td span.certImg img { width: 97%; }

/*col2-6（2カラム：38%｜62%）*/
.col2-6 .box1 td.textLs input,.col2-6 .box1 td.textLs textarea { width: 90%; }
.col2-6 .box1 td.textLm input,.col2-6 .box1 td.textLm textarea { width: 90%; }
.col2-6 .box1 .bContact table.calendarText { width: 90%; }
.col2-6 .box1 .bContact td.selectLl select { width: 90%; }
.col2-6 .box1 .bContact td span.timeBox { display: block; }
.col2-6 .box1 .bContact td span.certImg input { width: 90%; }
.col2-6 .box1 .bContact td span.certImg img { width: 97%; }

/*col2-7（2カラム：62%｜38%）*/
.col2-7 .box2 td.textLs input,.col2-7 .box2 td.textLs textarea { width: 90%; }
.col2-7 .box2 td.textLm input,.col2-7 .box2 td.textLm textarea { width: 90%; }
.col2-7 .box2 .bContact table.calendarText { width: 90%; }
.col2-7 .box2 .bContact td.selectLl select { width: 90%; }
.col2-7 .box2 .bContact td span.timeBox { display: block; }
.col2-7 .box2 .bContact td span.certImg input { width: 90%; }
.col2-7 .box2 .bContact td span.certImg img { width: 97%; }

/*col2-8（2カラム：固定｜可変）*/
.col2-8 .box2 td.textLs input,.col2-8 .box2 td.textLs textarea { width: 90%; }
.col2-8 .box2 td.textLm input,.col2-8 .box2 td.textLm textarea { width: 90%; }
.col2-8 .box2 .bContact table.calendarText { width: 90%; }
.col2-8 .box2 .bContact td.selectLl select { width: 90%; }
.col2-8 .box2 .bContact td span.timeBox { display: block; }
.col2-8 .box2 .bContact td span.certImg input { width: 90%; }
.col2-8 .box2 .bContact td span.certImg img { width: 97%; }

/*col2-9（2カラム：可変｜固定）*/
.col2-9 .box2 td.textLs input,.col2-9 .box2 td.textLs textarea { width: 90%; }
.col2-9 .box2 td.textLm input,.col2-9 .box2 td.textLm textarea { width: 90%; }
.col2-9 .box2 .bContact table.calendarText { width: 90%; }
.col2-9 .box2 .bContact td.selectLl select { width: 90%; }
.col2-9 .box2 .bContact td span.timeBox { display: block; }
.col2-9 .box2 .bContact td span.certImg input { width: 90%; }
.col2-9 .box2 .bContact td span.certImg img { width: 97%; }

/*col3-1（3カラム：33%｜34%｜33%）*/
.col3-1 td.textLs input,.col4 td.textLs textarea { width: 90%; }
.col3-1 td.textLm input,.col4 td.textLm textarea { width: 90%; }
.col3-1 .bContact table.calendarText { width: 90%; }
.col3-1 .bContact td.selectLl select { width: 90%; }
.col3-1 .bContact td span.timeBox { display: block; }
.col3-1 .bContact td span.certImg input { width: 90%; }
.col3-1 .bContact td span.certImg img { width: 97%; }

/*col3-2（3カラム：25%｜50%｜25%）*/
.col3-2 .box1 td.textLs input,.col3-2 .box1 td.textLs textarea { width: 90%; }
.col3-2 .box1 td.textLm input,.col3-2 .box1 td.textLm textarea { width: 90%; }
.col3-2 .box1 .bContact table.calendarText { width: 90%; }
.col3-2 .box1 .bContact td.selectLl select { width: 90%; }
.col3-2 .box1 .bContact td span.timeBox { display: block; }
.col3-2 .box1 .bContact td span.certImg input { width: 90%; }
.col3-2 .box1 .bContact td span.certImg img { width: 97%; }

.col3-2 .box3 td.textLs input,.col3-2 .box3 td.textLs textarea { width: 90%; }
.col3-2 .box3 td.textLm input,.col3-2 .box3 td.textLm textarea { width: 90%; }
.col3-2 .box3 .bContact table.calendarText { width: 90%; }
.col3-2 .box3 .bContact td.selectLl select { width: 90%; }
.col3-2 .box3 .bContact td span.timeBox { display: block; }
.col3-2 .box3 .bContact td span.certImg input { width: 90%; }
.col3-2 .box3 .bContact td span.certImg img { width: 97%; }

/*col3-3（3カラム：25%｜25%｜50%）*/
.col3-3 .box1 td.textLs input,.col3-3 .box1 td.textLs textarea { width: 90%; }
.col3-3 .box1 td.textLm input,.col3-3 .box1 td.textLm textarea { width: 90%; }
.col3-3 .box1 .bContact table.calendarText { width: 90%; }
.col3-3 .box1 .bContact td.selectLl select { width: 90%; }
.col3-3 .box1 .bContact td span.timeBox { display: block; }
.col3-3 .box1 .bContact td span.certImg input { width: 90%; }
.col3-3 .box1 .bContact td span.certImg img { width: 97%; }

.col3-3 .box2 td.textLs input,.col3-3 .box2 td.textLs textarea { width: 90%; }
.col3-3 .box2 td.textLm input,.col3-3 .box2 td.textLm textarea { width: 90%; }
.col3-3 .box2 .bContact table.calendarText { width: 90%; }
.col3-3 .box2 .bContact td.selectLl select { width: 90%; }
.col3-3 .box2 .bContact td span.timeBox { display: block; }
.col3-3 .box2 .bContact td span.certImg input { width: 90%; }
.col3-3 .box2 .bContact td span.certImg img { width: 97%; }

/*col3-4（3カラム：50%｜25%｜25%）*/
.col3-4 .box2 td.textLs input,.col3-4 .box2 td.textLs textarea { width: 90%; }
.col3-4 .box2 td.textLm input,.col3-4 .box2 td.textLm textarea { width: 90%; }
.col3-4 .box2 .bContact table.calendarText { width: 90%; }
.col3-4 .box2 .bContact td.selectLl select { width: 90%; }
.col3-4 .box2 .bContact td span.timeBox { display: block; }
.col3-4 .box2 .bContact td span.certImg input { width: 90%; }
.col3-4 .box2 .bContact td span.certImg img { width: 97%; }

.col3-4 .box3 td.textLs input,.col3-4 .box3 td.textLs textarea { width: 90%; }
.col3-4 .box3 td.textLm input,.col3-4 .box3 td.textLm textarea { width: 90%; }
.col3-4 .box3 .bContact table.calendarText { width: 90%; }
.col3-4 .box3 .bContact td.selectLl select { width: 90%; }
.col3-4 .box3 .bContact td span.timeBox { display: block; }
.col3-4 .box3 .bContact td span.certImg input { width: 90%; }
.col3-4 .box3 .bContact td span.certImg img { width: 97%; }

/*col3-5（3カラム：固定｜可変｜固定）*/
.col3-5 td.textLs input,.col3-5 .box2 td.textLs textarea { width: 90%; }
.col3-5 td.textLm input,.col3-5 .box2 td.textLm textarea { width: 90%; }
.col3-5 .bContact table.calendarText { width: 90%; }
.col3-5 .bContact td.selectLl select { width: 90%; }
.col3-5 .bContact td span.timeBox { display: block; }
.col3-5 .bContact td span.certImg input { width: 90%; }
.col3-5 .bContact td span.certImg img { width: 97%; }

/*col4（4カラム：25%｜25%｜25%｜25%）*/
.col4 td.textLs input,.col4 td.textLs textarea { width: 90%; }
.col4 td.textLm input,.col4 td.textLm textarea { width: 90%; }
.col4 .bContact table.calendarText { width: 90%; }
.col4 .bContact td.selectLl select { width: 90%; }
.col4 .bContact td span.timeBox { display: block; }
.col4 .bContact td span.certImg input { width: 90%; }
.col4 .bContact td span.certImg img { width: 97%; }

/*サイドバーエリア*/
#usersidearea td.textLs input,#usersidearea td.textLs textarea { width: 90%; }
#usersidearea td.textLm input,#usersidearea td.textLm textarea { width: 90%; }
#usersidearea .bContact table.calendarText { width: 90%; }
#usersidearea .bContact td.selectLl select { width: 90%; }
#usersidearea .bContact td span.timeBox { display: block; }
#usersidearea .bContact td span.certImg input { width: 90%; }
#usersidearea .bContact td span.certImg img { width: 97%; }