/* HTML */

html { margin: 0; padding: 0; }

body { color: #8c6239; margin: 0; padding: 0; }

   body a:link { color: #8c6239; text-decoration: none; }
   body a:active { color: #8c6239; text-decoration: none; }
   body a:visited { color: #8c6239; text-decoration: none; }
   body a:hover { color: #8c6239; text-decoration: underline; }


div { margin: 0; padding: 0; }

img { border: 0; }

h1  { margin: 0; padding: 0;
      font-size: 12px;
      font-weight: bolder;
      line-height: 140%;
      text-align: left;
    }

p   { margin: 0; padding: 0;
      font-size: 12px;
      font-weight: normal;
      line-height: 140%;
      text-align: left;
    }



/* container */

#main {
        width: 100%; margin: 0; padding: 0;
        background-image   : url(images/b_2000_a.gif);
        background-repeat  : repeat-y;
        background-position: center top;
      }


#main_a { 
        width: 100%; margin: 0; padding: 0;
        background-image   : url(images/mahoback_a.png);
        background-repeat  : no-repeat;
        background-position: center top;
      }

#main_b { 
        width: 100%; margin: 0; padding: 0;
        background-image   : url(images/mahoback_b.png);
        background-repeat  : no-repeat;
        background-position: center top;
      }

#main_c { 
        width: 100%; margin: 0; padding: 0;
        background-image   : url(images/mahoback_c.png);
        background-repeat  : no-repeat;
        background-position: center top;
      }

#main_d { 
        width: 100%; margin: 0; padding: 0;
        background-image   : url(images/mahoback_d.png);
        background-repeat  : no-repeat;
        background-position: center top;
      }

#main_p { 
        width: 960px; margin: 0 auto; padding: 0;
        background-image   : url(images/main_photo.jpg);
        background-repeat  : no-repeat;
        background-position: 80px 41px;
      }



#alle { width: 920px; margin: 0 auto;  padding: 0; text-align: left; }

#conte { width: 100%;  margin: 0;  padding: 0; text-align: left;
          }

#titlehead { width: 920px; margin: 0 auto; padding: 0; text-align: left; }



#cbord { width: 920px; margin: 0 auto; padding: 0; text-align: left;
         font-size: 12px; font-weight: normal; line-height: 140%;
       }



#cb_left  { float: left; margin: 0; padding: 0; width: 200px; text-align: left;  }
#cb_right { float: right; width: 700px; margin: 0; padding: 0; text-align: left;  }



#cb_left2  { float: left; margin: 0; padding: 0; width: 700px; text-align: left;  }
#cb_right2 { float: right; width: 200px; margin: 0; padding: 0; text-align: left;  }



#ontopon  { width: 960px; margin: 0 auto; padding: 10px 0; text-align: right;
            font-size: 10px; font-weight: normal; line-height: 120%;
          }

#footfr { width: 100%;  margin: 0;  padding: 20px 0 0 0; text-align: left; }

#footer { color: #666; width: 960px; margin: 0 auto; padding: 0; text-align: center;
          font-size: 10px; font-weight: normal; line-height: 200%;
        }




/* commoner */


.mh   { margin: 0; padding: 0; width: 920px; text-align: left; }
.mh-l { float: left;  width: 280px; margin: 0; padding: 0; text-align: left;  }
.mh-r { float: right; width: 630px; margin: 0; padding: 0; text-align: right; }


.mahora-a { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 140%;
         margin       : 0;
         padding      : 340px 0 0 12px;
       }

.mahora-b { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 140%;
         margin       : 0;
         padding      : 40px 0 0 0;
       }

.mahora-c { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 140%;
         margin       : 0;
         padding      : 320px 0 0 0;
       }

.mahora-tt { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 140%;
         margin       : 0;
         padding      : 10px;
         background: url(images/tm10.png); }
       }










.mn700   { margin: 0; padding: 0; width: 700px; text-align: left; }
.mn700-l { float: left;  margin: 0; padding: 0; width: 340px; text-align: left; }
.mn700-r { float: right; margin: 0; padding: 0; width: 340px; text-align: left; }


.dormy   { margin: 0; padding: 0; width: 700px; text-align: left; }
.dormy-l { float: left;  margin: 0; padding: 0; text-align: left;  }
.dormy-r { float: right; margin: 0; padding: 0; text-align: right; }




.pepel   { margin: 0; padding: 0; width: 700px; text-align: left; }
.pepel-l { float: left;  margin: 0; padding: 0; width: 264px; text-align: left; }
.pepel-r { float: right; margin: 0; padding: 0; width: 426px; text-align: left; }

.peper   { margin: 0; padding: 0; width: 700px; text-align: left; }
.peper-l { float: left;  margin: 0; padding: 0; width: 416px; text-align: left; }
.peper-r { float: right; margin: 0; padding: 0; width: 264px; text-align: left; }


.peper2   { margin: 0; padding: 0; width: 700px; text-align: left; }
.peper2-l { float: left;  margin: 0; padding: 0; width: 264px; text-align: left; }
.peper2-r { float: right; margin: 0; padding: 0; width: 416px; text-align: left; }


.pepea-0 { margin: 0; padding: 0; width: 700px; text-align: left; }
.pepea-1 { float: left;  margin: 0; padding: 0 0 0 12px; width: 88px; text-align: left; }
.pepea-2 { float: left;  margin: 0; padding: 0 0 0 10px; width: 88px; text-align: left; }
.pepea-3 { float: left;  margin: 0; padding: 0 0 0 10px; width: 88px; text-align: left; }
.pepea-4 { float: left;  margin: 0; padding: 0 0 0 10px; width: 88px; text-align: left; }
.pepea-5 { float: left;  margin: 0; padding: 0 0 0 10px; width: 88px; text-align: left; }
.pepea-6 { float: left;  margin: 0; padding: 0 0 0 10px; width: 88px; text-align: left; }
.pepea-7 { float: right; margin: 0; padding: 0 12px 0 0; width: 88px; text-align: left; }

.ensenb-0 { margin: 0; padding: 0; width: 700px; text-align: left; }
.ensenb-1 { float: left;  margin: 0; padding: 0 0 0 10px; width: 128px; text-align: left; }
.ensenb-2 { float: left;  margin: 0; padding: 0 0 0 10px; width: 128px; text-align: left; }
.ensenb-3 { float: left;  margin: 0; padding: 0 0 0 10px; width: 128px; text-align: left; }
.ensenb-4 { float: left;  margin: 0; padding: 0 0 0 10px; width: 128px; text-align: left; }
.ensenb-5 { float: right; margin: 0; padding: 0 10px 0 0; width: 128px; text-align: left; }


.torie-0 { margin: 0; padding: 0; width: 700px; text-align: left; }
.torie-1 { float: left;  margin: 0; padding: 0 0 0 11px; width: 76px; text-align: center; }
.torie-2 { float: left;  margin: 0; padding: 0 0 0 10px; width: 76px; text-align: center; }
.torie-3 { float: left;  margin: 0; padding: 0 0 0 10px; width: 76px; text-align: center; }
.torie-4 { float: left;  margin: 0; padding: 0 0 0 10px; width: 76px; text-align: center; }
.torie-5 { float: left;  margin: 0; padding: 0 0 0 10px; width: 76px; text-align: center; }
.torie-6 { float: left;  margin: 0; padding: 0 0 0 10px; width: 76px; text-align: center; }
.torie-7 { float: left;  margin: 0; padding: 0 0 0 10px; width: 76px; text-align: center; }
.torie-8 { float: right; margin: 0; padding: 0 11px 0 0; width: 76px; text-align: center; }




.gra-0 { margin: 0; padding: 0; width: 700px; text-align: left; }
.gra-1 { float: left;  margin: 0; padding: 0 0 0 20px; width: 150px; text-align: left; }
.gra-2 { float: left;  margin: 0; padding: 0 0 0 20px; width: 150px; text-align: left; }
.gra-3 { float: left;  margin: 0; padding: 0 0 0 20px; width: 150px; text-align: left; }
.gra-4 { float: right; margin: 0; padding: 0 20px 0 0; width: 150px; text-align: left; }



.mn340   { margin: 0; padding: 0; width: 340px; text-align: left; }
.mn340-l { float: left;  margin: 0; padding: 0; width: 165px; text-align: left; }
.mn340-r { float: right; margin: 0; padding: 0; width: 165px; text-align: left; }


.mg340   { margin: 0; padding: 0; width: 340px; text-align: left; }
.mg340-l { float: left;  margin: 0; padding: 0; width: 160px; text-align: left; }
.mg340-r { float: right; margin: 0; padding: 0; width: 160px; text-align: left; }


.mp340   { margin: 0; padding: 0; width: 340px; text-align: left; }
.mp340-l { float: left;  margin: 0; padding: 0; width: 160px; text-align: left; }
.mp340-r { float: right; margin: 0; padding: 0; width: 170px; text-align: left; }


.gw340   { margin: 0; padding: 0; width: 340px; text-align: left; }
.gw340-l { float: left;  margin: 0; padding: 0; width:  80px; text-align: left; }
.gw340-r { float: right; margin: 0; padding: 0; width: 250px; text-align: left; }


.gw200   { margin: 0; padding: 0; width: 200px; text-align: left; }
.gw200-l { float: left;  margin: 0; padding: 0; width:  40px; text-align: left; }
.gw200-r { float: right; margin: 0; padding: 0; width: 150px; text-align: left; }


.ree200   { margin: 0; padding: 10px 0 0 0; width: 200px; text-align: left; }
.ree200-l { float: left;  margin: 0; padding: 0; width: 95px; text-align: left; }
.ree200-r { float: right; margin: 0; padding: 0; width: 95px; text-align: left; }



.gw180   { margin: 0; padding: 0; width: 200px; text-align: left; }
.gw180-1 { float: left;  margin: 0; padding: 0 0 0 12px; width: 60px; text-align: left; }
.gw180-2 { float: left;  margin: 0; padding: 0 0 0 4px; width: 60px; text-align: left; }
.gw180-3 { float: right; margin: 0; padding: 0; width: 60px; text-align: left; }


.nm180   { margin: 0; padding: 0; width: 200px; text-align: left; }
.nm180-1 { float: left;  margin: 0; padding: 0 0 0 10px; width: 90px; text-align: left; }
.nm180-2 { float: right; margin: 0; padding: 0; width: 90px; text-align: left; }


.canbe0 { margin: 0; padding: 0; width: 700px; text-align: left; }
.canbe1 { float: left;  margin: 0; padding: 0; width: 120px; text-align: canter; }
.canbe2 { float: left;  margin: 0; padding: 0 0 0 25px; width: 120px; text-align: canter; }
.canbe3 { float: left;  margin: 0; padding: 0 0 0 25px; width: 120px; text-align: canter; }
.canbe4 { float: left;  margin: 0; padding: 0 0 0 25px; width: 120px; text-align: canter; }
.canbe5 { float: right; margin: 0; padding: 0; width: 120px; text-align: canter; }



.uler    { font-size: 12px; font-weight: normal; line-height: 180%; }
.uler ul { margin: 0; padding: 0 0 0 6px; text-align: left;
           list-style-type: disc;
           list-style-position: inside; }
.uler li { margin: 0; padding: 0; text-align: left; }


.uler31    { font-size: 11px; font-weight: normal; line-height: 130%; }
.uler31 ul { margin: 0; padding: 0; }
.uler31 li { margin: 0; padding: 3px 0 0 5px; float: left; width: 94px; list-style-type: none; }



.contenta   { width:220px; height: 25px;
              background: url(http://www.narakko.jp/images/tt-img/contenta.gif) no-repeat; }
.contenta10 { padding: 10px; background : #fff;
              border-left: 1px solid #e8e4cc;
              border-right: 1px solid #e8e4cc; }
.contenta11 { width:220px; height: 10px; 
              background: url(http://www.narakko.jp/images/tt-img/grcontents-under.gif) no-repeat center bottom; }




.etyre { 
         margin       : 0;
         padding      : 6px 12px 4px;
         border-width : 1px 1px 1px 12px;
         border-style : solid;
         border-color : #8c6239;
       }

.denmy { 
         font-size    : 10px;
         font-weight  : normal;
         line-height  : 125%;
         text-align   : center;
         margin       : 0;
         padding      : 3px 6px 2px;
         border-width : 1px 1px 1px 3px;
         border-style : solid;
         border-color : #8c6239;
       }

.fhyty { 
         font-size    : 12px;
         font-weight  : bold;
         line-height  : 140%;
         margin       : 0;
         padding      : 3px 8px 2px;
         border-width : 0px 0px 1px 3px;
         border-style : solid;
         border-color : #8c6239;
       }



.fhyty2 { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 140%;
         margin       : 0;
         padding      : 3px 10px 2px;
         border-width : 1px 1px 1px 3px;
         border-style : solid;
         border-color : #8c6239;
       }




.ewew00 { 
         font-size    : 10px;
         font-weight  : normal;
         line-height  : 125%;
         text-align   : center;
         margin       : 0;
         padding      : 3px 4px 2px;
         border-width : 1px;
         border-style : solid;
         border-color : #8c6239;
       }

.ewew01 { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 140%;
         margin       : 0;
         padding      : 0 0 0 10px;
       }









.fre14 { 
         font-size    : 14px;
         font-weight  : bold;
         line-height  : 130%;
         text-align   : center;
         margin       : 0;
         padding      : 10px 4px 6px 4px;
         border-width : 0px 0px 3px 0px;
         border-style : solid;
         border-color : #8c6239;
       }


.fre12 { 
         font-size    : 12px;
         font-weight  : bold;
         line-height  : 140%;
         text-align   : left;
         margin       : 0;
         padding      : 3px 4px 2px 6px;
         border-width : 1px 1px 1px 3px;
         border-style : solid;
         border-color : #8c6239;
       }





.ens14 { 
         font-size    : 14px;
         font-weight  : bold;
         line-height  : 130%;
         text-align   : center;
         margin       : 0;
         padding      : 4px;
         border-width : 1px;
         border-style : solid;
         border-color : #8c6239;
       }


.ens12 { 
         font-size    : 14px;
         font-weight  : bold;
         line-height  : 140%;
         text-align   : center;
         margin       : 0;
         padding      : 4px;
       }




.meis00 { 
         margin       : 0;
         padding      : 16px 0 6px;
       }


.meis10 { 
         font-size    : 14px;
         font-weight  : bold;
         line-height  : 130%;
         text-align   : center;
         margin       : 0;
         padding      : 0;
       }

.meis10 a 
          { display        : block;
            color          : #8c6239;
            margin         : 0;
            padding        : 4px;
            border-width   : 1px;
            border-style   : solid;
            border-color   : #8c6239;
            text-decoration: none;
            background     : #fff;
          }

.meis10 a:hover
          { color          : #ffffff;
            border-width   : 1px;
            border-style   : solid;
            border-color   : #8c6239;
            text-decoration: none;
            background     : #8c6239;
          }



.meis11 { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 140%;
         text-align   : left;
         margin       : 0;
         padding      : 2px 6px;
         border-width : 0px 0px 1px 3px;
         border-style : solid;
         border-color : #8c6239;
       }



.meis12 { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 130%;
         text-align   : center;
         margin       : 0;
         padding      : 0;
       }

.meis12 a 
          { display        : block;
            color          : #8c6239;
            margin         : 0;
            padding        : 3px;
            border-width   : 1px;
            border-style   : solid;
            border-color   : #8c6239;
            text-decoration: none;
            background     : #fff;
          }

.meis12 a:hover
          { color          : #ffffff;
            border-width   : 1px;
            border-style   : solid;
            border-color   : #8c6239;
            text-decoration: none;
            background     : #8c6239;
          }







.fah12 { 
         font-size    : 12px;
         font-weight  : bold;
         line-height  : 130%;
         text-align   : left;
         color        : #ffffff;
         margin       : 0;
         padding      : 5px 12px 4px;
         border-width : 1px;
         border-style : solid;
         border-color : #8c6239;
         background   : #8c6239;
       }

.fah12a { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 130%;
         text-align   : center;
         margin       : 0;
         padding      : 10px 0;

         border-left-width   : 1px;
         border-left-style   : solid;
         border-left-color   : #8c6239;

         border-right-width  : 1px;
         border-right-style  : solid;
         border-right-color  : #8c6239;

         border-bottom-width : 1px;
         border-bottom-style : solid;
         border-bottom-color : #8c6239;
       }





.fafe12 { 
         font-size    : 12px;
         font-weight  : bold;
         line-height  : 130%;
         text-align   : left;
         margin       : 0;
         padding      : 5px 12px 4px;
         border-width : 1px;
         border-style : solid;
         border-color : #8c6239;
       }

.fafe12a { 
         font-size    : 12px;
         font-weight  : normal;
         line-height  : 130%;
         text-align   : center;
         margin       : 0;
         padding      : 10px 0;

         border-left-width   : 1px;
         border-left-style   : solid;
         border-left-color   : #8c6239;

         border-right-width  : 1px;
         border-right-style  : solid;
         border-right-color  : #8c6239;

         border-bottom-width : 1px;
         border-bottom-style : solid;
         border-bottom-color : #8c6239;
       }
