@charset "UTF-8";
/*-------------------------------------------------------------------------------*
	Style sheet for Tanaka Industrial Co., Ltd.
 		Copyright(C) 1997-2015 Tanaka Industrial Co., Ltd. All Rights Reserved.
*-------------------------------------------------------------------------------*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* Reset Style */
html {
  overflow-y: scroll;
}

body {
  line-height: 1;
  color: #000;
}

/* html5doctor.com Reset Stylesheet v1.6.1
Last Updated: 2010-09-17 Author: Richard Clark - http://richclarkdesign.com Twitter: @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* YUI 3.4.1 (build 4118) Copyright 2011 Yahoo! Inc. All rights reserved.
Licensed under the BSD License. http://yuilibrary.com/license/ */
body {
  font: 13px/1.231 arial, helvetica, clean, sans-serif;
  *font-size: small;
  *font: x-small;
}

select, input, button, textarea {
  font: 99% arial, helvetica, clean, sans-serif;
}

table {
  font-size: inherit;
  font: 100%;
}

pre, code, kbd, samp, tt {
  font-family: monospace;
  *font-size: 108%;
  line-height: 100%;
}

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li,
form, input, textarea, button, table, tr, th, td,
article, aside, footer, header, hgroup, nav, section {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* 汎用クラス */
[class^=mark] {
  padding-left: 15px;
  background: no-repeat left 0.5em;
}

/* clearfix */
#contact, #jobs #jobs_info article, #prof_s2, #machine_figure ul, #newsarticle ul.news, #idx_catalogue, #idx_news ul.news, #footer, #header #navi, #contents {
  overflow: hidden;
  *zoom: 1;
}

/*----------------------------------------------------
	element style
----------------------------------------------------*/
body {
  background: #c0c0c0;
  color: #000;
  font-family: "Noto Sans Japanese", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

input, textarea {
  font-family: "Noto Sans Japanese", "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

* html body, * html input, * html textarea {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

a:link {
  text-decoration: none;
  color: #1e90ff;
}
a:visited {
  color: #2f4f4f;
}
a:hover {
  text-decoration: underline;
  color: #d00;
}
a:active {
  color: #f00;
}

/*
 * common basic styles
 */
.exp {
  line-height: 150%;
  text-align: justify;
  text-justify: inter-ideograph;
}

.ref {
  font-size: 70%;
}

.specs {
  font-size: 70%;
}

.hidden {
  display: none;
}

.em {
  color: #C00 !important;
}

/* 参照 */
.refmk, .nrefmk {
  display: inline-block;
  padding-left: 1em !important;
  text-indent: -1em;
}

.refmk::before {
  content: "※";
}

.nrefmk::before {
  content: "※" attr(data-refnum);
}

#lang-en .refmk::before {
  content: "‡" " ";
}

#lang-en .nrefmk::before {
  content: "‡" attr(data-refnum) " ";
}

/* 注釈記号/注釈番号(data-refnum)を文字列の後に上付きに加える */
span.refmk::after {
  content: "※";
  vertical-align: super;
  font-size: 0.6em;
}

span.nrefmk::after {
  content: "※" attr(data-refnum);
  vertical-align: super;
  font-size: 0.6em;
}

#lang-en span.refmk::after {
  content: "‡";
}

#lang-en span.nrefmk::after {
  content: "‡" attr(data-refnum);
}

#lang-en span.hide-in-en-sup::after,
#lang-en span.hide-in-en-sup::after {
  display: none;
}

span.refmk::before,
span.nrefmk::before,
#lang-en span.refmk::before,
#lang-en span.nrefmk::before {
  content: "";
}

/* 注釈リスト */
ul.remarks {
  list-style-type: none;
  counter-reset: refnumber;
}

ul.remarks li {
  display: block;
  font-size: 0.9em;
  text-indent: -1em;
  padding-left: 1em;
  text-align: justify;
  text-justify: inter-ideograph;
}

ul.remarks li::before {
  content: "※";
}

ul.remarks li.nrefmk::before {
  counter-increment: refnumber;
  content: "※" counter(refnumber) " ";
}

#lang-en ul.remarks li.nrefmk::before {
  counter-increment: refnumber;
  content: "‡" counter(refnumber) " ";
}

/*----------------------------------------------------
	#container
----------------------------------------------------*/
#container {
  width: 810px;
  margin: 10px auto 0;
  text-align: left;
  background: #fff url("../img/frameshadow.jpg") right repeat-y;
  font-size: 100%;
  font-weight: 200;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
  width: 800px;
  overflow: hidden;
}

.lowerlayer_content {
  width: 720px;
  margin: 0.5em auto;
}

/*----------------------------------------------------
	ヘッダー
----------------------------------------------------*/
#header #header_top {
  position: relative;
  width: 810px;
  height: 80px;
  background: url("../img/frametop.jpg") no-repeat;
}
#header #header_top #globalnavi {
  position: absolute;
  top: 8px;
  right: 20px;
}
#header #header_top #globalnavi li {
  float: left;
}
#header #navi {
  width: 800px;
  height: 50px;
}
#header #navi li {
  float: left;
}

/*----------------------------------------------------
	フッター
----------------------------------------------------*/
#footer {
  position: relative;
  width: 810px;
  height: 78px;
  color: #fff;
  background: #404080 url("../img/frameshadow.jpg") right repeat-y;
}
#footer:after {
  position: absolute;
  top: 60px;
  left: 0;
  content: url("../img/framebottom.gif");
}

/*--------------------------
 * header
 *--------------------------*/
#header #corporatename {
  position: absolute;
  top: 10px;
  left: 10px;
  background: url("../img/titlelogo.gif") no-repeat;
  width: 250px;
  height: 42px;
  -ms-background-size: cover;
  background-size: cover;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#header #globalnavi li a {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  height: 10px;
}
#header #globalnavi li#gn_top a {
  background: url("../img/mm-toppage.gif") no-repeat;
  width: image-width("../img/mm-toppage.gif");
  -ms-background-size: cover;
  background-size: cover;
}
#header #globalnavi li#gn_eng a {
  background: url("../img/mm-english.gif") no-repeat;
  width: image-width("../img/mm-english.gif");
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi {
  background: url("../img/menubg.jpg") no-repeat;
}
#header #navi li a {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 100px;
  height: 50px;
}
#header #navi li a.nav_news {
  background: url("../img/menu_01.png") no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi li a.nav_product {
  background: url("../img/menu_02.png") no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi li a.nav_facilities {
  background: url("../img/menu_03.png") no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi li a.nav_qc {
  background: url("../img/menu_04.png") no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi li a.nav_profile {
  background: url("../img/menu_05.png") no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi li a.nav_network {
  background: url("../img/menu_06.png") no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi li a.nav_job {
  background: url("../img/menu_07.png") no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi li a.nav_contact {
  background: url("../img/menu_08.png") no-repeat;
  -ms-background-size: cover;
  background-size: cover;
}
#header #navi li a.nav_sel {
  background-position: bottom;
}
#header #navi li a:hover {
  background-position: center;
}
#header #anniversary {
  position: absolute;
  top: 10px;
  left: 270px;
  text-indent: -9999px;
  width: 68px;
  height: 40px;
  background: url(/img/70th.png) no-repeat;
  background-size: contain;
}
#header #idx_picture {
  font-size: 0;
}

/*--------------------------
 * footer
 *--------------------------*/
#footer {
  padding-top: 10px;
  padding-left: 10px;
  line-height: 1em;
}
#footer #ftr_logo {
  float: left;
}
#footer #ftr_name {
  font: 12pt bold;
  letter-spacing: 0.3em;
}
#footer #ftr_copy {
  position: absolute;
  bottom: 20px;
  right: 15px;
  text-align: right;
  font-size: 77%;
}

/*--------------------------
 * common
 *--------------------------*/
.lowerlayer_page h1.title {
  display: block;
  background: url("../img/h1bg.jpg");
  width: 760px;
  height: 200px;
  margin: 1em auto;
  border: none;
  position: relative;
}
.lowerlayer_page h1.title span {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  top: 29px;
  left: 14px;
  width: 722px;
  height: 142px;
  padding: 1px;
  background: #fff center no-repeat;
  -webkit-box-shadow: 3px 3px 3px #000;
  -ms-box-shadow: 3px 3px 3px #000;
  -o-box-shadow: 3px 3px 3px #000;
  box-shadow: 3px 3px 3px #000;
}

h1.general {
  display: block;
  background: url("../img/h2bg.png") right;
  width: 720px;
  height: 32px;
  border: none;
  margin: 1em 0;
  font-size: 124%;
  font-weight: 400;
  color: #22d;
  line-height: 32px;
  letter-spacing: 0.2em;
  text-indent: 0.5em;
}
h1.general span {
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 720px;
  height: 32px;
}

h2 {
  margin: 0.5em 0;
  font-size: 93%;
  font-weight: bold;
  letter-spacing: 0.2em;
}
h2:before {
  content: "■";
}

.top-caution {
  border: 2px #dd0000 dashed;
  padding: 1em;
  margin-bottom: 1em;
}

/*----------------*
 *	index.html
 *----------------*/
#main_contents {
  float: left;
  width: 510px;
  margin-left: 20px;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}

#side_contents {
  float: right;
  width: 250px;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
  background: #ddd;
}

p#idx_concept {
  background: url("../img/motto.gif") no-repeat;
  width: image-width("../img/motto.gif");
  height: image-height("../img/motto.gif");
  -ms-background-size: cover;
  background-size: cover;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  margin: 1em;
}

#idx_news {
  margin: 0.5em 0;
}
#idx_news h1 {
  margin-bottom: 0.5em;
  background: url("../img/news.gif") no-repeat;
  width: image-width("../img/news.gif");
  height: image-height("../img/news.gif");
  -ms-background-size: cover;
  background-size: cover;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}

#idx_news ul.news {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 510px;
}
#idx_news ul.news li.news-date {
  float: left;
  margin: 0;
  padding: 0;
  width: 80px;
  text-align: right;
  padding-right: 0.5em;
}
#idx_news ul.news li.news-capt {
  float: left;
  margin: 0;
  color: #44f;
  font-weight: bold;
  width: 420px;
}
#idx_news ul.news li.news-cont {
  clear: both;
  margin: 0;
  margin-left: 80px;
  width: 420px;
  line-height: 1.5em;
}

#idx_newsmore {
  text-align: right;
}

#idx_catalogue {
  width: 230px;
  margin: 1em auto;
}
#idx_catalogue h1 {
  font: 93% bold;
  color: #000;
  border: none;
  border-left: 16px solid #88f;
  padding-left: 4px;
  margin: 0.5em 0;
}
#idx_catalogue img {
  float: left;
  padding: 0 5px 5px 0;
}

#idx_banner p {
  text-align: center;
  margin: 1em 0;
}

#idx_video {
  width: 228px;
  margin: 1em auto;
  position: relative;
}
#idx_video .youtube {
  display: block;
  width: 228px;
  height: 128px;
  position: absolute;
  top: 0;
  left: 0;
}

/*----------------*
 *	news.html
 *----------------*/
.updates h1.title span {
  background-image: url("../img/st-news.jpg");
}

#newsarticle {
  width: 640px;
}
#newsarticle ul.news {
  list-style: none;
  width: 100%;
}
#newsarticle ul.news li.news-date {
  float: left;
  width: 80px;
  text-align: right;
  padding-right: 0.5em;
}
#newsarticle ul.news li.news-capt {
  float: left;
  padding: 2px;
  color: #44f;
  font-weight: bold;
}
#newsarticle ul.news li.news-cont {
  clear: both;
  margin: 0;
  margin-left: 88px;
  line-height: 1.5em;
}
#newsarticle h1 {
  color: #008;
  font-size: 124%;
  padding: 0.25em 0;
}
#newsarticle h1.relationlink {
  border-top: 1px #888 dotted;
  padding-top: 0.5em;
}
#newsarticle h2 {
  color: #008;
  background: #eee;
  border: 1px #888 solid;
  padding: 0.25em 0.5em;
}
#newsarticle hr {
  width: 100%;
}
#newsarticle .em {
  color: #d00;
}
#newsarticle .back {
  text-align: right;
}

/*----------------*
 *	products.html
 *----------------*/
.products h1.title span {
  background-image: url("../img/st-products.jpg");
}

#relay2catalog {
  text-align: right;
}

.introduction {
  position: relative;
  width: 720px;
  height: 150px;
  min-height: 150px;
  margin: 1em 0;
}
.introduction h2 {
  width: 280px;
  text-align: right;
  color: #008;
  border-right: #008 solid 8px;
  padding-top: 4px;
  padding-right: 8px;
  line-height: 1em;
}
.introduction h2 small {
  color: #77d;
  font-size: 77%;
  font-style: italic;
}
.introduction h2 small:before {
  content: "\a";
  white-space: pre;
}
.introduction p {
  width: 280px;
}
.introduction figure {
  position: absolute;
  top: 0;
  right: 0;
  width: 500px;
  height: 142px;
  text-align: right;
  overflow: hidden;
}
.introduction figure img {
  margin-left: 20px;
}

.prod_intro p {
  min-height: 150px;
  padding-right: 220px;
  letter-spacing: 0.1em;
}

#prod_s2 p {
  background: url("../img/bgc01.jpg") no-repeat;
}

#prod_s3 p {
  background: url("../img/bgc02.jpg") no-repeat;
}

#prod_s4 p {
  background: url("../img/bgc03.jpg") no-repeat;
}

#prod_s5 p {
  background: url("../img/bgc04.jpg") no-repeat;
}

/*----------------*
 *	facilities.html	*
 *----------------*/
.facilities h1.title span {
  background-image: url("../img/st-facilities.jpg");
}

#machine_list table {
  border: none;
  border-collapse: separate;
  border-spacing: 2px;
  margin: 0 auto;
}
#machine_list table th, #machine_list table td {
  padding: 0 4px;
}
#machine_list table th {
  background: #ddd;
}
#machine_list table td {
  background: #eee;
}
#machine_list table th.mac_name {
  width: 200px;
}
#machine_list table th.mac_model {
  width: 150px;
}
#machine_list table th.mac_maker {
  width: 150px;
}
#machine_list table th.mac_num {
  width: 50px;
}
#machine_list table th.mac_note {
  width: 144px;
}
#machine_list table td.mac_note {
  font-size: 0.8em;
}
#machine_list table .mac_num {
  text-align: center;
}

#machine_figure ul {
  list-style: none;
  margin: 0 auto;
}
#machine_figure ul li {
  float: left;
  margin: 20px;
}
#machine_figure ul li figure {
  width: 200px;
}
#machine_figure ul li figcaption {
  text-align: center;
}
#machine_figure ul li img {
  width: 200px;
  height: 142px;
  -o-object-fit: contain;
     object-fit: contain;
}

/*----------------*
 *	qc.html
 *----------------*/
.qualitycontrol h1.title span {
  background-image: url("../img/st-qc.jpg");
}

.qc_intro p {
  min-height: 150px;
  padding-right: 220px;
  letter-spacing: 0.1em;
}

#qc_s1 p {
  background: url("../img/bgc05.jpg") no-repeat;
}

#qc_s2 p {
  background: url("../img/bgc06.jpg") no-repeat;
}

#qc_s3 p {
  background: url("../img/bgc07.jpg") no-repeat;
}

#qc_s4 p {
  background: url("../img/bgc08.jpg") no-repeat;
}

/*----------------*
 *	profile.html
 *----------------*/
.corporate_profile h1.title span {
  background-image: url("../img/st-profile.jpg");
}

#prof_s1 {
  overflow: hidden;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  -ms-column-gap: 20px;
  -o-column-gap: 20px;
  column-gap: 20px;
}
#prof_s1 h1 {
  -webkit-column-span: all;
  -moz-column-span: all;
  -ms-column-span: all;
  -o-column-span: all;
  column-span: all;
  background: url("../img/sb-profile1.jpg") no-repeat;
  width: image-width("../img/sb-profile1.jpg");
  height: image-height("../img/sb-profile1.jpg");
  -ms-background-size: cover;
  background-size: cover;
  display: block;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
#prof_s1 p {
  margin: 0.5em 0;
  text-indent: 1em;
}
#prof_s1 .signature {
  font-weight: bold;
  float: right;
  text-indent: 0;
  width: 150px;
  height: 70px;
  background: url(../img/signature_keitanaka.png) bottom no-repeat;
  background-size: contain;
}

#prof_s2 {
  position: relative;
}
#prof_s2 dl {
  width: 500px;
  height: 260px;
  min-height: 260px;
  border-top: 1px dotted #000;
}
#prof_s2 dl dt {
  float: left;
  width: 5em;
  line-height: 1.5em;
  padding: 2px 2px 2px 0.5em;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
#prof_s2 dl dd {
  line-height: 1.5em;
  padding: 2px 2px 2px 5.5em;
  border-bottom: 1px dotted #000;
}
#prof_s2 figure {
  position: absolute;
  top: 50px;
  right: 0;
  width: 200px;
  text-align: center;
}

#prof_s3 ul {
  padding-left: 1em;
  line-height: 1.3em;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -ms-column-count: 2;
  -o-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  -ms-column-gap: 20px;
  -o-column-gap: 20px;
  column-gap: 20px;
}
#prof_s3 aside {
  text-align: right;
}

#prof_s4 dl {
  border-bottom: 1px solid #ccc;
}
#prof_s4 dl dt {
  float: left;
  clear: left;
  width: 5em;
  line-height: 1.5em;
  padding: 2px 2px 2px 0.5em;
  border-top: 1px solid #ccc;
}
#prof_s4 dl dd {
  position: relative;
  line-height: 1.5em;
  padding: 2px 2px 2px 4em;
  margin-left: 5em;
  border-top: 1px solid #ccc;
}
#prof_s4 dl dd span {
  text-align: right;
  position: absolute;
  display: block;
  width: 3em;
  left: 0;
}

/*----------------*
 *	network.html
 *----------------*/
.network h1.title span {
  background-image: url("../img/st-network.jpg");
}

#netw_s1 dl {
  border-top: 1px dotted #000;
}
#netw_s1 dl dt {
  float: left;
  width: 5em;
  line-height: 1.5em;
  padding: 2px 2px 2px 0.5em;
}
#netw_s1 dl dd {
  line-height: 1.5em;
  padding: 2px 2px 2px 5em;
  border-bottom: 1px dotted #000;
}

#netw_s2 dl {
  border-top: 1px dotted #000;
}
#netw_s2 dl dt {
  float: left;
  width: 18em;
  line-height: 1.5em;
  padding: 2px 2px 2px 0.5em;
}
#netw_s2 dl dd {
  line-height: 1.5em;
  padding: 2px 2px 2px 18em;
  border-bottom: 1px dotted #000;
}

table.dealerlist {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
}
table.dealerlist * {
  padding: 0.3em 0;
}
table.dealerlist thead th {
  text-align: left;
  font-weight: bold;
}
table.dealerlist tfoot {
  text-align: right;
}
table.dealerlist th.name {
  width: 240px;
}
table.dealerlist th.tel, table.dealerlist th.fax {
  width: 100px;
}
table.dealerlist td {
  border: #ccc dotted;
  border-width: 1px 0;
}
table.dealerlist a.url {
  font-size: 0.8em;
}

/*----------------*
 *	job.html
 *----------------*/
.job_offer h1.title span {
  background-image: url("../img/st-job.jpg");
}

#jobs {
  width: 720px;
  margin: 1em auto;
}
#jobs nav {
  margin: 2em 0;
}
#jobs nav ul {
  padding-left: 1em;
  position: relative;
}
#jobs nav li:before {
  content: " ";
  border: transparent solid 0.3em;
  border-left-color: #000000;
  position: absolute;
  height: 0;
  width: 0;
  left: 0.6em;
  margin: 0px;
  margin-top: 0.4em;
  padding: 0px;
}
#jobs #jobs_info article {
  margin-bottom: 1em;
}
#jobs #jobs_info article > a {
  float: left;
  padding-right: 1em;
}
#jobs #jobs_info article p {
  padding-right: 2em;
}
#jobs #jobs_s1 h1,
#jobs #jobs_s2 h1 {
  color: #f11;
}
#jobs h3 {
  background-color: #ccc;
  margin: 0.5em 0;
  padding: 3px 1em;
  font-weight: bold;
}
#jobs > section {
  margin-bottom: 5em;
}
#jobs h2 + p.exp, #jobs ul {
  margin: 0 2em 1em;
  width: 540px;
}

div.skillful_list {
  padding-bottom: 1em;
}
div.skillful_list ul {
  margin-left: 2em;
}
div.skillful_list dl dt {
  display: inline;
  float: left;
  width: 5em;
  margin-top: 0 0 2px;
  font-weight: bold;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  padding: 1px 0;
}
div.skillful_list dl dd {
  margin-left: 5.5em;
  background-color: #eee;
  margin-bottom: 2px;
  padding: 1px 0.5em;
}

table.joboffer {
  border: none;
  border-collapse: separate;
  border-spacing: 2px;
}
table.joboffer tr.job_headline th {
  text-align: center;
  vertical-align: middle;
  background: #ccc;
  height: 3em;
  font-weight: bold;
}
table.joboffer th.clause {
  width: 100px;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
  vertical-align: top;
  background: #ccc;
  padding: 2px 0.5em;
  font-weight: normal;
}
table.joboffer th.clause-content {
  width: 194px;
}
table.joboffer td.clause-content {
  background: #eee;
  padding: 2px 0.5em;
}

/*----------------*
 *	contact.html
 *----------------*/
.contact_us h1.title span {
  background-image: url("../img/st-contact.jpg");
}

#contact #cont_detail {
  width: 360px;
  float: left;
}
#contact #cont_detail h1 {
  font-size: 10pt;
  font-weight: bold;
  margin: 1em 0 0.5em;
  padding: 2px;
  border-bottom: 1px solid #000;
}
#contact #cont_detail h1:before {
  content: "⯈";
  padding-right: 0.2em;
}
#contact #cont_detail p, #contact #cont_detail dl {
  margin-left: 1em;
}
#contact #cont_detail dl dt {
  float: left;
  width: 5em;
  line-height: 1.5em;
  padding: 2px 2px 2px 0.5em;
}
#contact #cont_detail dl dd {
  line-height: 1.5em;
  padding: 2px 2px 2px 5em;
  border-bottom: 1px dotted #000;
}
#contact #cont_detail hr {
  margin: 1em 0;
  border: none;
  border-bottom: 1px solid #000;
}
#contact #cont_detail .junCalendarFrame {
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
#contact #cont_form {
  width: 320px;
  float: right;
}
#contact #cont_form h1 {
  font-size: 12pt;
  font-weight: bold;
  margin: 0.5em 0;
  padding: 2px;
}
#contact #cont_form #tnk_mailform dl dt {
  margin-top: 6px;
}
#contact #cont_form #tnk_mailform input, #contact #cont_form #tnk_mailform textarea, #contact #cont_form #tnk_mailform select {
  border: 1px solid #888;
  border-radius: 3px;
  padding: 3px;
  margin-top: 3px;
  width: 100%;
}
#contact #cont_form #tnk_mailform label {
  padding: 3px;
}
#contact #cont_form #tnk_mailform .jfm_fileclear {
  margin-left: 5px;
}
#contact #cont_form #tnk_mailform #jfm_submit,
#contact #cont_form #tnk_mailform #jfm_reset {
  width: 40%;
}
#contact #cont_form #jfm_status {
  width: 100%;
}
#contact #cont_form #jfm_status #jfm_status_message {
  width: 95%;
}

/*----------------------------------------------------
	印刷用スタイル
----------------------------------------------------*/
@media print {
  * html body {
    zoom: 0.7;
  }
}