/*焼酎css*/
/*タイトル*/
.title    { position: absolute;
            left: 5px;
            top: 10px;
            z-index: 2
}
.head     { width: 800px;
            height: 160px;
            background-image: url("../sphot/tibar.jpg");
            background-repeat: no-repeat;
            background-position: 0px 0px;
            padding: 5px
}

.head h1   { margin-top: 100px;
             margin-left: 50px;
             margin-bottom: 0px;
             font-size: 20px;
             color: white
}

p#tel      { position: absolute;
             left: 70px;
             top: 150px;
             z-index: 2;
             width: 600px;
             height: 20px;
             font-size: 14px;
             color: darkblue;
}
a.tosugi   { position: absolute;
             left: 570px;
             top: 100px;
             color: #ff4500;
             font-size: 12px
}

/*メニュー*/ 
.menu       { position: absolute;
              left: 740px;
              top: 170px;
              z-index: 2;
              width: 100px;
              height: 500px;
}
.menu div     { margin-bottom: 3px }
.menu div.win { width: 80px;
                background-color: #ffccff;
                color: #990033;
                text-align: center;
               padding: 0px 4px 1px;
               font-size: 13px
}

.menu a        { display: block;
           width: 80px;
           height: 21px;
           padding-top: 5px;
           text-align: center;
           text-decoration: none;
           font-size: 12px;
           color: 0033cc;
           background-image: url("../page/bbon/wbt.gif");
           background-repeat: no-repeat;
           background-position: 0px 0px
}
.menu a:hover { background-position: 0px -25px }

.menu div.ske   { width: 80px;
                   background-color: #ccffcc;
                   color: #006400;
                   text-align: center;
                   padding: 1px 4px 1px;
                   font-size: 13px
}
.menu a.sk        { display: block;
           width: 80px;
           height: 21px;
           padding-top: 5px;
           text-align: center;
           text-decoration: none;
           font-size: 13px;
           background-image: url("../page/bbon/sbt.gif");
           background-repeat: no-repeat;
           background-position: 0px 0px
}
.menu a.sk:hover  { background-position: 0px -25px; }

.menu a.tp    { display: block;
                width: 80px;
                height: 21px;
                padding-top: 5px;
                text-align: center;
                text-decoration: none;
                font-size: 10px;
                background-image: url("../page/bbon/ibt.gif");
                background-repeat: no-repeat;
                background-position: 0px 0px
}
.menu a.tp:hover  { background-position: 0px -25px; }

.menu a.syo   { display: block;
                width: 80px;
                height: 21px;
                padding-top: 5px;
                text-align: center;
                text-decoration: none;
                font-size: 13px;
                background-image: url("../page/bbon/tbt.gif");
                background-repeat: no-repeat;
                background-position: 0px 0px
}
.menu a.syo:hover  { background-position: 0px -25px; }

/*コンテンツ*/
.cont      { position: absolute;
             left: 5px;
             top: 180px
}
/*フォーム*/
/*テーブル配置と構成*/
.syotu   { position: absolute; left: 90px; top: 5px; }
#syotu01  { font-size: 20px; font-weight: 600; text-align: center; color: white; background-color: #990033; }
#syotu02  { font-size: 12px; text-align: center; }
#syotu03  { font-size: 38px; text-align: center; }
#syotu04  { font-size: 14px; padding-left: 5px; padding-top: 2px; letter-spacing: 1px; color: #2f4f4f; border: 1px solid #cc9933; }
#syotu05  { font-size: 13px; }
#syotu06  { font-size: 13px; text-align: center; }
#syotu07  { font-size: 25px; text-align: center; }
#syotu13  { font-size: 30px; text-align: center; }
/*いも焼酎群*/
/*一番上に１段増やす*/

/*1-1紅とんぼ(10,10)*/
.benito   {
       position: absolute;
       left: 10px;
       top: 10px;
       z-index: 2;
       width: 350px;
       height: 260px;
       background-image: url("../sphot/rtonbo.jpg");
       background-repeat: no-repeat;
       background-position: 5px 12px;
       background-color: bisque;
       border: solid 1px brue;
}
/*1-2紅とんぼ(365,10)*/
.aoto   {
       position: absolute;
       left: 365px;
       top: 10px;
       z-index: 2;
       width: 350px;
       height: 260px;
       background-image: url("../sphot/btonbo.jpg");
       background-repeat: no-repeat;
       background-position: 5px 12px;
       background-color: bisque;
       border: solid 1px brue;
}
/*2-1はまぼう(10,540)*/
.hamabou  {
      position: absolute;
      left: 10px;
      top:  275px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/hamabou.jpg");
      background-repeat: no-repeat;
      background-position: 5px 12px;
      background-color: bisque;
      border: solid 1px brue
}
/*2-2はまぼう(10,1600)*/
.hamabou1  {
      position: absolute;
      left: 365px;
      top: 275px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/hamabou1.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}
/*3-1白玉の露(10,805)*/
.sira  {
      position: absolute;
      left: 10px;
      top:  540px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/sira.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}
/*3-2相良(10,540)*/
.saga  {
      position: absolute;
      left: 365px;
      top: 540px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/saga.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}

/*4-1伊佐大泉(10,1070)*/
.taise  {
      position: absolute;
      left: 10px;
      top: 805px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/taise.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}

/*4-2角田(365,805)*/
.kakuta  {
      position: absolute;
      left: 365px;
      top: 805px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/kakuta.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}
/*5-1小さな小さな(365,1600)*/
.tii  {
      position: absolute;
      left: 10px;
      top: 1070px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/tii.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}
/*5-2薩摩の風(365,1070)*/
.kaze  {
      position: absolute;
      left: 365px;
      top: 1070px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/kaze.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}
/*6-2七窪(365,1335)*/
.kubo  {
      position: absolute;
      left: 365px;
      top: 1335px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/kubo.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}

/*6-1龍宝(10,1600)*/
.ryuho  {
      position: absolute;
      left: 10px;
      top: 1335px;
      z-index: 2;
      width: 350px;
      height: 260px;
      background-image: url("../sphot/ryuho.jpg");
      background-repeat: no-repeat;
      background-position: 5px 2px;
      background-color: bisque;
      border: solid 1px brue
}


/*ジャンプする所*/
.oturi     { position: absolute;
             width: 350px;
             height: 50px;
             z-index: 3;
             left: 10px;
             top: 1615px
}
.tobe      { position: absolute;
　　　　　　 width: 200px;
             left: 10px;
             top: 10px
}
a.iku     { font-size: 14px;
            color: #ff4500
}
/*サブ*/
.list    { position: absolute;
           left: 735px;
           top: 650px;
           index: 2;
           width: 100px;
           height: 110px
}
.list1   { position: absolute;
           left: 3px;
           top: 5px;
           index: 3;
           border-bottom: 2px dotted #33ccff;
           text-decoration: none;
           color: #00ccff;
           font-size: 12px
}
.list2   { position: absolute;
           left: 3px;
           top: 25px;
           index: 3;
           border-bottom: 2px dotted #33ccff;
           text-decoration: none;
           color: #00ccff;
           font-size: 12px
}
.list3   { position: absolute;
           left: 3px;
           top: 45px;
           index: 3;
           border-bottom: 2px dotted #33ccff;
           color: #00ccff;
           text-decoration: none;
           font-size: 12px
}
.list4   { position: absolute;
           left: 3px;
           top: 65px;
           index: 3;
           border-bottom: 2px dotted #33ccff;
           color: #00ccff;
           text-decoration: none;
           font-size: 12px
}
.list5   { position: absolute;
           left: 3px;
           top: 85px;
           index: 3;
           border-bottom: 2px dotted #33ccff;
           color: #00ccff;
           text-decoration: none;
           font-size: 12px
}