@charset "Shift_JIS";
/* --- パンくずリスト --- */
div#page-navi p#pankuzu {
  margin: 0 0 10px 0;
  padding: 0;
}
a {
  color: #000000;
}
a:hover {
  color: #ff0000;
}
/* --- h1 --- */
h1#main_obi {
  width: 530px; /* ページの幅 */
  margin: 0 10px 0 0;
  background-color: #ffffff; /* メインカラムの背景色 */
  float: left;
  margin-bottom: 60px;
}
/* --- 左枠 --- */
#main_contents #main_left { /* width: 530px; */ /* ページの幅 */ margin: 10px 10px 0 0;
  background-color: #ffffff; /* メインカラムの背景色 */ /* float: left; */ margin-bottom: 0;
}
/* --- 左枠テーブル --- */
div.tb_waku {
  width: 510px; /* ページの幅 */
  margin: 10px 10px 20px 0; /* マージン */
  padding: 10px;
  border: 1px #cccccc solid; /* 枠 */
  float: left;
}
div.tb_waku div.obi {
  width: 330px; /* 帯の幅 */
  margin: 0 0 0 -20px;
  padding: 0 0 12px 0;
  float: left;
  background: url(../img/div_frame.gif) no-repeat 0 0;
}
h2 {
  font-size: 116%;
  height: 28px; /* 帯の高さ */
  margin: 0;
  padding: 12px 10px 3px 15px; /* 枠 */
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  background-color: #f9be00; /* 帯色 */
}
div.tb_waku div.obi h2 span {
  float: right;
  font-size: 90%;
  color: #ffffff;
  height: 15px; /* 帯の高さ */
  margin-top: -3px;
  padding: 4px 5px 6px 5px;
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  background-color: #ff6600; /* 帯色 */
}
div.tb_waku p {
  margin: 0;
  padding: 0;
  float: left;
}
div.tb_waku .link {
  margin-top: 5px;
  padding: 0;
  float: right;
}
div.tb_waku .link p {
  margin: 0 0 0 0;
  padding: 0 0 2px 17px;
  float: right;
  background: url(../img/li_blue.gif) no-repeat 3px 0.25em;
}
div.tb_waku .link02 {
  width: 500px; /* 帯の幅 */
  margin-top: 10px;
  padding: 0;
  float: left;
}
div.tb_waku .link02 p {
  margin: 0 0 0 0;
  padding: 0 0 2px 17px;
  float: left;
  background: url(../img/li_blue.gif) no-repeat 3px 0.25em;
}
/* --- h1 --- */
#header_title {
  background-color: #99ccff; /* ヘッダの背景色 */
  height: 30px;
  color: #000000;
  font-size: 12px;
}
#header_title h1 {
  font-size: 125%;
  width: 500px; /* ページの幅 */
  position: relative;
  margin: 5px 0 0 15px;
  padding: 0 0 0 0;
}
/* --- h2 --- */
h2.sub_obi {
  margin: 0 0 0 0;
  padding: 0 0 33px 0;
  border: 1px #cccccc solid; /* 枠 */
  background: url(../img/div_frame.gif) no-repeat 0 0;
}
/* --- h3 --- */
h3 {
  width: 95%; /* ページの幅 */
  margin: 20px 0 7px 0;
  padding: 0 0 0 25px;
  float: left;
  background: url(../img/li_clip.gif) no-repeat 0 0.15em;
  border-bottom: 1px #999999 dashed; /* 枠 */
}
/* --- h4 --- */
h4 {
  width: 95%; /* ページの幅 */
  margin: 0 0 7px 0;
  padding: 0 0 0 0;
  float: left;
}
h4 span {
  padding: 0 0 0 15px;
  border-bottom: 1px #999999 dotted; /* 枠 */
  background: url(../img/bt_ball.gif) no-repeat 0 0.5em;
}
/* --- テキスト --- */
div.tb_waku p {
  width: 100%;
  float: left;
}
div.tb_waku p span {
  margin: 15px 5px 10px 0;
  padding: 5px 6px 3px 6px;
  float: left;
  border: 2px #ff6600 solid; /* 枠 */
}
/* --- お問合せ枠 --- */
div#info_waku_app {
  width: 700px;
  margin: 20px 5px 10px 0;
  padding: 5px 6px 3px 6px;
  float: left;
  border: 1px #ff6600 solid; /* 枠 */
}
div#info_waku_app .link02 p {
  margin: 0 0 0 0;
  padding: 0 0 2px 17px;
  float: left;
  background: url(../img/li_blue.gif) no-repeat 3px 0.25em;
}
div#info_waku_qanda {
  width: 728px;
  margin: 10px 5px 30px 0;
  padding: 5px 6px 3px 6px;
  float: left;
  border: 1px #ff6600 solid; /* 枠 */
}
/* --- フリーコール --- */
div.tb_waku div.free_call {
  width: 300px;
  height: 34px;
  float: left;
  background: url(../img/li_free.gif) no-repeat 0 0;
}
div.tb_waku div.free_call p {
  font-size: 112%;
  margin: 7px 0 0 25px;
  padding: 0 0 0 20px;
  color: #ff6600;
  font-weight: bold;
}
/* --- 右枠 --- */
#main_contents #main_right {
  width: 200px; /* ページの幅 */
  margin: 10px 2px 0 10px; /* マージン */
  background-color: #ffffff; /* メインカラムの背景色 */
  float: left;
}
/* --- 右枠バナー --- */
#main_contents #main_right .tx-banner {
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  width: 180px; /* 幅 */
  padding: 13px 10px 10px 10px; /* マージン */
  background-color: #ffffff; /* メインカラムの背景色 */
  border: 1px #cccccc solid; /* 右の境界線 */
  float: left;
  margin-bottom: 10px;
  background: url(../img/bt_info.gif) no-repeat 160px 16px;
}
#main_contents #main_right a {
  color: #000000;
}
#main_contents #main_right .tx-banner02 {
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  width: 180px; /* 幅 */
  padding: 13px 10px 10px 10px; /* マージン */
  background-color: #ffffff; /* メインカラムの背景色 */
  border: 1px #cccccc solid; /* 右の境界線 */
  float: left;
  margin-bottom: 10px;
  background: url(../img/bt_cluboff.gif) no-repeat 160px 8px;
}
div#main_right .tx-banner-adobe {
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  width: 180px; /* 幅 */
  padding: 13px 10px 10px 10px; /* マージン */
  background-color: #ffffff; /* メインカラムの背景色 */
  border: 1px #cccccc solid; /* 右の境界線 */
  float: right;
  margin-bottom: 10px;
  background: url(../img/bt_adobe.gif) no-repeat 160px 18px;
}
#main_contents #main_right .tx-banner:hover, #main_contents #main_right .tx-banner02:hover, div#main_right .tx-banner-adobe:hover {
  border: 1px #ff6600 solid; /* ロールオーバー時枠線色 */
  color: #ff0000;
}
#main_contents #main_right .tx-banner:visited, #main_contents #main_right .tx-banner02:visited, div#main_right .tx-banner-adobe:visited {
  color: #000000;
}
/* --- 右枠テキストリンク --- */
#main_contents #main_right ul#link {
  width: 180px; /* 幅 */
  margin: 10px 0 0 0;
  padding: 0;
  float: left;
}
#main_contents #main_right ul li {
  margin: 0 0 10px 0;
  padding: 0 0 10px 22px;
  list-style-type: none;
  padding: 0;
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  background: url(../img/li_orange.gif) no-repeat 3px 0.1em;
}
#main_contents #main_right ul li a {
  color: #000000;
  margin: 10px 0 20px 0;
  padding: 5px 0 10px 15px;
}
#main_contents #main_right ul li a:hover {
  color: #ff0000;
  margin: 10px 0 20px 0;
  padding: 5px 0 10px 15px;
}
/* --- 下層ページ補足 --- */
ul#follow {
  width: 680px; /* 幅 */
  margin: 0 0 5px 22px;
  float: left;
  padding: 0;
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
ul#follow li {
  margin: 0 0 7px 0;
  padding: 0;
  float: left;
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
}
/* 下層ページ */
#main_contents #main_sub {
  width: 720px; /* ページの幅 */
  margin: 0 10px 0 0;
  padding: 0;
  background-color: #ffffff; /* メインカラムの背景色 */
  float: left;
}
.tx-small {
  width: 90%; /* ページの幅 */
  font-size: 86%;
  margin-left: 10px !important;
}
.strong {
  font-weight: bold;
}
.tx-orange {
  color: #ff6600;
  font-weight: bold;
}
p.tx-brown {
  margin: 0;
  padding: 0;
  color: #330000;
  font-weight: bold;
}
/* 下層ページ-明細部分 */
#meisai {
  width: 720px; /* ページの幅 */
  margin: 0;
}
#meisai #meisai_left {
  width: 250px; /* ページの幅 */
  margin: 0 0 0 0;
  background-color: #ffffff; /* メインカラムの背景色 */
  float: left;
}
#meisai #meisai_right {
  width: 460px; /* ページの幅 */
  margin: 10px 0 15px 0; /* センタリング */
  background-color: #ffffff; /* メインカラムの背景色 */
  float: left;
}
/* --- 下層テーブル --- */
#main_contents #main_sub div.tb_waku {
  width: 100%; /* ページの幅 */
  margin: 10px 10px 20px 0; /* マージン */
  padding: 10px;
  border: 1px #cccccc solid; /* 枠 */
  float: left;
}
#main_contents #main_sub div.tb_waku table.table-design {
  width: 100%;
  margin-top: 10px;
  border: solid 1px #91b5de;
  padding: 0;
}
#main_contents #main_sub div.tb_waku table.table-design th {
  padding: 6px 10px;
  background-color: #0066cc;
  border: solid 1px #91b5de;
  color: #ffffff;
  font-weight: normal !important;
}
#main_contents #main_sub div.tb_waku table.table-design th.lv2 {
  background-color: #c8daee;
  color: #333333;
  vertical-align: top;
}
#main_contents #main_sub div.tb_waku table.table-design td {
  padding: 6px 10px;
  background-color: #ffffff;
  border: solid 1px #91b5de;
  color: #000000;
  font-weight: normal !important;
}
#main_contents #main_sub div.tb_waku table.table-design td.lv2 {
  background-color: #ffffff;
  color: #333333;
  vertical-align: top;
}
#main_contents #main_sub div.tb_waku table.table-design td.center {
  text-align: center;
}
/* --- 下層テーブル枠無 --- */
#main_contents #main_sub div.tb_waku table.table-design-none {
  width: 100%;
  text-align: left;
  padding-top: 15px;
}
#main_contents #main_sub div.tb_waku table.table-design-none th {
  padding: 6px 10px;
  background-color: #ccffff;
  color: #000000;
  font-weight: bold !important;
  text-align: left;
}
#main_contents #main_sub div.tb_waku table.table-design-none td {
  padding: 6px 10px 20px 10px;
  background-color: #ffffff;
  color: #ff0000;
  font-weight: bold !important;
  vertical-align: top;
}
#main_contents #main_sub div.tb_waku table.table-design-none td p.answer {
  background-color: #ffffff;
  color: #000000;
  font-weight: normal !important;
  vertical-align: top;
}
/* --- 下層バナー --- */
#main_contents #main_sub #area01, #main_contents #main_sub #area02, #main_contents #main_sub #area03, #main_contents #main_sub #area04, #main_contents #main_sub #area05 {
  width: 720px; /* 幅 */
  padding: 13px 10px 10px 10px; /* マージン */
}
#main_contents #main_sub .tx-banner {
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  width: 180px; /* 幅 */
  padding: 13px 10px 10px 10px; /* マージン */
  margin-top: 10px;
  background-color: #ffffff; /* メインカラムの背景色 */
  border: 1px #cccccc solid; /* 右の境界線 */
  float: left;
  margin-bottom: 10px;
  background: url(../img/bt_net.gif) no-repeat 160px 8px;
}
#main_contents #main_sub .tx-banner02 {
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  width: 180px; /* 幅 */
  padding: 13px 10px 10px 10px; /* マージン */
  margin-top: 10px;
  background-color: #ffffff; /* メインカラムの背景色 */
  border: 1px #cccccc solid; /* 右の境界線 */
  float: left;
  margin-bottom: 10px;
  background: url(../img/bt_file.png) no-repeat 160px 8px;
}
#main_contents #main_sub .tx-banner03 {
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  width: 180px; /* 幅 */
  padding: 13px 10px 10px 10px; /* マージン */
  margin-top: 10px;
  background-color: #ffffff; /* メインカラムの背景色 */
  border: 1px #cccccc solid; /* 右の境界線 */
  float: left;
  margin-bottom: 10px;
  background: url(../img/bt_mail.png) no-repeat 160px 8px;
}
#main_contents #main_sub .tx-banner04 {
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  width: 180px; /* 幅 */
  padding: 13px 10px 10px 10px; /* マージン */
  margin-top: 10px;
  background-color: #ffffff; /* メインカラムの背景色 */
  border: 1px #cccccc solid; /* 右の境界線 */
  float: left;
  margin-bottom: 10px;
  background: url(../img/bt_contact.png) no-repeat 160px 8px;
}
#main_contents #main_sub .tx-banner:hover, #main_contents #main_sub .tx-banner02:hover, #main_contents #main_sub .tx-banner03:hover, #main_contents #main_sub .tx-banner04:hover {
  border: 1px #ff6600 solid; /* ロールオーバー時枠線色 */
  color: #ff0000;
}
/* --- Anchor --- */
ul.anchor {
  margin-top: 0;
  padding: 0;
}
ul.anchor li {
  float: left;
  white-space: nowrap;
  list-style-type: none;
  margin: 10px 15px 0 0;
  padding-left: 20px;
  background: url(../img/li_blue_under.gif) no-repeat 0 0.5em;
}
/* --- Anchor --- */
#privacy {
  width: 780px; /* 幅 */
  margin: 0;
  padding: 0;
  float: left;
}
#privacy ul#link02 {
  width: 130px; /* 幅 */
  list-style-type: none;
  padding: 0;
  float: left;
  font-family: "Meiryo UI", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
  float: right;
  background: url(../img/li_orange.gif) no-repeat 3px 0.1em;
}
#privacy ul#link02 li.text2 {
  font-size: 12px;
  margin: 0;
  padding: 0 0 0 17px;
}
/*WEB請求書QA*/
html {
  overflow-y: scroll;
}
.qa_page a:hover, .qa_page input:hover {
  opacity: 0.6;
  color: #000;
}
.emph01 {
  border-bottom: dashed 2px #00a1e9;
  line-height: 2em;
}
.qa_page .qa {
  margin-top: 40px;
}
/*小見出し*/
.qa_page .s_title01 {
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0px;
  font-size: 12px;
}
.qa_page .s_title01:before, .qa_page .s_title01:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 2px;
  content: '';
  border-top: solid 2px #9cf;
  border-bottom: solid 2px #9cf;
}
.qa_page .s_title01:before {
  left: 0;
}
.qa_page .s_title01:after {
  right: 0;
}
.qa_page .note01 {
  margin-bottom: 20px;
  margin-top: 60px;
}
.qa_page .note02 {
  margin-top: 30px;
}
.qa_page .contact {
  margin-bottom: 0;
  margin-top: 0;
  margin-left: 0;
  padding-left: 0;
}
.qa_page .contact dt:before {
  content: "● ";
}
.qa_page .contact dd {
  margin-left: 17px;
  margin-bottom: 15px;
}
.qa_page #main_contents #main_sub {
  margin-bottom: 50px;
}
.qa_page .lead {
  margin-top: 30px;
  margin-bottom: 10px;
}
.qa_page ul {
  list-style: none;
}
/*アコーディオン*/
.qa_page .q_detail {
  display: none;
}
.qa_page .category {
  position: relative;
  font-size: 116%;
}
.qa_page .category:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 20%;
  display: block;
  width: 6px;
  height: 6px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.qa_page .category.open:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20%;
}
.qa_page .category {
  margin-top: 30px;
  font-weight: bold;
  border-bottom: solid #ccc 1px;
  padding-bottom: 15px;
  margin-bottom: 25px;
  padding-left: 10px;
}
.qa_page .q_detail {
  padding-left: 20px;
  margin-bottom: 70px;
  position: relative;
  font-size: 100%;
}
.qa_page #main_sub > .q_detail {
  padding-bottom: 30px;
}
.qa_page .q_detail li {
  margin-right: 20px;
  font-size: 116%;
  margin-left: 2em;
  margin-bottom: 15px;
  font-weight: bold;
}
.qa_page .q_detail li:before {
  content: "Q.";
  display: inline-block;
  padding-right: 0.5em;
  margin-left: -1.5em;
  font-size: 1.2em;
  color: #99ccff;
}
.qa_page .q_detail .q_detail {
  margin-bottom: 60px;
  margin-top: 5px;
  padding-left: 0;
}
.qa_page .q_detail .q_detail li {
  font-size: 100%;
  font-weight: normal;
  color: #333;
}
.qa_page .q_detail .q_detail li:before {
  content: "A.";
}
.qa_page .ways_contact, .qa_page .ways_contact th, .qa_page .ways_contact td {
  border: 1px solid #dcdcdc;
}
.qa_page .ways_contact {
  border-collapse: collapse;
  margin-top: 5px;
  width: 100%;
}
.qa_page .ways_contact th {
  background: #F5F5F5;
  padding: 15px;
  width: 13em;
  font-weight: normal;
}
.qa_page .ways_contact td {
  padding: 7px;
}
.qa_page .ways_contact ul {
  padding-left: 0;
}
.qa_page .ways_contact li {
  position: relative;
  padding-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}
/*矢印*/
.qa_page .ways_contact li::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #9cf;
  border-right: solid 2px #9cf;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -4px;
}
.qa_page input[type="submit"] {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: none;
  background-color: transparent;
  font-size: 0.95em;
  font-family: "Meiryo";
  padding-left: 0;
  text-decoration: underline;
}
/* Margin */
.mt05 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.info-webmeisai {
  margin-left: 20px !important;
}
/* clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}
@media screen and (max-width: 550px) {
  .qa_page input[type="submit"] {
    font-size: 1em;
  }
  .qa_page #main_contents #main_sub, .qa_page #main_sub .s_title01, .qa_page input[type='submit'], .qa_page .q_detail li, .qa_page .ways_contact th {
    font-size: 16px;
  }
  .qa_page .category {
    font-size: 100%;
  }
  .TITLE_IMG_POSITION {
    display: none;
  }
  .qa_page .q_detail li {
    margin-left: 1em;
  }
  .qa_page .q_detail .q_detail li {
    margin-right: 0;
  }
  /**/
  .qa_page #container {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .qa_page #main_contents #main_sub {
    width: 100%;
  }
  .qa_page #header_title {
    height: auto;
  }
  .qa_page #header_title h1 {
    width: auto;
    font-size: 16px;
  }
  .qa_page #main_contents {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
  .qa_page .contact dd {
    margin-left: 0;
  }
  .qa_page .ways_contact td, .qa_page .ways_contact th {
    display: block;
  }
  .qa_page .ways_contact td {
    width: calc(100% - 14px);
  }
  .qa_page .ways_contact td ul li span {
    display: block;
  }
  .qa_page .ways_contact th {
    width: calc(100% - 30px);
  }
}