@charset "UTF-8";
/*
* Theme Name: StepQi-School
* Last Update: jul 01 2014
* Version: 1.0
* Code Maked By Kiyo
*/


/*
--------------------------------------------------------------

form style

--------------------------------------------------------------
*/


/*
----------------------------
.post table
----------------------------
*/

.asset-body table,
.asset-more table	{
		margin-bottom: 2em;
		border: none!important;
		}

.asset-body table{
	border-collapse: collapse;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	}
	.asset-body table tr{

		border-collapse: collapse;
		border-bottom: 1px #ccc solid;
	}
		.asset-body table tr th{
		border: none!important;
			width: 30%;
			font-weight: bold;
			padding: 9px 0px;
			vertical-align: middle;
			text-align: left;
		}
		.asset-body table tr td{
		border: none!important;
			padding: 9px 0px;
			text-align: left;
		}
		.asset-body table tr td.l_Cel{
			font-weight: bold;
			padding-bottom: 0;
			padding-top: 18px;
		}

/*thを変更*/

@media screen and (max-width:768px){
	.asset-body table tr th,
	.asset-body table tr td{
		width: 100%;
		padding: 4px 0px;
		display: list-item;
		list-style-type: none;
	}
}


p.error_messe{color: red;}

.asset-body form.contact table.widetable input,
.asset-body form.contact table.widetable select,
.asset-body form.contact table.widetable textarea {
	margin-bottom: 5px;
	border: 1px #ccc solid;
	height: 2em;
}
.asset-body #name,
.asset-body #gakuseki,
.asset-body #email,
.asset-body #gakunen {
	width: 80%;
}

.asset-body #message {
	width: 80%;
	height: 10em;
	background: #fff;
}

@media screen and (max-width:768px){
	.asset-body #name,
	.asset-body #gakuseki,
	.asset-body #email,
	.asset-body #gakunen {
		width: 95%;
			margin-bottom: 10px;
	}
	.asset-body #message {
		width: 95%;
	}
}


	.buttonArea input{
			display: block;
			background: #45b035;
				width: 60%;
			padding: 5px 1rem 5px 1rem;
			text-align: left;
			margin: 1em auto;
		-moz-border-radius-topleft: 75px;
		-moz-border-radius-topright:75px;
		-moz-border-radius-bottomleft:75px;
		-moz-border-radius-bottomright:75px;
		-webkit-border-top-left-radius:75px;
		-webkit-border-top-right-radius:75px;
		-webkit-border-bottom-left-radius:75px;
		-webkit-border-bottom-right-radius:75px;
		border-top-left-radius:75px;
		border-top-right-radius:75px;
		border-bottom-left-radius:75px;
		border-bottom-right-radius:75px;
		border: #ABCD03 2px solid;
			color: #fff;
			text-align: center
			}