﻿@charset "utf-8";


* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

textarea {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}



#error {
 color: #ff0000;
 padding-left: 40px;
 margin-bottom: 10px;
 text-align: left;
}
#com {
 padding-left: 30px;
 margin-bottom: 20px;
 text-align: left;
}


.tbl-form {
	width: 90%;
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #aaa;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #aaa;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #aaa;

}
.tbl-form th{
	width: 200px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	background-color:#eee;
}

.tbl-form td{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aaa;
	text-align: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.input01{
	width: 350px;
}
.input02{
	width: 65px;
}
.input03{
	width: 100%;
}





.b-red {
 color: #ff0000;
 font-weight: bold;
}


.submit {
 width: 120px;
 height: 40px;
 font-size: 120%;
 margin-right: 10px;
}


/* スマホサイト始まり
==================================================
================================================== */
@media (max-width: 768px) {



#error {
 padding-left: 10px;
 margin-bottom: 5px;
}
#com {
 padding-left: 10px;
 margin-bottom: 10px;
}



.tbl-form {
	width: 100%;

}

.tbl-form tr{
	display: block;
}


.tbl-form th{
	display: list-item;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 5px;

}

.tbl-form td{
	display: list-item;
	width: 100%;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}




.input01{
	width: 96%;
}
.input02{
	width: 65px;
}
.input03{
	width: 96%;
}

.submit {
 width: 110px;
 height: 35px;

}


.kubun span {
	display: block;
}

}
