@charset "utf-8";
/* CSS Document */

/* for table */
#form-tbl {
	margin-left: 1.5em;
}
#form {
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td {
	border: 1px solid #666;
	padding: 8px;
}
#form th {
	white-space: nowrap;
	background: #e8e8e8;
}
#form td {
	background: #fff;
}
p.btn input {
	width: 110px;
	height: 32px;
}

/* for title */
h3 {
	font-size: 1.3em;
	text-align: left;
	border-left: solid 4px #00a0d1;
	border-bottom: 1px solid gray;
	padding: 4px 6px;
	margin: 1.5em 0;
	width: 500px;
}

/* for message */
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* for back-button */
form.back {
	margin-top: 2em;
}

body,
a,
.table {
  color: #666;
}

#body  {
	width: 640px;
	margin: 0 auto;
	text-align:  left;
}

#body ol {
	margin-left: 40px;
}

#contact  {
	width: 960px;
	margin:  0 auto;
}










/* ----------------------------------------------------------
  RESPONSIVE 設定
------------------------------------------------------------*/

@media only screen and (max-width: 960px) {

	#contact {
		width: 100%;
	}
	
	.ttl_h2 {
		width: 50%;
	}

}


@media only screen and (max-width: 640px) {
	#body {
		width: 98%;
	}

	.ttl_h2 {
		width: 70%;
	}


	
	/* 投稿フォーム */
	#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 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }

	
	
	
	
	
}