/* for table */
#form-tbl {}
.form {
	border-collapse: collapse;
	margin: 1em 0;
	 width: 100%;}
.form th, .form td {
	border-top: 1px dotted #666;
	border-bottom: 1px dotted #666;
	padding: 10px;}
.form th {
	white-space: nowrap;
	background-color: #333;
	background-image: -webkit-linear-gradient(-45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);
	background-image: linear-gradient(-45deg, #000 25%, transparent 25%, transparent 50%, #000 50%, #000 75%, transparent 75%, transparent);
	background-size: 4px 4px;
	width:12em;
	font-size: 15px;}
.form td {
	font-size: 14px;}
.form .essential{
	color:#a00;}
.mailAttention{
	background:#a00;
	margin-top:10px;
	padding:.6em .8em;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
.form .mailAttention strong{
	font-size:130%;}
.mailAttention a{color:#fff;}
p.btn input {
	width: 120px;
	height: 40px;
	background:#444;
	border:none;
	font-size:16px;
	color:#fff;
	cursor: pointer;
	margin-right:5px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;}
p.btn input:hover{
	background:#888;}

@media only screen and (max-width: 768px) {
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto; text-align: center; }
	.form { width: 96%; margin: 10px auto; }
    .form th, .form td {
    	text-align: left;
		width: 100%;
        display: block;
        padding: 6px .5em;
        border-top: none;}
    .form tr:first-child th	{ border-top: 1px dotted #666; }
}