@charset "UTF-8";
/*
下層ページ用CSS
*/
/*-----------------------------------------------------------------
table
-----------------------------------------------------------------*/
#company #description table {
  font-size: 1.4rem;
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #fff;
}
#company #description table th {
  background: #e6e6e6;
  width: 230px;
  border: 1px solid #fff;
  padding: 12px;
}
#company #description table td {
  background: #f3f3f3;
  padding: 12px 25px;
  border: 1px solid #fff;
}

#company #history table {
  font-size: 1.4rem;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 12px;
  display: block;
}
#company #history table tr {
  display: block;
  overflow: hidden;
  width: 740px;
}
#company #history table tr.border {
  border-top: 1px solid #cccccc;
  padding-top: 12px;
  margin-top: 12px;
}
#company #history table th, #company #history table td {
  padding-bottom: 12px;
  float: left;
}
#company #history table th {
  vertical-align: top;
  width: 80px;
  padding: 0 0;
  font-weight: normal;
}
#company #history table td {
  padding: 0 25px;
  width: 580px;
}

/*-----------------------------------------------------------------
投稿 一覧
-----------------------------------------------------------------*/
/*-----------------------------------------------------------------
共通設定
-----------------------------------------------------------------*/
/*Pagetitle*/
.main-column {
  margin-bottom: 100px;
}

#pagetitle {
  width: 940px;
  height: 240px;
  margin: 0 auto 40px;
}

/*-----------------------------------------------------------------
list
-----------------------------------------------------------------*/
/*-----------------------------------------------------------------
お問い合わせ・プレスリリース
-----------------------------------------------------------------*/
#contact_pressrelease h3 {
  background-image: url(./img/common/icon-mail.png);
  margin-bottom: 20px;
}
#contact_pressrelease .contact-box {
  border: 15px solid #edfdf5;
  padding: 25px;
  margin-bottom: 35px;
}
#contact_pressrelease .contact-box .column {
  text-align: center;
}
#contact_pressrelease .contact-box .column:first-child {
  border-bottom: 1px solid #ccc;
  margin-bottom: 25px;
  padding-bottom: 15px;
}
#contact_pressrelease .contact-box .column strong {
  display: block;
  margin-bottom: 25px;
}
#contact_pressrelease .contact-box .column .btn01 {
  width: 420px;
  display: block;
  margin: 0 auto 15px;
}
#contact_pressrelease .contact-box .column p {
  font-size: 1.4rem;
}

/*-----------------------------------------------------------------
お問い合わせ・ご相談はこちらから
-----------------------------------------------------------------*/
#dl table, #order-confirm table,
#order-finish table,
#order-error table,
#order table, #contact_pressrelease-confirm table, #contact_pressrelease-contact table {
  border-collapse: collapse;
  table-layout: fixed;
  max-width: 100%;
  width: 100%;
}
#dl table th, #order-confirm table th,
#order-finish table th,
#order-error table th,
#order table th, #contact_pressrelease-confirm table th, #contact_pressrelease-contact table th {
  border: 1px solid #fff;
  background-color: #e6e6e6;
  width: 220px;
  font-size: 1.4rem;
  padding: 12px;
}
#dl table td, #order-confirm table td,
#order-finish table td,
#order-error table td,
#order table td, #contact_pressrelease-confirm table td, #contact_pressrelease-contact table td {
  border: 1px solid #fff;
  background-color: #f3f3f3;
  font-size: 1.4rem;
  padding: 12px;
}
#dl table input, #order-confirm table input,
#order-finish table input,
#order-error table input,
#order table input, #contact_pressrelease-confirm table input, #contact_pressrelease-contact table input {
  max-width: 100%;
}
#dl table input.short, #order-confirm table input.short,
#order-finish table input.short,
#order-error table input.short,
#order table input.short, #contact_pressrelease-confirm table input.short, #contact_pressrelease-contact table input.short {
  width: 80px;
}
#dl table textarea, #order-confirm table textarea,
#order-finish table textarea,
#order-error table textarea,
#order table textarea, #contact_pressrelease-confirm table textarea, #contact_pressrelease-contact table textarea {
  width: 100%;
}
#dl table .horizontal-item, #order-confirm table .horizontal-item,
#order-finish table .horizontal-item,
#order-error table .horizontal-item,
#order table .horizontal-item, #contact_pressrelease-confirm table .horizontal-item, #contact_pressrelease-contact table .horizontal-item {
  margin-left: 0;
}
#dl table .mwform-checkbox-field, #order-confirm table .mwform-checkbox-field,
#order-finish table .mwform-checkbox-field,
#order-error table .mwform-checkbox-field,
#order table .mwform-checkbox-field, #contact_pressrelease-confirm table .mwform-checkbox-field, #contact_pressrelease-contact table .mwform-checkbox-field,
#dl table label,
#order-confirm table label,
#order-finish table label,
#order-error table label,
#order table label,
#contact_pressrelease-confirm table label,
#contact_pressrelease-contact table label {
  min-width: 110px;
  margin: 4px 0;
  padding-right: 8px;
  display: inline-block;
}
#dl table .check-other .mwform-checkbox-field, #order-confirm table .check-other .mwform-checkbox-field,
#order-finish table .check-other .mwform-checkbox-field,
#order-error table .check-other .mwform-checkbox-field,
#order table .check-other .mwform-checkbox-field, #contact_pressrelease-confirm table .check-other .mwform-checkbox-field, #contact_pressrelease-contact table .check-other .mwform-checkbox-field,
#dl table .check-other label,
#order-confirm table .check-other label,
#order-finish table .check-other label,
#order-error table .check-other label,
#order table .check-other label,
#contact_pressrelease-confirm table .check-other label,
#contact_pressrelease-contact table .check-other label {
  min-width: 60px;
}
#dl table .address02, #order-confirm table .address02,
#order-finish table .address02,
#order-error table .address02,
#order table .address02, #contact_pressrelease-confirm table .address02, #contact_pressrelease-contact table .address02,
#dl table .address01,
#order-confirm table .address01,
#order-finish table .address01,
#order-error table .address01,
#order table .address01,
#contact_pressrelease-confirm table .address01,
#contact_pressrelease-contact table .address01 {
  margin-bottom: 4px;
}
#dl table .address02 .adressTxt, #order-confirm table .address02 .adressTxt,
#order-finish table .address02 .adressTxt,
#order-error table .address02 .adressTxt,
#order table .address02 .adressTxt, #contact_pressrelease-confirm table .address02 .adressTxt, #contact_pressrelease-contact table .address02 .adressTxt,
#dl table .address01 .adressTxt,
#order-confirm table .address01 .adressTxt,
#order-finish table .address01 .adressTxt,
#order-error table .address01 .adressTxt,
#order table .address01 .adressTxt,
#contact_pressrelease-confirm table .address01 .adressTxt,
#contact_pressrelease-contact table .address01 .adressTxt {
  display: block;
}
#dl .message, #order-confirm .message,
#order-finish .message,
#order-error .message,
#order .message, #contact_pressrelease-confirm .message, #contact_pressrelease-contact .message {
  margin: 25px 0 20px;
  text-align: center;
}
#dl .message a, #order-confirm .message a,
#order-finish .message a,
#order-error .message a,
#order .message a, #contact_pressrelease-confirm .message a, #contact_pressrelease-contact .message a {
  color: red;
}
#dl .submit, #order-confirm .submit,
#order-finish .submit,
#order-error .submit,
#order .submit, #contact_pressrelease-confirm .submit, #contact_pressrelease-contact .submit {
  text-align: center;
  margin-bottom: 30px;
}
#dl .submit input[type=submit], #order-confirm .submit input[type=submit],
#order-finish .submit input[type=submit],
#order-error .submit input[type=submit],
#order .submit input[type=submit], #contact_pressrelease-confirm .submit input[type=submit], #contact_pressrelease-contact .submit input[type=submit],
#dl .submit button[type=submit],
#order-confirm .submit button[type=submit],
#order-finish .submit button[type=submit],
#order-error .submit button[type=submit],
#order .submit button[type=submit],
#contact_pressrelease-confirm .submit button[type=submit],
#contact_pressrelease-contact .submit button[type=submit] {
  display: inline-block;
  background-color: #006835;
  text-align: center;
  font-size: 1.8rem;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  color: #fff;
  width: 190px;
  cursor: pointer;
}

#contact_pressrelease-contact h3 {
  background-image: url(./img/common/icon-mail02.png);
  margin-bottom: 20px;
}
#contact_pressrelease-contact p {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#contact_pressrelease-contact p.red {
  color: #e60012;
}

/*-----------------------------------------------------------------
お問い合わせフォーム 入力内容確認
-----------------------------------------------------------------*/
#contact_pressrelease-confirm h3 {
  background-image: url(./img/common/icon-mail02.png);
  margin-bottom: 30px;
}
#contact_pressrelease-confirm > p {
  font-size: 1.4rem;
  margin-bottom: 20px;
}

/*-----------------------------------------------------------------
お問い合わせフォーム 終了・エラー
-----------------------------------------------------------------*/
#contact_pressrelease-finish h3,
#contact_pressrelease-error h3 {
  background-image: url(./img/common/icon-mail02.png);
  margin-bottom: 30px;
}
#contact_pressrelease-finish .box,
#contact_pressrelease-error .box {
  padding: 30px;
  text-align: center;
  background: #edfdf5;
}
#contact_pressrelease-finish .box strong,
#contact_pressrelease-error .box strong {
  display: block;
  margin-bottom: 15px;
}
#contact_pressrelease-finish .box p,
#contact_pressrelease-error .box p {
  margin-bottom: 15px;
  font-size: 1.4rem;
}
#contact_pressrelease-finish .box .btn01,
#contact_pressrelease-error .box .btn01 {
  width: 210px;
  font-size: 1.4rem;
  height: 40px;
  line-height: 40px;
  background-size: 6px 11px;
  background-position: right 15px center;
}

/*-----------------------------------------------------------------
出版物お申し込みフォーム
-----------------------------------------------------------------*/
#order-confirm h3,
#order-finish h3,
#order-error h3,
#order h3 {
  background-image: url(./img/common/icon-mail02.png);
  margin-bottom: 20px;
}
#order-confirm h4,
#order-finish h4,
#order-error h4,
#order h4 {
  background-repeat: no-repeat;
  text-indent: -9999px;
  width: 740px;
  height: 72px;
}
#order-confirm h4.order-title01,
#order-finish h4.order-title01,
#order-error h4.order-title01,
#order h4.order-title01 {
  background-image: url(./img/order/order-title01.png);
}
#order-confirm h4.order-title02,
#order-finish h4.order-title02,
#order-error h4.order-title02,
#order h4.order-title02 {
  background-image: url(./img/order/order-title02.png);
}
#order-confirm p,
#order-finish p,
#order-error p,
#order p {
  font-size: 1.4rem;
  margin-bottom: 10px;
}
#order-confirm p.red,
#order-finish p.red,
#order-error p.red,
#order p.red {
  color: red;
  margin-bottom: 15px;
}
#order-confirm p:first-child,
#order-finish p:first-child,
#order-error p:first-child,
#order p:first-child {
  margin-bottom: 0;
}
#order-confirm h4,
#order-finish h4,
#order-error h4,
#order h4 {
  margin-top: 30px;
  margin-bottom: 20px;
}
#order-confirm table.magazine,
#order-finish table.magazine,
#order-error table.magazine,
#order table.magazine {
  table-layout: auto;
}
#order-confirm table.magazine th:first-child,
#order-finish table.magazine th:first-child,
#order-error table.magazine th:first-child,
#order table.magazine th:first-child {
  width: 540px;
}
#order-confirm table.magazine td,
#order-finish table.magazine td,
#order-error table.magazine td,
#order table.magazine td {
  text-align: center;
}
#order-confirm table.magazine td:first-child,
#order-finish table.magazine td:first-child,
#order-error table.magazine td:first-child,
#order table.magazine td:first-child {
  text-align: left;
}
#order-confirm table .vertical-item,
#order-finish table .vertical-item,
#order-error table .vertical-item,
#order table .vertical-item {
  display: block;
}
#order-confirm table inputtextarea, #order-confirm table input[type=text],
#order-finish table inputtextarea,
#order-finish table input[type=text],
#order-error table inputtextarea,
#order-error table input[type=text],
#order table inputtextarea,
#order table input[type=text] {
  /*width: 100%;*/
}
#order-confirm table input.short,
#order-finish table input.short,
#order-error table input.short,
#order table input.short {
  width: 100px;
}
#order-confirm table input.other,
#order-finish table input.other,
#order-error table input.other,
#order table input.other {
  width: 73%;
  margin-left: 4px;
  margin-right: 8px;
}
#order-confirm table label.disabled,
#order-finish table label.disabled,
#order-error table label.disabled,
#order table label.disabled {
  text-decoration: line-through;
}
#order-confirm table .purpose .mwform-checkbox:last-child:before,
#order-finish table .purpose .mwform-checkbox:last-child:before,
#order-error table .purpose .mwform-checkbox:last-child:before,
#order table .purpose .mwform-checkbox:last-child:before {
  content: "";
  display: block;
}
#order-confirm .message,
#order-finish .message,
#order-error .message,
#order .message {
  margin: 25px 0 20px;
  text-align: center;
}
#order-confirm .message a,
#order-confirm .message a:visited,
#order-finish .message a,
#order-finish .message a:visited,
#order-error .message a,
#order-error .message a:visited,
#order .message a,
#order .message a:visited {
  color: red;
}
#order-confirm .submit,
#order-finish .submit,
#order-error .submit,
#order .submit {
  text-align: center;
  margin-bottom: 30px;
}
#order-confirm .submit button[type=submit],
#order-finish .submit button[type=submit],
#order-error .submit button[type=submit],
#order .submit button[type=submit] {
  display: inline-block;
  background-color: #006835;
  text-align: center;
  font-size: 1.8rem;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  color: #fff;
  width: 190px;
  cursor: pointer;
}
#order-confirm .box,
#order-finish .box,
#order-error .box,
#order .box {
  padding: 30px;
  text-align: center;
  background: #edfdf5;
}
#order-confirm .box strong,
#order-finish .box strong,
#order-error .box strong,
#order .box strong {
  display: block;
  margin-bottom: 15px;
}
#order-confirm .box p,
#order-finish .box p,
#order-error .box p,
#order .box p {
  margin-bottom: 15px;
  font-size: 1.4rem;
}
#order-confirm .box .btn01,
#order-finish .box .btn01,
#order-error .box .btn01,
#order .box .btn01 {
  width: 210px;
  font-size: 1.4rem;
  height: 40px;
  line-height: 40px;
  background-size: 6px 11px;
  background-position: right 15px center;
}

/*-----------------------------------------------------------------
会社概要
-----------------------------------------------------------------*/
#company {
  margin-bottom: 50px;
}
#company h3 {
  margin-bottom: 20px;
}
#company .column {
  margin-bottom: 40px;
}
#company #description h3 {
  background-image: url(./img/company/icon-company.png);
}
#company #description table p {
  text-align: left;
  font-size: 1.4rem;
  padding: 10px 0;
}
#company #description .text {
  text-align: center;
  font-size: 1.4rem;
  padding: 15px;
}
#company #history h3 {
  background-image: url(./img/company/icon-history.png);
}
#company #greetings h3 {
  background-image: url(./img/company/icon-greetings.png);
}
#company #greetings figure {
  text-align: center;
  margin: 30px;
}
#company #greetings p {
  text-indent: 1em;
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#company #info h3 {
  background-image: url(./img/company/icon-info.png);
}
#company #info ul {
  border: 15px solid #edfdf5;
  padding: 25px;
  font-size: 1.4rem;
  font-weight: bold;
}

/*-----------------------------------------------------------------
塗料報知新聞社について
-----------------------------------------------------------------*/
#about_us h3 {
  padding: 0;
  text-align: center;
  margin-bottom: 35px;
  display: block;
  height: auto;
}
#about_us .img {
  margin-bottom: 35px;
  text-align: center;
}
#about_us dl {
  margin-bottom: 55px;
  border-top: 1px solid #dddddd;
}
#about_us dl dt {
  font-weight: bold;
  padding-top: 12px;
}
#about_us dl dd {
  font-size: 1.4rem;
  padding-bottom: 12px;
  border-bottom: 1px solid #dddddd;
}
#about_us p {
  margin-bottom: 35px;
  text-align: center;
  font-size: 1.4rem;
}
#about_us table {
  width: 455px;
  margin: 0 auto 40px;
  font-size: 1.4rem;
}
#about_us table th {
  width: 100px;
  background: #edfdf5;
  border: 5px solid #fff;
}
#about_us table td {
  border: 5px solid #fff;
}
#about_us .btns {
  text-align: center;
  margin-bottom: 20px;
}
#about_us .btns .btn01 {
  width: 290px;
  margin: 0 10px;
}
#about_us .btns .btn01 .inner {
  display: table-cell;
  font-size: 1.8rem;
  vertical-align: middle;
  line-height: 1.2;
  height: 60px;
  text-align: center;
  width: 290px;
}
#about_us .btns .btn01 span {
  font-size: 1.4rem;
}

/**
not found
*/
#notfound-page {
  text-align: center;
}
#notfound-page h3 {
  background-image: url(./img/404/icon-alert.png);
  margin-bottom: 35px;
}
#notfound-page .box {
  background-color: #edfdf5;
  padding: 35px;
}
#notfound-page .img {
  margin-bottom: 15px;
}
#notfound-page .txt {
  margin-bottom: 20px;
}
#notfound-page .btn {
  text-align: center;
}
#notfound-page .btn .btn01 {
  width: 160px;
  height: 40px;
  line-height: 40px;
  font-size: 1.4rem;
  background-size: 6px 11px;
  background-position: right 15px center;
}

/*-----------------------------------------------------------------
個人情報保護方針について
-----------------------------------------------------------------*/
#sitepolicy a,
#sitepolicy a:link,
#privacy a,
#privacy a:link {
  color: #e90000;
  text-decoration: underline;
}
#sitepolicy h3,
#privacy h3 {
  background-image: url(./img/common/icon-write.png);
  margin-bottom: 45px;
}
#sitepolicy h4,
#privacy h4 {
  border-bottom: 1px solid #cccccc;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 25px;
  font-size: 1.4rem;
}
#sitepolicy p,
#privacy p {
  margin-bottom: 25px;
  font-size: 1.4rem;
}
#sitepolicy .author,
#privacy .author {
  margin-top: 40px;
  text-align: right;
  font-size: 1.4rem;
}
#sitepolicy table,
#privacy table {
  margin: 0 auto 20px;
  text-align: center;
  width: 680px;
  border-collapse: collapse;
  font-size: 1.4rem;
}
#sitepolicy table th,
#privacy table th {
  background-color: #f3f3f3;
  width: 170px;
}
#sitepolicy table td,
#privacy table td {
  background: transparent;
  padding: 20px;
}
#sitepolicy .url,
#privacy .url {
  background: #f3f3f3;
  margin: 10px 0 30px;
  padding: 15px;
}
#sitepolicy ul,
#privacy ul {
  margin: 30px 1em;
  font-size: 14px;
}
#sitepolicy ul li,
#privacy ul li {
  list-style: disc inside;
}
#sitepolicy ol li,
#privacy ol li {
  list-style: none;
}
#sitepolicy ol ol,
#privacy ol ol {
  margin-bottom: 20px;
  font-size: 14px;
}
#sitepolicy ol ol li,
#privacy ol ol li {
  list-style: disc inside;
}

/*-----------------------------------------------------------------
サイトマップ
-----------------------------------------------------------------*/
#sitemap h3 {
  background-image: url(./img/common/icon-brush.png);
  margin-bottom: 45px;
}
#sitemap h4 {
  background: url(./img/common/icon-circle.png) left 14px no-repeat;
  border-bottom: 1px solid #cccccc;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 15px;
  margin-top: 30px;
  padding-left: 20px;
}
#sitemap ul {
  display: flex;
  line-height: 1;
  vertical-align: middle;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1.4rem;
}
#sitemap ul.single-line {
  display: block;
}
#sitemap ul.single-line li {
  display: block;
}
#sitemap ul li {
  display: inline-block;
  width: 320px;
  background: url(./img/common/arrow-right01.png) 2px center no-repeat;
  padding-left: 14px;
  margin-bottom: 10px;
}

/*-----------------------------------------------------------------
リンク
-----------------------------------------------------------------*/
#link h3 {
  background-image: url(./img/common/icon-brush.png);
  margin-bottom: 45px;
}
#link dl {
  font-size: 1.4rem;
  margin-bottom: 50px;
}
#link dl dt {
  background: url(./img/common/icon-circle.png) left center no-repeat;
  border-bottom: 1px solid #cccccc;
  padding-top: 12px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 30px;
  padding-left: 20px;
  font-size: 1.6rem;
}
#link dl dt:first-child {
  margin-top: 0;
}
#link dl dd {
  background: url(./img/common/arrow-right01.png) 2px center no-repeat;
  padding-left: 14px;
  font-size: 1.5rem;
}

/*-----------------------------------------------------------------
英語
-----------------------------------------------------------------*/
#eng {
  font-size: 1.4rem;
  word-break: break-all;
}
#eng a {
  color: #006835;
}
#eng h1 {
  text-align: center;
  margin-bottom: 30px;
}
#eng h2 {
  text-align: center;
  margin-bottom: 40px;
}
#eng h3 {
  margin-bottom: 20px;
  font-size: 1.8rem;
}
#eng .company {
  margin-bottom: 30px;
}
#eng .company h3 {
  background-image: url(./img/common/icon-building.png);
}
#eng .service {
  overflow: hidden;
  margin-bottom: 20px;
}
#eng .service h3 {
  background-image: url(./img/common/icon-newspaper.png);
}
#eng .service p {
  width: 330px;
  float: left;
}
#eng .service .img {
  float: right;
}
#eng .issue {
  margin-bottom: 40px;
}
#eng .data {
  margin-bottom: 30px;
}
#eng .data h3 {
  background-image: url(./img/common/icon-data.png);
}
#eng .contact h3 {
  background-image: url(./img/common/icon-mail02.png);
}

/*-----------------------------------------------------------------
資料ダウンロード
-----------------------------------------------------------------*/
#dl h3 {
  background-image: url(./img/common/icon-mail02.png);
  margin-bottom: 20px;
}
#dl p {
  margin-bottom: 10px;
  font-size: 1.4rem;
}
#dl p.red {
  color: #e60012;
}
#dl .acceptance {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 30px;
}
#dl .ajax-loader {
  display: block;
  margin: 1em auto;
}
#dl .scroll {
  width: 100%;
  height: 300px;
  overflow-y: auto;
  margin-top: 30px;
  margin-bottom: 30px;
  border: 1px solid #ccc;
}
#dl .scroll .inner {
  width: 100%;
  background-color: #fff;
  padding: 20px;
}
#dl .scroll h3 {
  margin-top: 0;
  background: none;
  padding-left: 0;
  margin-bottom: 0;
}
#dl .scroll h4 {
  margin-top: 16px;
}
#dl .scroll ul {
  margin-top: 1em;
  padding-left: 1.6em;
}
#dl .scroll ul li {
  font-size: 1.4rem;
  list-style-position: outside;
}
#dl .wpcf7-textarea {
  height: 100px;
}
#dl .wpcf7-checkbox .wpcf7-list-item {
  display: block;
}
#dl .submit input[type=submit]:disabled,
#dl .submit button[type=submit]:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
#dl .submit input[type=submit]:hover,
#dl .submit button[type=submit]:hover {
  opacity: 0.65;
}
#dl .link {
  text-align: center;
  margin-bottom: 30px;
}
#dl .link a {
  display: inline-block;
  background-color: #006835;
  text-align: center;
  font-size: 1.8rem;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  color: #fff;
  width: 190px;
  cursor: pointer;
}
#dl .link a:hover {
  opacity: 0.65;
}