/***** メインのリンクカラーの設定 *****/
A:link {
  color            : #3366cc;
}

A:visited {
  color            : #3366cc;
}

A:hover {
  color            : #cc3379;
}

A:active {
  color            : #ff3366;
}


/***** HTMLタグの基本設定 *****/
body {
  /* BODY全体の基本設定 */
  margin            : 0px 0px 0px 0px;
  font-size         : 10pt;
  font-family       : "Meiryo UI",Arial,"ＭＳ Ｐゴシック",sans-serif;
  color             : #363636;
}

th {
  /* THタグ内の基本設定 */
  font-size         : 10pt;
  font-family       : "Meiryo UI",Arial,"ＭＳ Ｐゴシック",sans-serif;
  color             : #ffffff;
  padding           : 0.2em 0.7em 0.2em 0.7em;
}

td {
  /* TDタグ内の基本設定 */
  font-size         : 10pt;
  font-family       : "Meiryo UI",Arial,"ＭＳ Ｐゴシック",sans-serif;
  color             : #363636;
}

li.top {
  /* トップページのLIタグの追加設定 */
  padding-bottom    : 0.35em;
  line-height       : 1.2em;
}

ol {
  /* OLタグの基本設定 */
  padding-bottom    : 0.3em;
}

b {
  /* Bタグの基本設定 */
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

form {
  /* FORMタグの基本設定 */
  margin-bottom     : 0px;
}

dt {
  /* DTタグの基本設定 */
  font-weight       : bold;
}

h1 {
  /* H1タグの基本設定 */
  font-size         : 10pt;
  font-weight       : normal;
  color             : #00b295;
  margin            : 0.5em 1.2em 0.5em 0.8em;
  border-top        : 1px #00b295 solid;
  border-bottom     : 1px #00b295 solid;
}

h2 {
  /* H2タグの基本設定 */
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  color             : #6687cc;
}

h3 {
  /* H3タグの基本設定 */
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  color             : #ff3366;
}

.h2small h2 {
  /* H2タグの目立たないタイプ */
  line-height       : 1.5em;
  padding-left      : 4em;
  padding-right     : 1em;
  font-size         : 10pt;
  font-weight       : normal;
  font-family       : "Meiryo UI",Arial,"ＭＳ Ｐゴシック",sans-serif;
  color             : #4667ac;
  text-align        : left;
}


/***** カラーの基本スタイル *****/
.mainbak {
  /* テーマカラーの背景色設定 */
  background-color  : #6687cc;
}

.mainv1 {
  /* テーマカラーのバリエーション１ */
  background-color  : #6699cc;
}

.mainv2 {
  /* テーマカラーのバリエーション２ */
  background-color  : #75b6d4;
}

.comvi1 {
  /* コンビネーションカラー１ */
  background-color  : #00b295;
}

.comvi1v1 {
  /* コンビネーションカラー１のバリエーション１ */
  background-color  : #6CD9C6;
}

.comvi2 {
  /* コンビネーションカラー２ */
  background-color  : #666666;
}
.comvi2v1 {
  /* コンビネーションカラー２のバリエーション１ */
  background-color  : #999999;
}

.comvi2v2 {
  /* コンビネーションカラー２のバリエーション２ */
  background-color  : #cccccc;
}

.comvi2v3 {
  /* コンビネーションカラー２のバリエーション３ */
  background-color  : #f0f0f0;
}

.accent1bak {
  /* 背景色用のアクセントカラー１ */
  background-color  : #cc3379;
}

.accent1 {
  /* アクセントカラー１ */
  color             : #cc3379;
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.accent2 {
  /* アクセントカラー２ */
  color             : #ff3366;
  font-weight       : bold;
  font-family       : "Meiryo UI",erdana,"ＭＳ Ｐゴシック",sans-serif;
}

.accent3 {
  /* アクセントカラー３ */
  color             : #fcd774;
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.accent4 {
  /* アクセントカラー４ */
  color             : #000099;
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}


/***** 個別のスタイル *****/
.inputback {
  /* FORMのINPUTタグの背景色 */
  background-color  : #ecf2f2;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

input {
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

select {
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

textarea {
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}

.mainbodytbl {
  /* メインの本文テーブル */
  margin-left       : 14%;
}

.maindscrpt {
  /* 本文そのもの */
  line-height       : 1.6em;
  padding-left      : 1em;
  padding-right     : 0.5em;
}

.topitem {
  /* トップページのアイテム名 */
  font-weight       : bold;
  margin-left       : 15px;
  padding           : 3px 2px 3px 3px;
  border-color      : #75b6d4;
  border-left       : 10px solid #75b6d4;
  background-color  : #f0f0f0;
}

.columntbl {
  /* トップページのコラムテーブル */
  margin-left       : 13px;
  margin-right      : 4px;
}

.columnth1 {
  /* トップページのコラムの見出し１ */
  font-weight       : bold;
  color             : #ffffff;
  background-color  : #00b295;
}

.columninner1 {
  /* トップページの各コラム行を囲むテーブル１ */
  padding-left      : 2px;
  padding-right     : 2px;
  border-left       : 1px solid #00b295;
  border-right      : 1px solid #00b295;
  border-bottom     : 1px solid #00b295;
}

.columnth2 {
  /* トップページのコラムの見出し２ */
  font-weight       : bold;
  color             : #ffffff;
  background-color  : #5fcebd;
}

.columninner2 {
  /* トップページの各コラム行を囲むテーブル２ */
  padding-left      : 2px;
  padding-right     : 2px;
  border-left       : 1px solid #5fcebd;
  border-right      : 1px solid #5fcebd;
  border-bottom     : 1px solid #5fcebd;
}

.columnth3 {
  /* トップページのコラムの見出し３ */
  font-weight       : bold;
  color             : #ffffff;
  background-color  : #95dfd4;
}

.columninner3 {
  /* トップページの各コラム行を囲むテーブル３ */
  padding-left      : 2px;
  padding-right     : 2px;
  border-left       : 1px solid #95dfd4;
  border-right      : 1px solid #95dfd4;
  border-bottom     : 1px solid #95dfd4;
}

.subitembar1 {
  /* サブページの項目表示バー */
  font-weight       : bold;
  padding           : 0px 2px 0px 3px;
  border-color      : #fcd774;
  border-left       : 10px solid #fcd774;
  background-color  : #f0f0f0;
}

.codelist {
  /* プログラムのコードリスト */
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  line-height       : 1.2;
  margin            : 14px;
  padding           : 8px;
  border            : 1px #999999 solid !important;
}

.codecmnt {
  /* プログラム内のコメント */
  color             : #006600;
}

.comment {
  /* ※で始まるコメント */
  font-size         : 10pt;
  color             : #3366ff;
  line-height       : 1.1;
}

.grnmsg {
  /* 緑色のコメント */
  color             : #00b295;
  margin            : 0.5em 5em 0.5em 5em;
  border-top        : 1px #00b295 solid;
  border-bottom     : 1px #00b295 solid;
}

.itemnumber {
  /* アイテムの番号 */
  font-size         : 9pt;
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  color             : #ffffff;
}

.itemtitle {
  /* アイテムごとのタイトル */
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  background-color  : #f0f0f0;
}

.pgtitle {
  /* ページタイトル */
  background-color  : #6687cc;
  font-size         : 13pt;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  color             : #ffffff;
  padding-top       : 8px;
  padding-bottom    : 8px;
}

.smallfont {
  /* 小さなフォント１ */
  font-size         : 9pt;
}

.smallfontgray {
  /* 小さなフォント２ */
  color             : #999999;
  font-size         : 9px;
  font-family       : "Meiryo UI",Verdana;
  font-weight       : bold;
  text-align        : right;
}

.smallfontwhite {
  /* 小さなフォント３ */
  background-color  : #6687cc;
  font-size         : 8pt;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  color             : #ffffff;
  padding           : 2px;
}

.prdphoto {
  /* トップ製品紹介のイメージ */
  border            : none;
  /*float             : left;*/
  margin-top        : 2px;
  margin-right      : 0.4em;
  margin-bottom     : 0.4em;
}

.dltitle {
  /* ダウンロードページのソフト名行 */
  padding-top       : 0.8em !important;
  font-size         : 12pt;
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
.dldiv {
  /* ダウンロードページの行罫線 */
  border-bottom     : 1px solid #cccccc !important;
  vertical-align    : top;
}
.dlsoftname {
  /* ダウンロードのソフト名 */
  border-top        : 1px solid #6699cc;
  border-bottom     : 1px solid #6699cc;
  margin-top        : 1em;
  padding-bottom    : 0.4em ;
  font-size         : 11pt;
  font-weight       : bold;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
}
.dlsoftname IMG {
  vertical-align    : middle;
  margin-right      : 8px;
}

/***** ページフッタのナビゲーション *****/
.pgfootnavi {
  margin            : 2.5em 0.5em 1em 1em;
  padding-top       : 4px;
  padding-bottom    : 4px;
  border-color      : #75b6d4;
  border-width      : 2px;
  border-style      : dotted;
  text-align        : right;
  font-size         : 10pt;
  font-family       : "Meiryo UI",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  font-weight       : 600;
  color             : #75b6d4;
}

.pgfootnavi A:link {
  color            : #666666;
  text-decoration  : none;
}

.pgfootnavi A:visited {
  color            : #666666;
  text-decoration  : none;
}

.pgfootnavi A:hover {
  color            : #ff3366;
  text-decoration  : underline;
}

.pgfooter {
  /* 全ページ共通フッタ */
  background-color  : #6687cc;
  font-size         : 9pt;
  color             : #ffffff;
  padding           : 4px;
}

.enmark {
  /* ￥マーク */
  font-family       : "Meiryo UI","ＭＳ Ｐゴシック",sans-serif;
}

/***** 下線なしのリンク用 *****/
.noline A:link {
  color            : #3366CC;
  text-decoration  : none;
}

.noline A:visited {
  color            : #3366CC;
  text-decoration  : none;
}

.noline A:hover {
  color            : #cc3379;
  text-decoration  : underline;
}


/***** 一覧表テーブルのスタイル３種 *****/
.tblstyle1 TABLE {
  border-collapse   : collapse;
  border            : 2px solid #6699cc;
  margin            : 0.2em;
}
.tblstyle1 TH {
  border            : none;
  background-color  : #6699cc;
}
.tblstyle1 TD {
  border            : none;
  border-width      : 1px;
  border-color      : #6699cc;
  border-style      : solid;
  padding           : 0.2em 0.4em 0.5em 0.4em;
}
.tdleft1 {
  font-weight       : bold;
  background-color  : #b2deff;
}

.tblstyle2 TABLE {
  border-collapse   : collapse;
  border            : 2px solid #00b295;
  margin            : 0.2em;
}
.tblstyle2 TH {
  border            : none;
  background-color  : #00b295;
}
.tblstyle2 TD {
  border            : none;
  border-width      : 1px;
  border-color      : #00b295;
  border-style      : solid;
  padding           : 0.2em 0.4em 0.5em 0.4em;
}
.tdleft2 {
  font-weight       : bold;
  background-color  : #b7e3e5;
}

.tblstyle3 TABLE {
  border-collapse   : collapse;
  border            : 2px solid #666666;
  margin            : 0.2em;
}
.tblstyle3 TH {
  border            : none;
  background-color  : #666666;
}
.tblstyle3 TD {
  border            : none;
  border-width      : 1px;
  border-color      : #666666;
  border-style      : solid;
  padding           : 0.2em 0.4em 0.5em 0.4em;
}
.tdleft3 {
  font-weight       : bold;
  background-color  : #e5e5e5;
}


/*****インデックスページのテーブルスタイル４種 *****/
.idxtblstyle1 TABLE {
  margin-left       : 12%;
}
.idxtblstyle1 TH {
  border            : none;
  color             : #ffffff;
  background-color  : #6699cc;
  padding           : 0.3em 0.8em 0.3em 0.8em;
}
.idxtblstyle1 TD {
  border            : none;
  padding           : 0em 0.4em 0.5em 0.4em;
}

.idxtblstyle2 TABLE {
  margin-left       : 12%;
}
.idxtblstyle2 TH {
  border            : none;
  color             : #ffffff;
  background-color  : #00b295;
  padding           : 0.3em 0.8em 0.3em 0.8em;
}
.idxtblstyle2 TD {
  border            : none;
  padding           : 0em 0.4em 0.5em 0.4em;
}

.idxtblstyle3 TABLE {
  margin-left       : 12%;
}
.idxtblstyle3 TH {
  border            : none;
  color             : #ffffff;
  background-color  : #666666;
  padding           : 0.3em 0.8em 0.3em 0.8em;
}
.idxtblstyle3 TD {
  border            : none;
  padding           : 0em 0.4em 0.5em 0.4em;
}

.idxtblstyle4 TABLE {
  margin-left       : 12%;
}
.idxtblstyle4 TH {
  border            : none;
  color             : #ffffff;
  background-color  : #cc3379;
  padding           : 0.3em 0.8em 0.3em 0.8em;
}
.idxtblstyle4 TD {
  border            : none;
  padding           : 0em 0.4em 0.5em 0.4em;
}

/***** バナーリンク *****/
#orgnlad {
  width             : 675px;
  margin            : 40px 0 20px 0;
  padding           : 4px;
  border            : 1px #00b295 solid;
  color             : #000000;
  font-size         : 10pt;
  font-family       : Arial,"ＭＳ Ｐゴシック",sans-serif;
  background-color  : #fcfaf9;
  line-height       : 1.3em;
}
#orgnlad #title {
  font-weight       : bold;
  font-size         : 11pt;
}
#orgnlad #title A {
  color             : #3366CC;
}
#orgnlad #address {
  font-family       : Verdana;
  font-size         : 7pt;
}
#orgnlad #address A {
  color             : #008000;
  text-decoration   : none;
}

#toadvice {
  color             : #c76767;
  font-weight       : bold;
  text-align        : center;
  width             : 675px;
  margin            : 10px 0 0 0;
  padding           : 10px;
  border            : 1px solid #bbbbbb;
}
#toadvice A {
  color             : #f83434;
  text-decoration   : none;
  border-bottom     : 1px dashed #f83434;
}

/***** その他 *****/
.midtext {
  vertical-align    : middle;
}

.specialmsg {
  border            : 1pt solid #e3db45;
  padding           : 6px 10px 6px 10px;
  background-color  : #fffded;
}

.captimage img {
  border            : 1px solid #aaaaaa;
}

.imgborder {
  border            : 1px solid #999999;
}

.imgborderrb {
  border-right      : 1px solid #cccccc;
  border-bottom     : 1px solid #cccccc;
}

.imgborderbtm {
  border-bottom     : 1px solid #999999;
}

/***** リストマーク用アイコン *****/
.icolistb li {
  list-style-type     : none;
  background-image    : url('images/liicon_blue.png');
  background-repeat   : no-repeat;
  background-position : left center;
  padding-left        : 22px;
  margin-left         : -20px;
  margin-bottom       : 8px;
}

.icolistg li {
  list-style-type     : none;
  background-image    : url('images/liicon_green.png');
  background-repeat   : no-repeat;
  background-position : left center;
  padding-left        : 22px;
  margin-left         : -20px;
  margin-bottom       : 8px;
}

.icolistl li {
  list-style-type     : none;
  background-image    : url('images/liicon_lightblue.png');
  background-repeat   : no-repeat;
  background-position : left center;
  padding-left        : 22px;
  margin-left         : -20px;
  margin-bottom       : 8px;
}

.ultips li {
  list-style-type     : none;
  background-image    : url('images/liicon_lightblue.png');
  background-repeat   : no-repeat;
  background-position : left 3px;
  padding-left        : 22px;
  margin-left         : -20px;
  margin-bottom       : 8px;
  line-height         : 1.5em;
}

ol.oltips {
  list-style-type     : none;
  counter-reset       : number;
}
ol.oltips > li {
  position            : relative;
  margin-left         : -23px;
  padding-left        : 26px;

}
ol.oltips > li::before {
  content             : counter(number);
  counter-increment   : number;
  position            : absolute;
  top                 : 2px;
  left                : 2px;
  width               : 18px;
  height              : 18px;
  color               : #fff;
  font-size           : 9pt;
  background-color    : #8fd6e1;
  text-align          : center;
  border-radius       : 50%;
  line-height:17px;
}

.tips-headline {
  border-top          : 1px solid #58b;
  border-bottom       : 1px solid #58b;
  padding             : 1px;
  margin              : 0 10px 0.9em 0;
  background-color    : #f7fbff;
  font-weight         : bold;
}

/***** 角丸囲みの説明文 *****/
.explanation {
  color             : #666680;
  padding           : 5px 10px 8px 10px;
  border            : 1pt solid #e0d0d8;
  background-color  : #fefbfe;
  border-radius     : 5px;
}

/***** 補足欄 *****/
.supplement {
  border            : 1pt solid #d7cf39;
  padding           : 5px 6px 5px 6px;
  background-color  : #fffded;
}

.supplement div {
  padding-left      : 0.5em;
  border-bottom     : 1pt dotted #d7cf39;
  margin-bottom     : 5px;
}

/***** 点線付きインデント *****/
.mkindent {
  list-style-type   : circle;
}

.mkindent1{
  display           : inline-block;
  width             : 170px;
}

.mkindent1::after{
  display           : inline-block;
  width             : 150px;
  content           : "";
  position          : absolute;
  margin-top        : 10px;
  margin-left       : 5px;
  border-top        : 2px dotted #999;
}

.mkindent2{
  display           : inline-block;
  width             : 200px;
  background-color  : #fff;
  position          : absolute;
  padding-left      : 5px;
}

/***** おすすめ情報 *****/
#recommendinfo {
  margin-left       : -10px;
  margin-bottom     : 20px;
}

#recommendinfo LI {
  list-style-type   : none;
  background-image  : url('images/listmark2.gif');
  background-repeat : no-repeat;
  background-position : 0px 3px;
  margin-left       : -28px;
  margin-bottom     : 2px;
  padding-left      : 14px;
}