@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : contents.css
 Author     : MIYA
 Style Info : コンテンツ内のスタイル
=================================================================== */


p	{
	font-size: 12px;
/*	margin-bottom: 10px;*/
}

/* tableの共通設定
----------------------------------------------------------- */
table	{
	border-collapse: collapse;	border-spacing: 0;
	width: 100%;
	margin-bottom: 30px;
}

th	{
	width: 30%;
}


th, td	{
	padding: 10px 20px;
	color: #1D5C79;
}


/* formtable
----------------------------------------------------------- */
form p,form div{
	color: #ccc;
}
form p{
	font-size: 0.9em;
	margin-bottom: 1.5em;
}

.formtable	{
	border: 1px solid #999;
}
.formtable th	{
	background-color: #2b2b2b;
	border: 1px solid #999;
	color: #ccc;
	text-align:right;
}
.formtable td	{
	border: 1px solid #999;
	color: #ccc;
}


.input {
	width: 200px;
	border: 1px solid #999;
	padding: 3px;
	background-color: #6b6b6b;
}

.inputTextArea {
	width: 300px;
	height: 200px;
	border: 1px solid #999;
	padding: 3px;
	background-color: #6b6b6b;
}
.fmbt{
	padding: 10px 20px;
	font-size:24px;
	text-align:center;
}

/* スマホ向け縦並び：画面幅 768px 以下で適用 */
@media (max-width: 768px) {
  table.formtable {
    width: 100%;
    border-collapse: collapse;
  }

  .formtable tr {
    display: block;       /* 各行をブロック化 */
    margin-bottom: 1.2em; /* 項目同士の間隔 */
    border-bottom: 1px solid #999;
  }

  .formtable th,
  .formtable td {
    display: block;       /* th・tdを縦に並べる */
    width: 100%;
    box-sizing: border-box;
  }

  .formtable th {
    background: #2b2b2b;  /* 見出しを背景色で強調 */
    padding: 0.6em 0.8em;
    font-weight: bold;
    text-align: left;     /* 左寄せに統一 */
  }

  .formtable td {
    padding: 1em 0.8em;
    line-height: 1.6;
  }

  /* 入力フォーム部品を幅いっぱいに */
  .formtable td input.input,
  .formtable td select,
  .formtable td textarea.inputTextArea {
    width: 100%;
    box-sizing: border-box;
  }
}