@charset "utf-8";
/* CSS Document */

.lotfrm{
	width: 100%;
	margin: 0 auto;
}
.lotfrm .inputBtnWrap {
	margin-bottom:20px;
}
.lotfrm .inputWrap{
	display: inline-block;
	width: 100%;
	text-align: left;
}
.lotfrm input[type="button"].borderBtn{
	margin-right: 40px;
	float: right;
}
.tLeft {
	text-align: left;
	margin-left: calc((100% - 100px - 300px - 30px)/2);
}
#middle .add{
	margin-bottom: 0;
}
/*
#middle.col2 .searchBoxArea.graySearchBox .search .lotfrm input[type="text"]{
	/* width: 100%; */
	margin-right: 0;
	background-image: none;
	padding-left: 10px;
	margin-bottom: 15px;
	max-width:100%;
}
*/
#middle .searchBoxArea.graySearchBox .search input[type="checkbox"] {
	width: 20px;
}
#middle .searchBoxArea.graySearchBox .search input[type="text"] {
	line-height: 26px;
	height: 32px;
	padding: 3px 10px 3px 40px;
	padding-right: 10px;
	width: 300px;
	border-radius: 16px;
	border: 1px solid #dddddd;
	margin: 15px 10px 5px calc((100% / 2) - 295px);
	background: url(../images/icons_search.png) no-repeat 8px center;
	background-size: 22px auto;
	outline: 0;
	max-width: 70%;
}
.rst_btn{
	color: #00908f;
	background-color: rgba(255,255,255,0);
	text-decoration:underline;
	font-weight: bold;
	border:none;
	margin-right: 15px;
}
#rslt table th.tblh {
  width: 25%;
}
#rslt table td[colspan="3"] p, #rslt table td[colspan="3"] ul {
  text-align: left;
  margin-top: 10px;
  display: inline-block;
}
#rslt table td[colspan="3"] p {
  margin-left: 5%;
  vertical-align: top;
  width: 11.5%;
  float: left;
}
#rslt table td[colspan="3"] ul {
  width: 80%;
  float: none;
  padding-left: 0;
}
#rslt table td[colspan="3"] ul li {
  margin-bottom: 5px;
  padding-left: 25px;
  background: url(../images/icon_pdf_color.png) left 3px no-repeat;
	background-size: 20px auto;
}
#rslt table td[colspan="3"] ul li::before {
  content: none;
}
#rslt table td[colspan="3"] ul li a {
  color: inherit !important;
  text-decoration: underline;
}
#modal-overlay {
  z-index: 10000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba( 0,0,0, 0.75 );
}
#modal-content {
  position: fixed;
  display: inline-block;
  margin: auto;
  padding: 1em;
  background-color: #ffffff;
  border-radius: 5px;
  font-size: 200%;
  text-align: center;
}

#search_result > span {
	display:block;
	color:#FF0000;
	text-align:left;
}
#search_result .example {
	color:#FF0000;
}

#qrarea { margin-top: 2em; }
#qrarea img { width:135px; border:solid; display:inline-block; }
#qrarea p { display:inline-block; vertical-align:top; font-weight:bold; margin-left:1em;  width:calc(90% - 141px); }


@media only screen and (max-width: 600px) {

	.lotfrm{ width:auto; }
	.lotfrm .inputBtnWrap{
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-flex-direction:column;
		-ms-flex-direction:column;
		flex-direction:column;
		-webkit-align-items:center;
		-ms-align-items:center;
		align-items:center;
	}
	.lotfrm .inputWrap{
		display: block;
		width: 100%;
		order:1;
	}
	 #middle .lotnum .searchBoxArea .search{
		padding: 15px;
	}
	.lotfrm input[type="button"].borderBtn{
		order:2;
		margin-right: 0px;
		float: none;
		margin-bottom: 25px;
	}

	#rslt table td[colspan="3"] p, #rslt table td[colspan="3"] ul {
		float: none;
	}
	#rslt table td[colspan="3"] p {	width: 100%; }
	#rslt table td[colspan="3"] ul { width: 97%; margin-top: 0; }

	#rslt table td[colspan="3"] p,
	#middle .searchBoxArea.graySearchBox .search input[type="text"],
	#middle.col2 .searchBoxArea.graySearchBox .search input[type="text"],
	#middle .searchBoxArea.graySearchBox .search input[type="checkbox"],
	.tLeft { margin-left:0; }
}