﻿@charset "UTF-8";



form#form1 {
	padding: 10px auto;
	margin-bottom: 30px;
	color: #666;
	width:100%;
}

form#form1 ul {
	padding:0;
	margin:0
}

form#form1 ul li {
	list-style:none;
	margin:0px;
	padding:13px;
	border-top: 1px dotted #dbdbdb;
	font-size: 12px;
}
form#form1 ul li:first-child {
	border-top:none;}


form#form1 ul li span.komoku {
	position: relative;
	left:60px;
	width: 180px;
	margin:0 40px 0 0;
	padding: 0px;
	display:block;
	float:left;
}

form#form1 ul li span.hissu {
	color: red;
	position: absolute;
	margin:1px 0 0 -7px;
	display:block;
	float:left;
}


form#form1 ul li span.rei {
	width: 5em;
	margin:0 5px 0 135px;
}

form#form1 ul li span.mae {
	width: 5em;
    margin: 0 -20px 0 20px;
}

form#form1 ul li:after {
	content:".";
	display:block;
	height:0;
	visibility:hidden;
	clear:both;
}

form#form1 ul li label .txtfiled, form#form1 select {
	padding:3px 5px;
	margin-left: 0px;
	color:#666;
	border: solid 1px #ccc;
    background: #fff;
	-webkit-box-shadow: 1px 2px 2px -1px #ddd inset;
	-moz-box-shadow: 1px 2px 2px -1px #ddd inset;
	box-shadow: 1px 2px 2px -1px #ddd inset;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
form#form1 select {
	width:100px;
}

form#form1 ul li p {
	margin:5px 0 0 40px;
}

form#form1 ul li p label {
	margin-right: 2em;
	display: block;
	float: left;
}

form#form1 ul li p label input {
	margin-right:0.5em;
}

form#form1 ul li p label:hover {
	background : #FFF;
	color: #096;
	font-weight:bold;
}

form#form1 ul li p.check label {
	width: 9em;
}

.siz00{ width: 100px; }
.siz01{ width: 230px; }
.siz02{ width: 400px; }
.siz03{ width: 400px; height: 10em; }

/* add */

textarea::placeholder,
input::placeholder {
    color: #cccccc;
}

/* IE */
textarea::-ms-textarea-placeholder,
input:-ms-input-placeholder {
    color: #cccccc;
}

/* Edge */
textarea::-ms-textarea-placeholder,
input::-ms-input-placeholder {
    color: #cccccc;
}

/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:479px){
	form#form1 {
		padding:0;
		width:100%;
	}

	form#form1 ul li {
		padding:10px;
	}

	form#form1 ul li:first-child {
		border-top:none;}

	form#form1 ul li span.komoku {
		position: relative;
		left:0;
		width: 100%;
		margin:0 13px 5px 0;
		padding: 0px;
		display:block;
	}

	form#form1 ul li span.hissu {
		color: red;
		position: relative;
		margin:1px 0 0 0;
		display:block;
		float:none;
	}


	form#form1 ul li span.rei {
		display: block;
		width: 100%;
		margin:0 5px 0 10px;
	}

	form#form1 select {
		width:100%;
	}

	.sumahono{ display:none; }

	.siz00{ width: 120px; }
	.siz01{ width: 100%; }
	.siz02{ width: 100%; }
	.siz03{ width: 100%; height: 10em; }

}