
#titleWrap {
	width:700px;
	margin:0 auto;
	color:#ffffff;

	line-height:120%;
	font-size:120%;
}


#formWrap {
	width:700px;
	margin:0 auto;
	color:#333;
	line-height:150%;
	font-size:100%;
}


#footerWrap {
	width:700px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:100%;
}


table.titleTable {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.titleTable td, table.titleTable th {

/*タイトル色*/
	border:1px solid #0042a3;

	padding:10px;
}


table.titleTable th {
	width:30%;
	font-weight:normal;

/*タイトル色*/
	background:#0042a3;
/*	background:#752100;*/

	text-align:left;
}


table.formTable {
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td, table.formTable th {
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th {
	width:30%;
	font-weight:normal;
/*項目色*/
	background:#e2ebf7;
/*	background:#ffe4db;*/


	text-align:left;
}


table.footerTable {
	width:100%;
	margin:0 auto;
	color:#ffffff;
	border-collapse:collapse;
}
table.footerTable td, table.footerTable th {

/*footer色*/
	border:1px solid #0042a3;

	padding:10px;
}
table.footerTable th {
	width:30%;
	font-weight:normal;

/*footer色*/
	background:#0042a3;

	text-align:center;
}

input[type="text"], input[type="email"], textarea, select {
	padding:3px;
	font-size:100%;

	border: 1px solid #cccccc;
	border-radius: 3px;

}

input[type="radio"], input[type="checkbox"] {

	border: 3px solid #cccccc;
	border-radius: 3px;

}


input[type="file"] {
	padding:3px;
	font-size:100%;
/*	border: 1px solid #cccccc;*/
}



/*
input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:50%;
	height:40px;
}
*/


form img {
    margin:0 5px 5px 0;
    max-width:300px;
    vertical-align:bottom;
}





.pc_br {
       display: block;
}







/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　
@media screen and (max-width:572px) {*/

@media screen and (max-width:700px) {

#titleWrap {
	width:100%;
	margin:0 auto;
}


#formWrap {
	width:97%;
	margin:0 auto;
}


#footerWrap {
	width:100%;
	margin:0 auto;
}

form img {
    margin:0 5px 5px 0;
    max-width:250px;
    vertical-align:bottom;
}


/*
table.titleTable th, table.titleTable td {
	width:auto;
	display:block;
}
table.titleTable th {
	margin-top:5px;
	border-bottom:0;
}
*/


table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}


/*
table.footerTable th, table.footerTable td {
	width:auto;
	display:block;
}
table.footerTable th {
	margin-top:5px;
	border-bottom:0;
}
*/


input[type="text"], input[type="email"],  textarea {
	width:90%;
	padding:5px;
	font-size:100%;
	display:block;
}


input[type="file"] {
	width:90%;
	padding:5px;
	font-size:100%;
	display:block;
}



input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:97%;
	height:40px;
}





.pc_br {
       display: none;
}














}
