/*==========================================
 *  テーブル contents内のmain幅の割合はcommon.css内のmainにて調整
 ==========================================*/
table {font-size:85%;
	margin-bottom:1em;
	border-collapse:collapse; /*隣接するセルのボーダーを重ねて表示（collapse）、間隔をあけて表示（separate）*/
	border:0px solid black;/*borderはすべて1pxだが確認のため太くして色を付けた*/
	background:#;  /*反映されず*/
}

.mailform {
	width:90%;
	margin: 0 auto;
	background:#;  /*反映されず*/
}
tr{
	background:#f5f5f5;
		border:1px solid gray;
	}
th {
	width:25%;
	padding:5px;
	text-align:left;
	vertical-align:middle;
	border:1px solid gray;
	background:#e6e6e6; /*色*/
}

td {
	padding:5px;
	text-align:left;
	border:1px solid gray;
}

td .cell {	  /* メールフォーム用*/
	padding:5px;
	font-size:1em;
	width:80%;	
	background:#fff;  /*色*/
}

select{
  	padding:5px;/* メールフォーム用*/
	font-size:1em;
	width:55%;
	background:#fff;  /**/
}

   text{
   	padding:5px;/* メールフォーム用*/
	font-size:1em;
	width:97%;
}

        table textarea{/* メールフォーム用*/
        	padding:5px;
	font-size:1em;
	width:95%;
		background:#fffafa;  /*snow*/
}


@media screen and (max-width:767px) {
table {
	margin-bottom:1em;
	border-collapse:collapse; /*隣接するセルのボーダーを重ねて表示（collapse）、間隔をあけて表示（separate）*/
	border:0px solid black;/*borderはすべて1pxだが確認のため太くして色を付けた*/
	background:#f5f5f5;  /*whitesmoke*/
}

.mailform {
	width:100%;
	margin: 0 auto;
		background:#f5f5f5;  /*whitesmoke*/
		border:0px solid gray;
}
 /* セルのブロックが横から縦になる*/
tr {
	width:100%;
	background:#fff;	
		border:0px solid black;
	}
th{
	width: 95%;
	display: block;
		background:#f5f5f5;
	border:1px solid gray;
    }
    
td {
	width: 95%;
	display: block;
	border:1px solid gray;
    }
       
table select{/* メールフォーム用*/
	padding:5px;
	font-size:1em;
	width:50%;
}
}

@media screen and (max-width:640px) {
.mailform {
	width:100%;
	margin: 0 auto;
}
}

@media screen and (max-width:480px){
.mailform {
	width:100%;
	margin: 0 auto;
}
}