@charset "UTF-8";
/*LA-RZ-21K,LA-FP-MJ3K,10BASE2,10BASE5,LA-FP-MJ3,LA-RZ-21と共有*/
#container {
  margin-bottom: 40px;
}

#container .sp {
  display: none;
}

.blue {
  color: #1C64B3;
}

.l-blue {
  color: #0099FF;
}

.red {
  color: #ff0000;
}

.pro-num {
  font-weight: bold;
  display: inline-block;
  margin: 0 0.5em 0 0;
}

h1 {
  border-bottom: 1px solid #CCCCCC;
  margin: 0 0 12px;
  font-size: 1.8em;
  padding-bottom: 3px;
}

.category_title {
  border-left: solid 4px #1B4FAA;
  border-bottom: solid 1px #1B4FAA;
  background-color: #F4F4F4;
  font-size: 1.15em;
  padding: 1.7% 0 1.2% 2%;
  letter-spacing: 0.05em;
  font-weight: bold;
}

.bl-ttl {
  color: #ffffff;
  background-color: #1f297d;
  padding: 0.9% 1.5% 0.7%;
  border-radius: 0.25em;
  font-weight: bold;
  font-size: 1em;
  display: inline-block;
}

.items {
  margin: 3% 0 0;
}

.items span {
  margin: 0 0 0 4%;
}

.items div {
  display: inline-block;
  line-height: 1.5;
  font-size: 0.9em;
  vertical-align: top;
  width: 80%;
}

.procedure {
  margin: 3% 0 0;
}

.procedure .pro-body {
  margin: 1% 0 0;
}

.procedure .parts {
  width: 22.95%;
  margin: 0 0 2% 2%;
  display: inline-block;
  vertical-align: top;
  line-height: 1.4;
  font-size: 0.85em;
  word-break: break-all;
}

.procedure .parts.two {
  width: 48.5%;
}

.procedure .parts.three {
  width: 61%;
}

.procedure .parts.four {
  width: 100%;
}

.procedure .parts.text-only {
  width: 31.5%;
  margin: 4.5% 0 0 2%;
}

p.text strong {
  font-size: 1.2em;
}

p.two-text {
  width: 46%;
  display: inline-block;
  vertical-align: top;
}

p.two-text:last-child {
  margin: 0 0 0 2.5%;
}

.img-area {
  width: 50%;
}

.procedure .parts .img {
  width: 95.92%;
}

.procedure .parts.four .img {
  display: inline-block;
  margin: 0 2% 1em 0;
  width: 22.012%;
}

.procedure .img-long {
  margin: 0 2% 0.6em 0;
  display: inline-block;
}

.parts.two .img {
  width: 47.185%;
  display: inline-block;
  margin-left: 4.4%;
}

.parts.two .img:first-child {
  margin-left: 0;
}

.parts.three .img {
  width: 38.744%;
  display: inline-block;
  margin: 0 0 0.6em 3%;
}

.parts.three .img:first-child {
  margin: 0;
}

.procedure .left {
  margin-left: 0;
}

.procedure .left.last {
  display: block;
}

.procedure .img {
  margin: 0 0 0.6em;
}

.procedure .img-long {
  margin: 0 2% 0.6em 0;
  display: inline-block;
}

.procedure .parts img {
  width: auto;
}

.bar {
  width: 100%;
  margin: 1.5% 0;
}

.bar img {
  width: 100%;
}

.cau-ttl {
  background-color: #cc0000;
  color: #ffffff;
  font-weight: bold;
  font-size: 0.8em;
  padding: 1% 1.4% 0.5%;
}

.caution {
  border: 0.15em solid #cc0000;
  padding: 1%;
  font-size: 0.8em;
  line-height: 1.3;
}

.caution strong {
  color: #cc0000;
}

.caution .text {
  margin: 0 0 1em;
}

/*LA-RZ-21K加工マニュアル*/
table.haisen-hyo {
  text-align: center;
  font-weight: bold;
  width: 100%;
  white-space: nowrap;
}

table.haisen-hyo tr {
  background-color: #CCCCFF;
}

table.haisen-hyo tr:first-child {
  background-color: #FFCC99;
  font-weight: normal;
}

table.haisen-hyo td {
  padding: 1% 0;
}

table .white {
  color: #FFFFFF;
}

table .brown {
  color: #CC6600;
}

table .orange {
  color: #FF9900;
}

table .green {
  color: #336633;
}

table .blue {
  color: #0000FF;
}

/*LA-FP-MJ3K加工マニュアル*/
table.haisen-hyo.mj3k {
  width: 46%;
  display: inline-table;
  vertical-align: top;
}

/*10BASE加工マニュアル*/
.procedure .parts.base {
  width: 68%;
  margin: 0 0 0 0;
}

.procedure .parts.text-only.base {
  width: 30%;
  margin: 0 0 0 1%;
}

/*LA-FP-MJ3加工マニュアル*/
table.haisen-hyo.mj3 {
  border-collapse: collapse;
}

table.haisen-hyo.mj3 tr:nth-child(2n+1) {
  background-color: #FFCC99;
  font-weight: bold;
}

table.haisen-hyo.mj3 th {
  background-color: #FFFF66;
}

span.rz21 {
  background-color: #CCCCFF;
  display: block;
}