/* for body */
body{
	margin: 0;
	padding: 0;
	font-size : 100%;
	background : none 0% 0% / auto auto repeat scroll padding-box border-box white;
	color : #000000;
	font-family: Verdana,"MS PGothic",Osaka,Arial,sans-serif;
}
#head{
	background-image : none;background-repeat : repeat;background-attachment : scroll;background-position : 0% 0%;background-size : auto auto;background-origin : padding-box;background-clip : border-box;
}
#head-in{
	padding: 8px 2em;
}
img{
        max-width:100%;
        height:auto;
}
h1{
	font-size: 135%;
	margin: 0;
}
#body{
	margin-left: 1.5em;
}

/* for table */
#form-tbl{
	max-width:100%;
        margin-left: 1.0em; 
}
#form{
	 
	border-collapse: collapse;
	margin: 1em 0;
}
#form th, #form td{
	border : 1px solid #666666;
	padding : 8px;
}
#form th{
	white-space: nowrap;
	background: #e8e8e8;
}
#form td{
	background: #fff;
}
p.btn input{
	width : 200px;
	height : 40px;
}
.textbox{
        padding: 3px 3px 3px 3px;
        margin: 3px 3px 6px 3px;
        font-size: 100%;
        background-color: #d7f0ff
;
}     
/* for title */
h2{
	font-size : 20pt;
	text-align: left;
	border-left : 4px solid #ef002d;
	border-bottom: 1px solid gray;
	padding : 4px -6px;padding-bottom : 4px;padding-left : 6px;
	margin : 1.5em;margin-bottom : 1.5em;margin-left : 0px;
	width : 750px;
}
/* for message */
p.msg{
	color: #000080;
	margin: 2em;
}
span.msg{
	color: #dd0000;
}
/* for back-button */
form.back{
	margin-top: 2em;
}
/* スマホ用 */
@media only screen and (max-width: 600px) {
	#body{
	margin-left: 0;
}
	
	/* 投稿フォーム */
	#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: 7px 4px;
        border-top: none;
    }
    #form tr:first-child th{
	border-top: 1px solid #666;
}
    p.btn input{
	width: 10em;
}
    
	/* 小見出し */
	h2{
	margin: 1em 3px; width: 90%;
}
	
	/* サンクス */
	p.msg{
	margin: 1em auto;
}
}