/* tables */
table.type01 {
	width: 100%;
	margin-top:10px;
	margin-bottom:20px;
	border-collapse:collapse;
}
table.type01 tr td{
	padding: 10px;
	border: 1px solid #ccc;
}
table.type01 tr td.in1{
	width: 35%;
}
table.type01 tr td.in2{
	border-bottom: 0;
}
table.type01 tr td.in3{
	border-top: 0;
}
table.type01 tr td input[type="text"],
table.type01 tr td textarea{
	width: 80%;
}
table.type01 tr td input[type="time"],
table.type01 tr td input[type="date"]
table.type01 tr td input[type="text"].half{
	width: 35% !important;
}
table.type01 tr td select{
	width: 50%;
}
table.type01 tr img{
	max-width: 100%;
	max-height: 300px;
}
table.type01 tr td.inq select{
	width: 80%;
}

/* tables */
table.type02 {
	width: 100%;
	margin-top:10px;
	margin-bottom:20px;
	border-collapse:collapse;
}
table.type02 tr{
	width:100%;
	background-color:#ffffff;
	border:1px solid #CDCDCD;
	cursor: pointer;
}
table.type02 tr td{
	padding: 6px;
}

table.type02 th {
	padding: 3px;
	border: 1px solid #ccc;
	background-color: #f9fdff;
}
table.type02 tr td{
	padding: 10px;
	border: 1px solid #ccc;
}
table.type02 tr td.in1{
	width: 35%;
}
table.type02 tr td.in2{
	border-bottom: 0;
}
table.type02 tr td.in3{
	border-top: 0;
}
table.type02 tr td input[type="text"],
table.type02 tr td textarea{
	width: 80%;
}
table.type02 tr td input[type="time"],
table.type02 tr td input[type="date"]
table.type02 tr td input[type="text"].half{
	width: 35% !important;
}
table.type02 tr td select{
	width: 50%;
}
table.type02 tr:hover{
	background-color: #e97136;
}

/* table3 */

table.type03 {
	margin:auto;
	width: 100%;
	text-align: left;
	border-collapse:collapse;
	margin-top:10px;
}
table.type03 tr{
	width:100%;
	background-color:#ffffff;
	border:1px solid #CDCDCD;
	text-align:center;
}

table.type03 tr td img{
	width: auto;
}

table.type03 tr {
  background-color: #fff0f5;
}

table.type03 tr td{
	width:50%;
}

table.type04 {
	/*background-color: #CDCDCD;*/
	margin:auto;
	width: 100%;
	text-align: left;
	border-collapse:collapse;
	margin-top:10px;
	margin-bottom:20px;
}
table.type04 tr{
	width:100%;
	background-color:#ffffff;
	border:1px solid #CDCDCD;
	cursor:pointer;
}
table.type04 tr:nth-child(odd) {
  background-color: #f9fdff;
}
table.type04 tr:nth-child(even) {
  background-color: #f4f9fc;
}
/*table.type04 tr:nth-child(odd):hover {
  background-color: #e97136;
}
table.type04 tr:nth-child(even):hover {
  background-color: #e97136;
}*/
/*幅調整*/
table.type04 td,table.type04 th{
  table-layout:fixed;
	font-weight:normal;
	padding-left:5px;
}
table.type04 td.opt{
	font-size:0.9em;
}

.btn {
	-webkit-appearance: none;
  text-decoration: none;
  text-align: center;
  padding:2px;
  padding-top:5px;
  padding-bottom:5px;
  border: 1px solid #666;
  cursor:pointer;
  border-radius: 0.3em;
  transition: 0.4s;
	background-color:#F2F2F2;
	color: #000;
}
.btn:hover{
    background-color:#99FF99;
}

.more,.moreq{
	cursor: pointer;
}
.more:hover,.moreq:hover{
	opacity: 0.4;
}

.readOnlyRowsToggle{
	width: 75%;
	background-color: #fff;
	border: 1px solid #ccc;
	margin-top: 15px;
	box-sizing: border-box;
	float: left;
}

.readOnlyRowsToggle img{
	max-width: 50px;
	vertical-align: middle;
	width: auto;
}

.right{
	margin: auto;
	margin-top: 15px;
	float: left;
	width: 25%;
	text-align:center;
}

.notr{
	border: 0px !important;
	background-color: #f9f9f9 !important;
}
.notr td{
	padding-top: 5px;
	font-weight: bold !important;
}

#modal table{
	width: 95%;
	margin: 15px auto;
	box-sizing: border-box;
	border-collapse: collapse;
}
#modal table tr th,
#modal table tr td{
	border: 1px solid #777;
	padding: 5px;
	font-weight: normal;
	text-align: center;
}