/* for body */
#head {
	background: #00428e;
	color: #fff;
}
#head-in {
	padding: 8px 2em;
}

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

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

dl.form dl,dt,dd {
margin: 0;
padding: 0;
}
 
dl.form{
background: #cccce6;
border: 1px solid #7777bb;
width: 90%;
}
dl.form dt,dd {
padding: 6px;
}
 
dl.form dd {
background: #f0f0f0;
}
input{
max-width:89%;
}
textarea{
max-width:89%;
}


/* スマホ用 */
@media only screen and (max-width: 644px) {
	#body { margin-left: 0; }
	
	/* 投稿フォーム */
	#form-tbl { margin: 0 auto;}
	#form { width: 90%; margin: 7px auto; }
    #form th, #form td {
    	text-align: left;
		width: 90%;
        display: block;
        padding: 6px 3px;
        border-top: none;
    }
    #form tr:first-child th	{ border-top: 1px solid #666; }
    p.btn input { width: 10em; }
	
	/* サンクス */
	p.msg { margin: 1em auto; }
}
@media only screen and (min-width:768px){
 
blockquote { width:50%; margin:0 auto; }
 
dl.form{
border-top: none;
width: 90%;
}
dl.form dt {
border-top: 1px solid #7777bb;
clear: left;
float: left;
width: 26%;
}
 
dl.form dd {
border-left: 1px solid #7777bb;
border-top: 1px solid #7777bb;
margin-left: 27%;
}