@charset "UTF-8";
@import "/css/pricelist.css";
/* common */
.justify, dl.makelist dd, .tinyTip .content {
  text-align: justify;
  /*	word-break: break-all; */
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}

h1, h2, h3 {
  font-family: "Times New Roman", Century;
  font-weight: bold;
  margin: 10px 0 5px;
}

p {
  margin: 0.5em 0;
}

h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.2em;
}

h3 {
  font-size: 1.2em;
}

#primary-contents > h1 {
  text-align: center;
  padding: 0;
  margin: 0;
}

#catalogdownload {
  height: 70px;
  overflow: hidden;
}

div.introduction {
  display: block;
  background-color: black;
  color: white;
  padding: 10px 0;
  text-align: center;
}
div.introduction .exp {
  padding: 5px 10px;
}

div.explanation {
  width: 700px;
  padding-bottom: 10px;
  text-align: center;
}
div.explanation h2 {
  margin: 1em 0 0.5em;
  padding: 0.2em 0.4em;
  color: #134;
  font-size: 1.6em;
  border-color: #134;
  border-left: 0.5em solid;
  border-bottom: 1px dotted;
  background: url(img/h2-machining.png);
  text-shadow: 1px 1px 2px #888;
}
div.explanation h3 {
  margin: 1em 0.5em 0.5em;
  padding: 0.2em 0.4em;
  color: #447;
  font-size: 1.2em;
  border-color: #447;
  border-left: 8px solid;
  border-bottom: 1px dotted;
  background: url(img/h2-machining.png);
  text-shadow: 1px 1px 1px #888;
}
div.explanation h4 {
  margin: 0.5em 0;
}
div.explanation .exp {
  margin: 0.5em 0em 1em 1em;
}
div.explanation div.note {
  width: 260px;
}
div.explanation div.remark {
  margin: 0.5em 10px;
  border: solid 2px #ddd;
  background: #fafafa;
  /* float: left; width: 260px; margin: 0.5em 10px; border: solid 2px #228; */
}
div.explanation div.remark h4 {
  background: #ddd;
  color: #000;
  margin: 0;
  padding: 2px 0.5em;
  font-weight: bold;
}
div.explanation div.remark .exp {
  padding: 0 1.2em;
}

div.exp_inner {
  width: 580px;
  text-align: left;
  margin: 1em auto 0;
}

.figL {
  float: left;
  margin: 0 0.5em 0 0.5em;
  padding: 0.5em 0;
}

.figR {
  float: right;
  margin: 0 0 0.5em 0.5em;
  padding: 0.5em 0;
}

.figM {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0.5em 0;
}

dl.makelist dt {
  font-weight: bold;
  border-bottom: solid 1px #000;
}
dl.makelist dd {
  font-weight: normal;
  line-height: 1;
}

/* サイドメニュー */
#processing_sub #sidebar {
  text-align: center;
}
#processing_sub #sidebar h2 {
  border: 1px #30F;
}

div.techinfo {
  background: #226;
  width: 180px;
  margin: 1em auto;
  text-align: center;
  color: #DDF;
  padding: 0.5em 0;
}
div.techinfo h3 {
  color: #EE2;
  font-weight: bold;
  text-align: center;
}
div.techinfo .exp {
  color: #EEE;
  font-size: 0.8em;
  line-height: 1.2em;
  width: 80%;
  margin: 1em auto;
}

/*
 * index.html
 */
#mch-top {
  background: url(img/bg-top.jpg) no-repeat center top;
}

#mch-explain {
  padding: 200px 4em 2em;
}

#mch-explain p {
  margin: 2em 0;
  padding: 0 2em;
  line-height: 2em;
  font-size: 1.2em;
}

/*
 *  工賃表（共通）
 */
table.wagelist {
  border-collapse: collapse;
  padding: 2px;
  width: 97.5%;
  margin: 1.5em 15px 0.5em;
}
table.wagelist * {
  table-layout: fixed;
  font-size: 0.95em;
}
table.wagelist tr {
  line-height: 1.5em;
}
table.wagelist tr:hover {
  background: #EEF;
}
table.wagelist caption {
  background: #888;
  border: 1px solid #000;
  color: #FFF;
  text-align: left;
  font-size: 12pt;
  text-shadow: 1px 1px 1px #222;
  margin-bottom: 0.5em;
  padding: 2px;
}
table.wagelist th, table.wagelist td {
  border: 1px;
  border-style: solid;
  border-color: black;
  padding: 0 5px;
}
table.wagelist th {
  font-weight: bold;
  text-shadow: 1px 1px 1px #AAA;
  white-space: nowrap;
}
table.wagelist thead th {
  text-align: center;
  background: #BBB;
}
table.wagelist tbody th {
  background: #DDD;
}
table.wagelist th.prc {
  width: 80px;
}
table.wagelist tfoot th {
  text-align: center;
  background: #EEE;
}
table.wagelist tfoot td {
  background: #EEE;
  font-weight: bold;
}
table.wagelist th.hdr {
  background: #DDD;
  text-align: left;
}
table.wagelist td.lt {
  text-align: left;
}
table.wagelist td.rt {
  text-align: right;
}
table.wagelist td.md {
  text-align: center;
}
table.wagelist a {
  color: #048;
}
table.wagelist sup {
  font-size: 0.7em;
}

div.expcom {
  float: right;
}

/*
 *  シリンダーヘッド加工
 */
table.cylheadmtx thead th .com {
  text-align: right;
  border: none;
}

table.cylheadmtx thead th {
  text-align: right;
  width: 16.666%;
}

table.cylheadpol thead th {
  text-align: right;
  width: 14.286%;
}

/*
 *  シリンダーヘッド加工
 */
table.cylblockmtx thead th {
  text-align: right;
  background: #DDD;
  width: 12.5%;
}
table.cylblockmtx thead th .com { /* text-align: right; */
  border: none;
}

/*
 *  解説（ツールチップ）
 */
.tinyTip .content {
  width: 310px;
  padding: 10px;
  border: 6px solid #e2e2e2;
  border-radius: 5px;
  background-color: #ffffff;
  color: #020202;
  font-size: 0.9em;
}
.tinyTip .content p {
  margin: 0;
  padding: 0.5em 0;
}
.tinyTip .content p.ind {
  text-indent: -1em;
  padding: 0 0 0 1em;
  font-size: 1em;
}
.tinyTip .content ul {
  margin-left: 2em;
}
.tinyTip .bottom {
  height: 14px;
  background: url(/css/images/notch-white.png) top center no-repeat;
}

span[class^=tip], .tTip {
  display: inline-block;
  border-bottom: 2px dotted #000;
  line-height: 1;
}

/* 注釈 */
ul.remarks {
  margin-left: 2em;
}