@charset "utf-8";

/*************
お問い合わせフォーム
*************/

form p {
padding: 15px 15px 15px 20px;
}

form .flow {
margin: 15px 10px;
padding: 5px 15px 15px 15px;
text-align: left;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px #800000 solid;
}

form .flow p{
padding-left: 0px;
font-size:23px;
line-height: 50%;
}

form .flow .text-l {
font-size: 115%;
}

form table {
margin-left: 1px;
width: 98%;
border-collapse: collapse;
font-size: 16px;
line-height: 120%;
color: white;
margin-top: 10px;
margin-bottom: 40px;
border: 1px solid #CCC;
}

form th, form tr, form td {
padding: 6px 8px;
text-align: center;
color: #333;
vertical-align: middle;
line-height: 2;
}

form td.td_right {
background-color:#f0f8ff;
border-bottom: 1px solid #CCC;
color:black;
text-align:center;
width: 120px;
font-size:16px;
font-weight:lighter;
}

form td.td_left {
border: 1px solid #CCC;
text-align: left;
font-size:18px;
padding: 10px;
font-weight:lighter;
}

form td.td_center {
background-color:#FFF2F2;
border-bottom: 1px solid #CCC;
color:black;
text-align:center;
}

form .mail_title {
text-align:center;
}

.style1 {color: #EE3139}

#errform table {
margin-left: 1px;
width: 659px;
border-collapse: collapse;
font-size: 16px;
line-height: 120%;
color: white;
margin-top: 10px;
margin-bottom: 10px;
border: 2px solid #800000;
}

#errform th, #errform tr, #errform td {
padding: 6px 8px;
color: #333;
vertical-align: middle;
border: 1px solid #800000;
}

#errform td.td_left {
padding-left:20px;
text-align: left;
vertical-align:top;
}

#errform ul{
list-style:none;
padding-left:20px;
text-align: left;
}

form .kojin {
margin: 15px 0px;
padding: 5px 15px 15px 15px;
text-align: left;
-moz-border-radius: 10px;
border-radius: 10px;
border: 2px #800000 solid;
color:#F00;
}

form .kojin p.title{
text-align: center;
}

form .kojin p{
padding-left: 0px;
line-height: 150%;
}

#finish table {
width: 659px;
border-collapse: collapse;
border: 0px;
}

#finish th, #finish td {
font-size: 12px;
background-color:#FFF2F2;
border: 1px #800000 solid;
}

.pp {
	padding: 10px;
	width: 95%;
	height: 250px;
	background: white;
	border: 1px solid #CCC;
	overflow: auto;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
	font-size:14px;
	line-height:1.3em;
}

.pp dd {
font-weight: bold;
}

.pp dt {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}

/*inputボタンの設定
---------------------------------------------------------------------------*/
input[type=text],
input[type=email]{
	height:22px;
}


input[type="submit"],
input[type="button"],
input[type="reset"] {
	width: 380px;	/*ボタン内の余白*/
	margin-bottom: 20px;
	border-radius: 20px;	/*角丸のサイズ*/
	background: #e5e5e5;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#FFF, #e5e5e5);	/*グラデーション*/
	background: linear-gradient(#FFF, #e5e5e5);			/*同上*/
	font-size: 14px;	/*文字サイズ*/
	letter-spacing: 0.1em;	/*文字間隔を少し広くする設定*/
	border: 1px solid #999;	/*枠線の幅、線種、色*/
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
/*ボタンのマウスオン時の設定*/
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background: #FFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background: -webkit-linear-gradient(#e5e5e5, #FFF);	/*グラデーション*/
	background: linear-gradient(#e5e5e5, #FFF);			/*同上*/
}

@media only screen and (max-width:480px){
	
form table {
margin-left: 1px;
width: 100%;
border:none;
border-bottom: 1px solid #CCC;
font-size: 16px;
line-height: 120%;
color: white;
margin-top: 10px;
margin-bottom: 40px;
}
form th, form tr, form td {
text-align: left;
color: #333;
line-height: 1.5;
}
form td.td_right {
width:100%;
padding: 6px 8px;
box-sizing:border-box;
display:block;
background-color:#f0f8ff;
border: 1px solid #CCC;
border-bottom: none;
color:black;
text-align:left;
font-size:14px;
font-weight:lighter;
}

form td.td_left {
width:100%;
padding: 6px 8px;
box-sizing:border-box;
display:block;
border: 1px solid #CCC;
border-bottom: none;
text-align: left;
font-size:14px;
font-weight:lighter;
}
form td.border {
border: 1px solid #CCC;
}


.input-text {
	display:block;
	width: 98%;
	padding:6px 5px;
	height: 30px !important;
	box-sizing:border-box;
}
.input-textarea {
	width: 98%;
	padding:6px 5px;
	box-sizing:border-box;
}

}