/*今使われている色
「#909099」「背景#3e293d」「文字#837a8b」「題名#ffffff」「花#ffaaaa」「履歴#beb8bf」 */

html,body { scrollbar-face-color: #3e293d;
            scrollbar-highlight-color: #837A8B;
            scrollbar-shadow-color: #837A8B;
            scrollbar-3dlight-color: #3e293d;
            scrollbar-arrow-color: #837A8B;
            scrollbar-track-color: #3e293d;
            scrollbar-darkshadow-color: #3e293d;
            margin: 0px;}

body { color: #3e293d;
       background-color: #909099;
       font-size: 12px;
       text-align: center;
       margin-top: 8%;}

table { font-size: 14px;
        border-spacing: 0px;
        border-collapse: collapse;
        text-align: center}

DIV { color: #837a8b;
      border-spacing: 0px;
      border-collapse: collapse;
      text-align: center;
      overflow: hidden;}

div.logbox { width: 180px;
             height: 97px;
             overflow: auto;
             text-align: left;

             border-top: 2px double #837a8b;
             border-bottom: 2px double #837a8b;}

A { text-decoration: none;
    color:  #978e8f;}

A:hover { color: #ffffff;}

A:active { color: #ffffff;}

HR { border-style: dotted;
     border-color: #837a8b;}

BR { visibility: hidden}

IMG { border-style: none;
      margin: 0px;}

.title { font-size: 18pt;
         color: #ffffff;
         font-weight: bold;
         font-family: HGS明朝B}

.moji { color: #3e293d;}

.hana { color: #ffaaaa;}

.rireki { color: #beb8bf;}

.margin { margin-top: 20px;}

.m_margin { margin-top: 70px;}

div.box { width: 580px;
       padding:1px;
       background-color: #837a8b;
       border-width: 4px;
       border-style: double;
       border-color: #3e293d;}

div.box1+ { float: left;
         width: 340px;
         height: 450px;
         text-align: right;
         background-color: #3e293d;
         }

div.box1 { float: left;
        width: 238px;
        height: 450px;
        text-align: center;
        border-right: 2px dashed #3e293d;
        background-color: #3e293d;
        }

div.box2 { float: right;
        background-color: #3e293d;
        width: 340px;
        height: 450px;
        
        background-repeat: no-repeat;
        }

.clears{ clear:both;}

address { font-style: normal;
          font-family: Verdana, sans-serif;
          border-style: solid;
          border-width: 1px;
          padding: 0.2em;
          width: 582px;
          border-color: #c0c0c0 #707070 #707070 #c0c0c0;
          margin-top: 7px;}
/* ================================================================================= */
.boxx {  width: 580px;
         height: 450px;
         background-color: #3e293d;
         text-align: left;
         font-size: 14px;}

div.tensen2 { width: 410px;
              font-size: 12px;
              border: 1px dashed #837a8b;
              padding: 0.5em;
              text-align: left;
              margin-top: 7px;
              margin-bottom: 50px;}

div.dot { width: 410px;
          font-size: 12px;
          border: 1px dashed #978e8f;
          padding: 0.5em;
          text-align: left;
          margin-top: 7px;
          margin-bottom: 50px;
          background-color: #909099;
          color: #cec8df}

div.jyun { width: 130px;
           color: #beb8bf;
           float: left;}

div.setu2 { width: 280px;
            float: left;
            text-align: left;}

input { background-color: #3e293d;
        color: #beb8bf;
        border: 2px double #837a8b;
        padding: 0.2em;
        margin: 5px;
        width: 140px;}

textarea { background-color: #3e293d;
           color: #beb8bf;
           border: 2px double #837a8b;
           padding: 0.2em;
           margin: 5px;
           width: 210px;
           height: 100px;}

div.moto { width: 525px;
           height: 390px;
           overflow: auto;
           float: right;}

div.select_1 { width: 55px;
               background-color: #837a8b;
               float: left;}

div.select_2 { width: 53px;
               height: 390px;
               background-color: #3e293d;
               border-right: 2px dashed #3e293d;}