@charset 'shift_jis';

/* 文字消し */
.dummy{
	margin:0px;
	padding:0px;
	display:block;
	text-indent: -9999px;
	text-decoration:none;
	/* MacIEを排除 \*/
	overflow:hidden;
	/* MacIEを排除ここまで */
}

/* フローティングボックスのテンプレ */

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
/* MacIEの排除 \*/
*html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}
/* MacIEを排除ここまで */


div#header{
	width:530px;
	margin:0px auto;
	text-align:left;
}

div#container{
	width:1020px;
	margin:0px auto;
	text-align:left;
}

h1{
	text-align:center;
}

div#header p,
div#header ul{
	margin-bottom:1em;
}

div#header h2{
	padding-bottom:1px;
	border-bottom:1px dotted #666;
	margin:8px 0px 4px;
	
}

div#mailform,
div#mailconf{
	background:#ffffff;
	border:4px solid #128cf9;
	padding:10px;
}

div#mailform h3,
div#mailconf h3{
	font-size: 18px;
	padding:7px;
	color: #fff;
	margin-left:-10px;
	margin-right:-10px;
	margin-bottom:5px;
	background:#76bcf2;
}

div#mailform table{
	width:100%;
}

div#mailform th,
div#mailform td{
	vertical-align:middle;
	line-height:1.5em;
}

ul.enquete li input{
	margin-right:1em;
}

ul.enquete li input#shinbun{
	margin:0px .2em;
}

ul.form-checklist01 li{
	display:inline;
}

td.form-checklist02 ul,
td.form-checklist02 li,
td.form-checklist02 p{
	display:inline;
}

ul#formsubmit{
	text-align:center;
}

ul#formsubmit li{
	display:inline;
}

ul#formsubmit li input{
	padding:3px;
	margin:0em .5em; 
}

/* 必須 */

p.description{
	padding-bottom:.5em;
	margin-bottom:1em;
	border-bottom:1px dotted #999;
}

.hissu{
	color:#f00;
	font-weight:bold;
	text-align:right;
}

/* エラー表示 */

ul.errors{
	margin:1em 1em 2em;
}

ul.errors li{
	text-align:center;
	font-weight:bold;
	color:#79a266;
	margin-bottom:.2em;
}

/* 終わり */

div#container div.finish{
	padding:1.4em;
}

div#container div.finish h3{
	text-align:center;
	font-size:16px;
	margin-bottom:.5em;
}

div#container div.finish p{
	text-align:center;
}

/*2019追加
------------------------------------------*/
#mailform h2{
	font-size:24px;
	color:#003d96;
	border-bottom:1px dashed #003d96;
	margin-top:5px;
	margin-bottom:1em;
}
#mailform h4{
	background:#fff;
	font-size:14px;
	padding:18px 9px 9px;
	border-bottom:1px solid #aaa;
}
.parts_ctrl,
.ms_ctrl,.ms_ctrl2,
.ws_ctrl,.ws_ctrl2,
.md_ctrl,.md_ctrl2,
.wd_ctrl,.wd_ctrl2,
.mixd_ctrl,.mixd_ctrl2{
	display:none;
}
table input{
	text-align:left;
}
table input::placeholder{
	color:#CCC;
}
.form-checklist02{
	text-align:center;
}
div#mailform section#person h3,
div#mailconf table h3{
	color:#666;
	background:#fff;
}
#person table,#person table td{
	margin-bottom:1em;
	font-size:12px;
}
#person tr td:first-child{
	padding-top:10px;
	padding-bottom:10px;
}
#person tr td:last-child{
	padding-bottom:10px;
	padding-top:10px;
}
#person tr:nth-child(odd){
	background:#f2f2f2;
}
textarea{
	width:calc(100% - 10px);
	margin:10px 5px;
	min-height:200px;
}
@media only screen and (max-width:800px){
	h1 img{
		width:100%;
		height:auto;
	}
	div#header,
	div#container{
		width:100%;
	}
	table td{
        display: block;
    }
	#person tr{
		border-top:1px solid #E1E1E8;
	}
	#person tr:last-child{
		border-bottom:1px solid #E1E1E8;
	}
	#person td input[type="text"]{
		display:block;
		width:100%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}