@charset "UTF-8";
/*
全体の設定
-------------------------*/
body, h1, h2, dl, dt, dd, ul, li, p {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#container {
  margin: 0 auto;
  font-family: YuGothicM;
  width: 980px;
  font-family: 'Noto Sans JP','Roboto', sans-serif;
}

.sp {
  display: none !important;
}

/*
見出し
-------------------------*/
h1#news {
  font-size: 1.2em;
  letter-spacing: 0.05em;
  color: #000099;
  text-align: center;
  margin: 0 0 24px 0;
}

/*
ヘッダーエリア
-------------------------*/
#update {
  font-size: 1.05em;
  line-height: 1.4em;
  text-align: right;
  margin: 0 0 20px 0;
  width: 980px;
}

p .dear {
  margin-bottom: 20px;
}

p .syomei-top {
  text-align: right;
  margin-bottom: 45px;
}

/*
本文外枠
-------------------------*/
div.messageouter {
  border-bottom: 1px dotted #AAAAAA;
  margin: 0 0 10%;
}

div.messageouter:nth-last-of-type(1) {
  border-bottom: none;
  margin: 0 0 15%;
}

/*
コメントエリア
-------------------------*/
#comment-area {
  font-size: 1.05em;
  line-height: 1.7em;
  margin: 0 auto 64px;
  letter-spacing: 0.05em;
  width: 980px;
}

#comment-area strong {
  display: block;
  text-align: center;
  font-size: 1.4em;
}

#comment-area strong.important-ttl {
  color: #FF0000;
}

#comment-area .layout2 {
  line-height: 3em;
  width: 600px;
}

#comment-area .layout2 #syomei {
  margin-top: 45px;
}

#comment-area .layout2 p.indent {
  text-indent: -1em;
  margin-left: 1em;
}

.comment-area-inner {
  display: block;
  margin: 0 auto;
  width: 78%;
}

.att-back {
  display: block;
  border: 1px solid #888;
  background-color: #F2F2F2;
  width: 86%;
  margin: 0 auto;
  padding: 2%;
  font-weight: bold;
  border-radius: 0.3em;
}

p.text-center {
  text-align: center;
}

#syomei {
  text-align: right;
  margin-top: 20px;
}

p.indent {
  text-indent: -2.8em;
  margin-left: 2.5em;
  margin-bottom: 1em;
}

p.company-data {
  text-align: right;
  margin: 0 0 60px;
}

/*
訂正文エリア
-------------------------*/
#correctErrorArea {
  font-size: 0.9em;
  line-height: 1.4em;
  margin-top: 20px;
}

/*
表組み用
-------------------------*/
table#solarTable {
  border: 1px solid #000;
  border-collapse: collapse;
  margin: 4px 0 0 0;
}

table#solarTable td {
  font-size: 0.9em;
  padding: 7px;
  margin: 0px;
  border: 1px solid #000;
  border-collapse: collapse;
}

td.solarTableMidashi {
  text-align: center;
  font-weight: bold;
}

/*
インフォメーションエリア
-------------------------*/
#info-area {
  margin: 24px 0 24px 0;
}

#info-area dl {
  margin: 0 0 24px 0;
}

#info-area dd {
  font-size: 0.8em;
  line-height: 1.6em;
  margin: 0 0 0 20px;
}

#info-area dt {
  font-weight: bold;
  font-size: 1em;
}

#info-area a {
  margin: 0 0 0 20px;
}

.correctErrorMain {
  float: left;
}

/*
見出し　フォーム用
-------------------------*/
h1#news-form {
  font-size: 1.2em;
  letter-spacing: 0.05em;
  color: #000099;
  border-bottom: 1px solid #808080;
  margin: 0 0 4px 0;
}

#form-info {
  font-size: 0.8em;
  line-height: 1.4em;
  margin: 0 0 16px 0;
}

/*
履歴部分パディング
-------------------------*/
dl#rireki {
  padding: 60px 0 50px 0;
}

h2 .midashi {
  font-size: 1.2em;
}

h2 .extra {
  padding-top: 40px;
}

dl.atten dt, dd {
  padding: 10px 0 0 0;
  line-height: 1.4em;
}

dl.atten dd span {
  font-weight: bold;
  font-size: 1.2em;
}

dl.atten dd .attenExam {
  padding: 10px 0 0 30px;
}

/*
製品画像
-------------------------*/
.products {
  clear: both;
}

.productsPics {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

#productsPicsAu1 {
  margin-left: 38px;
}

#productsPicsAu2 {
  margin-left: 74px;
  margin-right: 15px;
}

#productsPicsFo2 {
  margin-left: 69px;
}

/*
お問い合わせ先　共通
-------------------------*/
address {
  font-size: 1.0em;
  line-height: 1.6em;
  font-style: normal;
  border-top: 1px solid #808080;
}

address p .midashi {
  font-weight: bold;
  margin: 16px 0 0 0;
}

address p .address-comment {
  margin: 16px 0 16px 0;
}

/*
ページの先頭へ戻る
-------------------------*/
#back {
  font-size: 0.8em;
  text-align: right;
  padding: 8px;
  border-top: 1px solid #808080;
}

/*
旧ページからの流れ
-------------------------*/
.ao {
  font-weight: normal;
  color: #3399FF;
  line-height: 1.2em;
}

.text08 {
  font-size: 0.8em;
  line-height: 1em;
}

.link {
  letter-spacing: 0.05em;
  line-height: 1.6em;
}

.cate-cap {
  font-size: 0.8em;
  color: #FFFFFF;
}

.cate-atn {
  font-size: 0.8em;
  line-height: 1.2em;
}

.atn-color {
  color: #0066FF;
}

.table-txt {
  font-size: 0.8em;
}

.return-txt {
  font-size: 0.8em;
  line-height: 1.2em;
}

.cap-color {
  color: #FFFFFF;
}

.img-border {
  border-style: solid solid solid solid;
  border-width: 1px 1px 1px 1px;
  border-color: #CCC;
}

.no-text {
  font-size: 0.8em;
  line-height: 1.6em;
}

p.no-text {
  margin: 0px 0px 0px 0px;
}

.form-img {
  clear: both;
  margin: 4px 4px 4px 32px;
}

#aplPhoto {
  clear: both;
}

.aplPhotoArea {
  float: left;
  margin: 10px 20px 10px 0;
  text-align: center;
  font-size: 0.9em;
  font-weight: bold;
}

.aplText {
  clear: both;
  font-size: 1.1em;
  line-height: 1.6em;
  margin: 0 0 7px 0;
}

#formBnr {
  margin: 6px 0 6px 0;
}

h2 {
  margin: 20px 0 5px;
}

#henpin {
  font-size: 0.9em;
}

ul.pt-a {
  padding: 0 0 0 1em;
}

ul.pt-a li {
  text-indent: -1em;
  margin: 0 0 0 1em;
}

ul.pt-a li span {
  margin: 0 0 0 6.2em;
}

body div.messageouter span.red {
  margin: 0;
  color: #FF0000;
  text-indent: 0;
  margin: 0;
  padding: 0;
  display: inline;
}

ul.pt-b {
  padding: 0 0 0 1em;
}

ul.pt-b li {
  text-indent: -1em;
  margin: 0 0 0 1em;
}

ul.pt-b li span {
  display: block;
  margin: 0;
  text-indent: -1em;
  padding: 0 0 0 1em;
}

p.regards {
  text-align: right;
}

div.jigyou {
  margin: 8% 0 5%;
}

div.jigyou li {
  list-style-type: none;
  float: left;
  margin: 0 0 0.5%;
}

div.tenji li {
  list-style-type: none;
  float: left;
  margin: 0 0 0.5%;
}

div.jigyou p, .tenji p {
  margin: 0 0 1%;
}

div.jigyou li {
  width: 33%;
}

div.tenji li {
  width: 50%;
}

div.account {
  border: 3px solid #333333;
  padding: 3%;
  width: 80%;
  margin: 4% auto 2%;
  line-height: 1.6;
}

div.account img {
  vertical-align: -5px;
  margin: 0 -7px 0 3px;
}

div.account span.bold {
  font-weight: bold;
}

div.account span.att {
  font-size: 0.95em;
}

div.account hr {
  border-color: #333333;
  margin: 20px 0;
}

/* 枠無しテーブル */
.address-table td {
  text-align: left;
  padding: .5em 1em;
}

/* doubtsite.html */
#doubtsite {
  width: 855px;
}

#doubtsite #comment-area {
  width: 855px;
}

.important-txt {
  color: #FF0000;
}

/* 詳細内容 */
.detail-data {
  margin: 65px auto 0;
  width: 90%;
  border: 1px solid #999;
  padding: 2%;
}

.detail-data p {
  text-indent: -1em;
  margin-left: 1em;
  margin-bottom: 0.3%;
}

.red-att {
  color: #FF0000;
  font-weight: bold;
}

.clfx:after {
  content: "";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}