@charset "UTF-8";


form#form1 {
	color: #555;
	width:100%;
}


form#form1 ul li {
	list-style:none;
	padding:13px;
	position:relative;
}

form#form1 ul li label{
	display:inline-block;
}

.hissu {
	position:absolute;
	left:10px;
	top:17px;
	width:60px;
	height:15px;
	line-height:15px;
	font-size:11px;
	text-align:center;
	color:#fff;
	background: #E12C1F;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

form#form1 ul li p {
	display:block;
	width: 70px;
	float:left;
	margin:0 10px 0 70px;
	padding: 0px;
	text-align:left;
}


form#form1 ul li span.rei {
	width: 5em;
	margin:0 5px 0 10px;
}

form#form1 ul li span.mae {
	width: 5em;
	margin:0 5px 0 0;
}

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 0;
	margin:0px;
	color:#000;
	border: none;
	background: #dadada;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
form#form1 select {
	width:100px;
}

input[type="button"],
input[type="submit"],
input[type="reset"]{
	border:1px solid #000;
	background:#dadada;
	padding:3px 9px;
	font-family:'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo';
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}


.siz00{ width: 100px; }
.siz01{ width: 230px; }
.siz02{ width: 500px; }
.siz03{ width: 500px; height: 10em; }

/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width: 481px) and (max-width: 800px){

	.siz02{ width: 400px; }
	.siz03{ width: 400px; height: 10em; }
}
/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:479px){
	form#form1 {
		padding:0;
		width:100%;
		margin-bottom:15px;
	}

	form#form1 ul li {
		padding:10px;
	}

	form#form1 ul li:first-child {
		border-top:none;}

	form#form1 ul li p {
		position: relative;
		left:0;
		width: 100%;
		margin:0 0 5px 0;
		padding: 0px;
		display:block;
	}

	.hissu {
		position:relative;
		top:0;
		left:0;
	}


	form#form1 ul li span.rei {
		display: block;
		width: 100%;
		margin:0 5px 0 0;
	}

	form#form1 select {
		width:100%;
	}

	form#form1 ul li label{
		display:block;
	}

	.siz00{ width: 120px; }
	.siz01{ width: 100%; }
	.siz02{ width: 100%; }
	.siz03{ width: 100%; height: 10em; }

}