@charset "UTF-8";
@media screen and (min-width: 641px) {
	section {
		margin-top: 50px;
	}
	
	section dl {
		width: 800px;
		margin: auto;
		margin-left: -10px;;
		border-bottom: 1px #ccc solid;
	}
	
	section dl dt {
		float: left;
		clear: left;
		width: 250px;
		padding-top: 8px;
		padding-left: 10px;
		border-top: 1px #ccc solid;
		text-align: right;
	}
	
	section dl dd {
		margin-left: 260px;
		padding: 8px 10px;
		border-top: 1px #ccc solid;
	}
	
	input[type="text"] ,
	textarea {
		width: 100%;
	}
	
	p.trivial {
		margin: 0;
	}
	
	#confirm .trivial {
		display: none;
		height: 0;
	}
	
	form p.submit {
		width: 100%;
		margin-top: 1em;
		text-align: center;
	}
	
	input[type="submit"] {
		font-size: 120%;
		padding: 5px 15px;
	}
	button[type="button"] {
		font-size: 120%;
		padding: 5px 15px;
		vertical-align: bottom;
	}
	
	form#confirm .conf_none {
		display: none;
	}
	
	dl#sale_list dt{
		text-align: left;
		width: 305px;
	}
	
	dl#sale_list dt.nc30,
	dl#sale_list dt.nc10,
	dl#sale_list dt.c10,
	dl#sale_list dt.c5,
	dl#sale_list dt.c3{
		display: inline;
		clear: none;
	}
	
	dl#sale_list dd {
		float: left;
		margin-left: 0;
		width: 65px;
	}
}


@media screen and (max-width: 640px) {
	section dl {
		width: 100%;
		margin: auto;
		border-bottom: 1px #ccc solid;
	}
	
	section dl dt {
		float: left;
		clear: left;
		width: 95%;
		padding-top: 8px;
		padding-left: 10px;
		border-top: 1px #ccc solid;
	}
	
	section dl dd {
		padding: 8px 10px;
		border-top: 1px #ccc solid;
	}
	
	input[type="text"] ,
	textarea {
		width: 95%;
	}
	
	p.trivial {
		margin: 0;
	}
	
	#confirm .trivial {
		display: none;
		height: 0;
	}
	
	form p.submit {
		width: 100%;
		margin-top: 1em;
		text-align: center;
	}
	
	input[type="submit"] {
		font-size: 120%;
		padding: 5px 15px;
	}
	button[type="button"] {
		font-size: 120%;
		padding: 5px 15px;
		vertical-align: bottom;
	}
	
	form#confirm .conf_none {
		display: none;
	}
	
	dl#sale_list dt,
	dl#sale_list dd {
		width:95%;
	}


}