body{
	text-align:center;
	margin:0px;
	padding:0px;
}

body,td,th {
	font-size:12px;
	line-height:160%;
	color:#333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#wrap{
	width:740px;
	margin:20px auto;
	text-align:left;
}


#wrap #title img{
	width:100%;
}

#wrap #title_sp{display:none;}



/* ウィンドウ幅が640px以下の場合に適用するCSS */
@media screen and ( max-width:640px )
{

#wrap{
	width:100%;
}

#wrap #title{display:none;}

#wrap #title_sp{display:inline;}

}


form{
	margin:5px 0px;
	padding:0px;
	text-align:center;
}

input[type="text"],input[type="email"], input[type="password"], select, textarea {
	border:1px solid #ccc;
	border-radius: 3px;
	margin: 4px 5px 4px 0px;
	padding: 6px;
	vertical-align:bottom;
}

input[type="radio"] {
	margin: 4px 5px 4px 0px;
}


table#inquiry {
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}

table#inquiry th, table#inquiry td {
	padding:10px 15px;
	border: 1px #ccc solid;
	text-align:left;
	font-weight:normal;
}

table#inquiry th{
	background-color:#f5f5f5;
	width:30%;
}

.pk{
	color:#FC3B7C;
}
.msg{
	color:#FF0004;
}

/* ウィンドウ幅が640px以下の場合に適用するCSS */
@media screen and ( max-width:640px )
{

textarea{
	width:100%;
	margin:4px 0px;
}

table#inquiry tr{
	display: block;
}

table#inquiry th, table#inquiry td{
	display: list-item;
	width:100%;
	padding:0px;
}

table#inquiry th{
	border:0px;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:0px;
}

table#inquiry td{
	border:0px;
	padding:0px;
}

table#inquiry th span, table#inquiry td span{
	display:block;
	padding:5px;
}
.button_back{
	display:block;
	margin:0 auto;
}
.button{
	display:block;
	margin:0 auto;
}
}