@charset "utf-8";
/*
* css for Test Lending input form
*
* @version			0.3.1
* @lastmodified	2024-03-12
* @link					https://www.landcomp.co.jp/
* @copyright		Copyright 2005, LAND COMPUTER Co.,Ltd.All rights reserved.
* ------------------------------------------------------------------------ */

*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.section ul.imageMenuList.col3 {
  padding-left: 0;
}
ul.imageMenuList li img {
  height: auto;
  width: 100%;
	vertical-align: bottom;
}
ul.imageMenuList li span.name {
	display: block;
	padding: 3px 6px;
}
ul.imageMenuList li strong {
  display: inline-block;
  margin-left: 0.8em;
}
ul.imageMenuList li {
	margin-bottom: 10px;
	padding: 1px;
	border: 1px solid #eee;
}
ul.imageMenuList li.select {
	position: relative;
	border-color: cornflowerblue;
	background-color: #E3EAFC;
}
ul.imageMenuList li.select .mark {
	display: block;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 30px;
	height: 30px;
	background-image: url(../../../../lending/images/checkmark.png);
	background-color: transparent;
	z-index: 100;
}

#productContents div.packs {
	display: none;
}
#productContents div.packs.active {
	display: block;
}

/* input table */
table.inTable {
  width: 100%;
  border: none;
}
table.inTable th {
  background-color: #f8f8f8;  
}
table.inTable th ,
table.inTable td {
  display: block;
  width: 100%;
  padding: 8px 8px;
  border-right: none;
  border-top: 1px solid #ddd;
}
.section table.inTable th ,
.section table.inTable td {
  padding: 8px 8px;
}
table.inTable td ul {
  list-style: none;
  padding: 5px 0;
	margin-bottom: 0;
}
table.inTable td ul li {
  margin-top: 20px;
  padding-left: 1.5em;
  text-indent: -1.5em;
}
table.inTable td ul li:first-child {
  margin-top: 0;
}
table.inTable td input {
  margin-top: 0px;
}
table.inTable td input[type=text],
table.inTable td textarea {
	padding: 0.25rem 0.5rem;
  width: 100%;
}
table.inTable td em {
	color: crimson;
}
table.inTable td span {
  display: block;
  margin-top: 5px;
}
table.inTable td span.ex {
  display: block;
}
table.inTable th sup.note, 
table.inTable th span.note {
	color: crimson;
  font-size: 0.8em;
}
table.inTable td span.errTxt {
  color: #c00;
  padding-left: 18px;
  background: url("../../../../images/icn_caution.gif") no-repeat 0 50%;
}
table.inTable td li#OtherModel span.errTxt {
  padding-left: 36px;
}
table.inTable td div.cable {
  margin: 16px 0 0;
}
@media all and (min-width:600px) {
  table.inTable th ,
  table.inTable td {
    display: table-cell;
    width: auto;
  }
  table.inTable th {
    _order-right: 1px solid #ccc;
    width: 25%;
  }
  table.inTable th span.note {
    float: right;
  }
}
@media all and (min-width:768px) {
  table.inTable th {
    width: 22%;
  }
	table.inTable td input[type=text] {
    width: auto;
  }
	  table.inTable td ul li {
    margin-top: 8px;
  }
  table.inTable td span.ex {
    display: inline-block;
    margin-left: 0.5rem;
  }
  table.inTable td.address span.ex {
    display: inline-block;
  }
}
tr[id^=option]:not(.active) {
	display: none;
}
tr[id^=option].active {
	display: table-row;
}
#aRequest:not(.active) {
	display: none;
}
#aRequest.active {
	display: block;
}

.boxControl {
  overflow: hidden;
  padding: 10px 20px;
  margin-bottom: 20px;
  border: 1px solid #aaa;
  border-radius: 3px;
  background-color: #f5f5ee;
}
.boxControl span[class^='Btn'] {
  display: inline-block;
  padding: 4px;
}
.boxControl span[id^='BtnR'] {
  padding: 4px;
  background-color: #F0E68C;
}
.boxControl span input {
  padding: 8px 10px;
}
.fleft {
  float: left;
}
.fright {
  float: right;
}
.inPost {
  pointer-events: none;
  color: #999;
}
.inWait {
  cursor: wait;
}

#attentionBox {
	color: crimson;
	text-align: center;
} 
#submitBox div[id$=Mode] {
	display: none;
}
#submitBox div[id$=Mode].active {
	display: block;	
}
#submitBox input[type=button] {
	font-size: 1rem;
	width: 6rem;
}
#submitBox #thanksBox .sendMssg {
	color: #2F5496;
	font-size: 1.375rem;
	font-weight: bold;
	text-align: center;
	padding: 0 0 0.25rem;
	border-bottom: 1px solid #aaa;
}
#submitBox .toTopBox {
	text-align: center;
	padding: 0.75rem 0;
	border-top: 1px solid #ccc;
}
#submitBox .toTopBox a {
	display: inline-block;
	padding: 0.25rem 1.25rem;
	border: 1px solid #B7C6E7;
	border-radius: 0.25rem;
	background-color: #f0f8ff;
}
#submitBox #errorBox {
	border-bottom: 1px solid #aaa;
}
#submitBox #errorBox .errorMssg {
	color: #dc143c;
	font-size: 1.25rem;
	font-weight: bold;
	text-align: center;
	padding: 0 0 0.25rem;
	border-bottom: 1px solid #aaa;
}
#hiddenPocket {
	display: none;
}
#cautionBox {
	color: magenta;
}
#qreq-stat {
	display: none;
}