/*********************************************/
/*オンラインマニュアルで使用する*/
/********************************************/

body{
  background-color: #ffffff
  color:#333333;
  font-size: 13px;
  width:800px;
  font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  text-decoration: none;
  text-align: left;
}

a{
  text-decoration: none;
}

p{
  margin-top: 0px;
  margin-bottom: 1px;
}

/*オンラインマニュアルのタイトル*/
.top{
  background-color: #e1e1e1;
　text-align: left;
  padding-left: 3px;
  margin-left: 12px;

}

/*タイトル文字*/
.topf{
  font-size: 14px;
  font-weight: bold;
  color:#ff6633;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  margin-left: 12px;
  background-color: #e1e1e1;
}



/*機能の簡単な紹介*/
.des{
　text-align: left;
  padding-left: 3px;
  margin-left: 12px;
  margin-bottom: 30px;
  border:solid 1px #e1e1e1;
  padding-right: 2px;
}

/*機能の簡単な紹介 注意点など*/
.des_r{
　text-align: left;
  padding-left: 3px;
  padding-bottom: 30px;
  margin-left: 12px;
  margin-bottom: 30px;
  background-color: #ffeeee;
}

.des_p{
  padding-top: 1px;
  padding-bottom: 3px;
  padding-left: 2px;
}
p.des_pb{
  padding-top: 1px;
  padding-left: 2px;
  font-weight: bold;
}

/*説明内容のタイトル部*/
.des_pt{
  padding-top: 1px;
  padding-bottom: 3px;
  padding-left: 2px;
  font-weight: bold;
  font-size: 15px;
  color: #ff6633;
}

.des_pr{
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 5px;

}

/*作成方法の画像用*/
.sa{
  margin-left: 12px;
}


/*ページの先頭へ*/
.p_right{
  text-align: right;
}

table.w{
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-collapse:collapse;
  margin-left: 12px;
}

table.a{
  width: 95%;
  text-align: left;
  text-decoration: none;
  border-collapse:collapse;
  margin-left: 5px;
  /*margin-bottom: 5px;*/
  font-size: 13px;
  border-collapse: collapse; /*セルの線を重ねる*/
  background-color: #f8f9fa;

}

td.a{
  border: solid 1px #a2a9b1;
}

tr.a{
  border: solid 1px #a2a9b1;
}

/*説明内容欄内での注意書き*/

table.tyui_r{ /*通常はこっちを利用*/
  width: 95%;
  margin-left: auto;
  margin-right: auto;
  background-color: #ffeeee;
  font-size: 13px;
  margin-bottom: 10px;
}

td.tyui_r{
  font-size: 13px;
  text-align: left !important;
}

tr.tyui_r{
  font-size: 13px;
  text-align: left;
}

/****/

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

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

table.tyui_r2{　/*table内にプラスtableを入れ込む場合に使用*/
  width: 95%;
  background-color: #ffeeee;
  font-size: 13px;
}

/*※印を使用する場合など*/
td.tyui_r2{
  font-size: 13px;
  vertical-align: top;
  width: 16px;
}

tr.tyui_r2{
  font-size: 13px;
  vertical-align: top;
}

/****************************************/

.boxwh {
    padding: 3px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 15px;
    color: #2c2c2f;
    font-size: 13px;
    width: 800px;
    text-align: center;
}

.subtitle{    /*インフォメーションのサブタイトルで使用する*/
  width: 800px;
  text-align: left;
  align: center;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px; /*タイトルブロックから下の幅*/
  /*background: #d8d8d8;*/
  margin-left: 5px;
  font-size: 15pt;
  font-weight: bold; /*文字を太字に*/
  border-bottom: solid 3px #989898; /*濃いめの下線*/
}

ul, ol {
  background: #fcfcfc;/*背景色*/
  padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
  border: solid 2px gray;/*線の種類 太さ 色*/
  margin-left: 10px;
}

ul li, ol li {
  line-height: 1.5; /*文の行高*/
  padding: 0.5em 0; /*前後の文との余白*/
}


/*他社ｲﾝﾎﾟｰﾄのメーカー一覧で使用*/

table.tapp{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  font-size: 13px;
  border-collapse: collapse;
}

td.tapp{
  font-size: 13px;
  text-align: left !important;
  border: solid 0.5px #dcdcdc;
  width: 55px;
  padding-left: 5px;
}

tr.tapp{
  font-size: 13px;
  text-align: left;
  border: solid 1px black;
}

/****/

/**/

table.left{
  width: 230px;
  /*margin-left: auto;
  margin-right: auto;*/
  font-size: 13px;
  border-collapse: collapse;
}

td.left_top{
  font-size: 13px;
  border: solid 0.5px #dcdcdc;
  width: 200px;
  height: 30;
  padding-left: auto;
  padding-right: auto;
  background-color: #ff8c00;
  color: #ffffff;
  font-weight: bold; /*太字*/
  text-align: center;
}

td.left_midashi{
  font-size: 13px;
  text-align: left !important;
  border: solid 0.5px #dcdcdc;
  width: 200px;
  height: 30;
  padding-left: 5px;
  color:#ff8c00;
  background-color: dcdcdc;
  font-weight: bold; /*太字*/
}

td.left_menu{
  font-size: 13px;
  text-align: left !important;
  border: solid 0.5px #dcdcdc;
  width: 200px;
  height: 30;
  padding-left: 20px;
}

tr.left{
  font-size: 13px;
  text-align: left;
  border: solid 1px black;
}

a.olm_top:hover {
color: #ff8c00; /* マウスオーバーした時に色を変える */
}


/**ボタンデザイン**/

.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px;
}
.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}

.bkn{
  padding-left: 60px;
  margin-left: auto;
  margin-left: auto;
  margin-top: 10px;
  margin-bottom: 15px;
}

/****/


p.btn{
  word-spacing: 0;
  margin-top: 5pt;
  margin-bottom: 5pt;
  color: #333333;
  font-size: 13px;

}

/*濶ｲ縲€繧ｪ繝ｬ繝ｳ繧ｸ*/
a.square_btn{
    display: inline-block;
    padding: 3px 5px;
    text-decoration: none;
    background: #fea210;
  /*  border-left: solid 6px #ff7c5c;/*蟾ｦ邱�*/
    color: #ffffff;/*譁�蟄苓牡*/
    font-weight: 500;/*譁�蟄励�ｮ螟ｪ縺�*/
    /*margin-bottom: 3px;/*荳九�ｮ繝舌�ｼ縺ｨ縺ｮ菴咏區*/
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-radius: 10px;/*隗偵�ｮ荳ｸ縺ｿ*/
    text-align: left;
}

a.square_btn:hover{縲€/*繝槭え繧ｹ繧ｪ繝ｼ繝舌�ｼ*/
    display: inline-block;
    padding: 3px 5px;
    text-decoration: none;
    background: #ff6b0f;
  /*  border-left: solid 6px #ff7c5c;/*蟾ｦ邱�*/
    color: #ffffff;/*譁�蟄苓牡*/
    font-weight: bold;/*譁�蟄励�ｮ螟ｪ縺�*/
    /*margin-bottom: 3px;/*荳九�ｮ繝舌�ｼ縺ｨ縺ｮ菴咏區*/
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    border-radius: 10px;/*隗偵�ｮ荳ｸ縺ｿ*/
    text-align: left;
}



/*hrad.htmlで使用するデザイン*/

.headbox{
  border-bottom:1px solid #808080;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0.3em;
  padding-bottom: 0.3em;
  height: 70px;
  width: 1055px;
  text-align: left;
}

p.headfont{
  padding-top: 15px;
  text-align: left;
  padding-left: 10px;
}





/*はじめにで使用*/


.hajimeni{
  padding-top: 10px;
  padding-bottom: 30px;
}

table.list{
  width: 90%;
  background: #ebebeb;
  margin-left: 50px;
  font-size: 10pt;
  padding-top:15px;
  padding-bottom: 15px;

}

.left{
  width:10%;
  color: #ff8000;
  text-align: right;
  padding-top: 5px;
  padding-bottom: 5px;
}

.right{
  width:90%;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;

}

.left2{
  width:10%;
  color: #ff8000;
  text-align: right;
  padding-top: 1px;
  padding-bottom: 5px;
}

.right2{
  width:90%;
  padding-top: 1px;
  padding-bottom: 5px;
  padding-left: 30px;

}


/*動作環境で使用*/

table.dousa{
  width: 650px;
  font-size: 10pt;
  border: solid 1px rgb(204, 204, 204);
  margin-top: 10px;
  margin-bottom: 10px;
}

.dousa_menu{
  font-weight: bold;
  padding-left: 20px;
  background: #ebebeb;
  border: solid 1px rgb(204, 204, 204);
}

.dousa_naiyou{
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: solid 1px rgb(204, 204, 204);
}


table.dousa_tyui{
  color:#ff0000;
  font-size: 8pt;
}


/*文翔間に画像を差し込む*/

.img_in{
  text-align: center;
  padding-top: 5px;
  padding-bottom: 10px;
}

/*資金繰計画書で使用*/

.shikin_waku{
  width: 100%;
}

table.shikin{
  width: 95%;
  font-size: 10pt;
  border: solid 1px rgb(204, 204, 204);
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
}

.shikin_menu{
  font-weight: bold;
  padding-left: 20px;
  background: #ebebeb;
  border: solid 1px rgb(204, 204, 204);
}

.shikin_naiyou{
  padding-left: 15px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: solid 1px rgb(204, 204, 204);
}




/*オンラインマニュアルのサブ的な説明。小さいウィンドウで開いていた箇所*/

.top_subf{
  font-size: 14px;
  font-weight: bold;
  color:#000000;
  padding-top: 5px;
  padding-bottom: 3px;
  padding-left: 5px;
  margin-left: 12px;
  background-color: #e1e1e1;
}