input.poz {
margin:0 5px 0 0;
padding-left:5px;
width:280px;
height:30px;
border:#999 1px solid;
-moz-box-sizing: boeder-box;
}

input.poz2 {
margin:0 5px 10px 0;
padding-left:5px;
width:75%;
height:35px;
border:#999 1px solid;
-moz-box-sizing: boeder-box;
}


input#btn {
margin:0;
width:70px;
height:35px;
border:#999 1px solid;
background-color:#ffc;
cursor: pointer;
-moz-box-sizing: boeder-box;
}

input.btn2 {
margin:0 5px 10px 0;
width:auto;
height:35px;
border:#999 1px solid;
background-color:#ffc;
-moz-box-sizing: boeder-box;
}

select {
font-size: 85%;
height: 35px;
width: 200px;
margin: 0;
}

.search0 {
	background-color:#f8fcf8; 
	width: 100%;
}
.search2 {
font-size: 85%;
	margin: 0;padding: 0.5em;
}
.search1 select { margin-top: 0.5em; }

button {
width: auto;
height:30px;
border:#090 1px solid;
color: #fff;
background-color:#090;
font-size:110%;
cursor: pointer;
-moz-box-sizing: boeder-box;
border-radius: 5px;
vertical-align: middle;
font-weight: 600;
margin: 0 0 0 0.2em;
}

/*スマホ */

@media (max-width: 480px){
	button {
		width:42px;
	}
	#pc {
		display: none;
	}
	
}


@media (min-width: 768px){
	input.poz {
	width:330px;
	height:35px;
	}

	input.poz2 {
	width:280px;
	height:35px;
	}

	input#btn {
	width:90px;
	height:35px;
	}

	select {
	margin:0 5px 0 0;
	width:200px;
	text-align: center;
	font-size:85%;
	}

		button {
		margin-right: 0.5em;
				height:35px;

	}

	.search0 {
	display: table; 
	background-color:#f8fcf8; 
	width: 100%;
	}
	
	.search1 {
		display: table-cell; 
		width: 658px;
	}
	
		.search1 select {
		margin-top: 0; 
		vertical-align:bottom;
		}

	.search2 {
		display: table-cell; 
		text-align: right; 
		width: 100px; 
	}

	.kanren { width:300px; }

	#main {
	width:458px;
	float:left;
	text-align: left;
	}

	#side {
	width:300px;
	float:right;
	text-align: left;
	}

	#mid td { padding: 0; }

}

@media (min-width: 1024px){
	#main { width:680px; }
	input.poz { width:380px; }
	.search1 { display: table-cell; width: 880px; }

}
