/*▼ページ全体---------------------------------------------------------------*/

*  { 
    padding : 0px ; 
    margin : 0px ; 
    text-align:center;
}



#main   {
         padding : 0px ; 
         margin : 0px ; 
         width : 840px ;
         margin-left : auto ; margin-right : auto ; text-align : left ;
         margin : 10px auto;
}



#etc-a  {
         width : 840px ;
         background-image: url("images/nab_etc_1.jpg");
         clear: both;/*画像が喰い込むのを解除*//*文字を中央に配置*/
}



a:link { color: #3333FF; }/*未訪問のリンク*/
a:visited { color: #6600FF; }/*訪問済み*/
a:hover { color: #ff0000; }/*ポイント時*/
a:active { color: #ff8000; }/*選択中*/

/*▲ページ全体---------------------------------------------------------------*/





/*▼トップページ----------------------------------------------------------*/

a img {
       outline : 0 ;
       border: none;
       /*画像の縁を消す*/
}



#top-a  {
         float: left;
         height: 100px;
         width : 420px ;
}



#top-b  {
         float: right;
         height: 100px;
         width : 420px;
}



#top-c  {
         clear: both;
         width: 840px;
}



#top-d  {
         height: 700px;
         width : 840px ;
         background-image: url("images/nab_top_4.jpg");
}


#top-e  {
         height: 70px;
         width : 840px ;
         background-image: url("images/nab_top_5.jpg");
}



#top-f  {
         float: left;
         height: 250px;
         width : 420px ;
         background-image: url("images/nab_top_6.jpg");
}



.top-f2 {
         float : left;

         overflow-y: scroll;
         overflow-x: hidden;

         padding:10px;
         border:2px inset #000000;
         background-color:#ffffff;
         line-height:1.5em;
    
         position: relative; top: 38px; left: 20px; width: 360px; height:178px;
         text-align:left;
 
}



#top-g  {
         float : right;
         height: 250px;
         width : 420px ;
         background-image: url("images/nab_top_7.jpg");
}



.top-g2 {
         float : left;

         overflow-y: scroll;
         overflow-x: hidden;

         padding:10px;
         border:2px inset #000000;
         background-color:#ffffff;
         line-height:1.5em;
    
         position: relative; top: 38px; left: 20px; width: 360px; height:178px;
         text-align:left;
 
}



#top-j  {
         clear: both;
         height: 50px;
         width : 840px;
         background-image: url("images/nab_top_8.jpg");
         position: relative
}



.top-j1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 15px; left: 25px; width: 800px;
}



.top-j2 {
     /*text-align:left;*/
     font-size: 80%;
     color: #ffffff; 
     /*font-family: "ＭＳ Ｐ明朝","ＭＳ 明朝",serif; */
}



#top-k  {
         float: left;
         width: 420px;
}



#top-l  {
         height: 130px;
         width : 420px;
         float : left;
}



textarea {
         resize: none;
         width:350px;
         height:90px;
}



#top-m  {
         height: 130px;
         width : 840px ;
}

/*▲トップページ---------------------------------------------------------------*/





/*▼トップページ（ロールオーバー）---------------------------------------------------------------*/

/* リスト全体 */
ul
   {
    width:840x;
    height:60px;
    list-style:none;
}



/* 各項目 */
li
   {
    width:120px;
    height:60px;
    float:left;
}



/* リンク部分 */
.menu1 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_3.jpg);
    background-position:0px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0;
}


.menu1 a:hover
   {
    background-image:url(images/nab_top_3.jpg);
    background-position:0px -60px;

}



.menu2 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_3.jpg);
    background-position:-120px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0 ;
}


.menu2 a:hover
   {
    background-image:url(images/nab_top_3.jpg);
    background-position:-120px -60px;

}



.menu3 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_3.jpg);
    background-position:-240px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0 ;
}


.menu3 a:hover
   {
    background-image:url(images/nab_top_3.jpg);
    background-position:-240px -60px;

}



.menu4 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_3.jpg);
    background-position:-360px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0 ;
}


.menu4 a:hover
   {
    background-image:url(images/nab_top_3.jpg);
    background-position:-360px -60px;

}



.menu5 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_3.jpg);
    background-position:-480px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0 ;
}


.menu5 a:hover
   {
    background-image:url(images/nab_top_3.jpg);
    background-position:-480px -60px;

}



.menu6 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_3.jpg);
    background-position:-600px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0 ;
}


.menu6 a:hover
   {
    background-image:url(images/nab_top_3.jpg);
    background-position:-600px -60px;

}



.menu7 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_3.jpg);
    background-position:-720px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0 ;
}


.menu7 a:hover
   {
    background-image:url(images/nab_top_3.jpg);
    background-position:-720px -60px;

}

/*▲トップページ（ロールオーバー）---------------------------------------------------------------*/





/*▼ストーリー---------------------------------------------------------------*/

#sto-a  {
         height: 785px;
         width : 840px ;
         background-image: url("images/nab_sto_1.jpg");/*内容画像*/
}

/*▲ストーリー---------------------------------------------------------------*/





/*▼製品情報---------------------------------------------------------------*/

#inf-a  {
         height: 1092px;
         width : 840px ;
         background-image: url("images/nab_inf_1.jpg");
         position: relative
}



.inf-a1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 65px; left: 50px; width: 750px;
}



.inf-a2 {
     text-align:left;
     color: #471600; 

}



.inf-b1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 320px; left: 50px; width: 750px;
}



.inf-c1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 870px; left: 50px; width: 750px;
}


.inf-d1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 16px;
    font-family: monospace;
    position: absolute; top: 60px; left: 17px; width: 750px;
}


.inf-d2 {
     text-align:center;
     color: #471600; 

}

/*▲製品情報---------------------------------------------------------------*/





/*▼キャラ選択--------------------------------------------------------------*/

#cha-a  {
         clear: both;
         width : 840px ;
         background-image: url("images/nab_cha_1.jpg");
}

/*▲キャラ選択--------------------------------------------------------------*/





/*▼キャラ選択１（ロールオーバー）---------------------------------------------------------------*/

/* リスト全体 */

#cha1 ul
   {
    width:840x;
    height:350px;
    list-style:none; 
}



/* 各項目 */
#cha1 li
   {
    width:210px; 
    height:350px;  
    float:left;  
}



/* リンク部分 */

.cha0-1 a
   {
    display:block;
    width:100%;   
    height:100%;  
    background-image:url(images/nab_cha_1.jpg);
    background-position:0px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.cha0-1 a:hover
   {
    background-image:url(images/nab_cha_1.jpg);
    background-position:0px -350px;

}



.cha0-2 a
   {
    display:block;
    width:100%;   
    height:100%;  
    background-image:url(images/nab_cha_1.jpg);
    background-position:-210px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.cha0-2 a:hover
   {
    background-image:url(images/nab_cha_1.jpg);
    background-position:-210px -350px;

}


.cha0-3 a
   {
    display:block;
    width:100%;   
    height:100%;  
    background-image:url(images/nab_cha_1.jpg);
    background-position:-420px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}



.cha0-3 a:hover
   {
    background-image:url(images/nab_cha_1.jpg);
    background-position:-420px -350px;

}



.cha0-4 a
   {
    display:block;
    width:100%;   
    height:100%;  
    background-image:url(images/nab_cha_1.jpg);
    background-position:-630px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.cha0-4 a:hover
   {
    background-image:url(images/nab_cha_1.jpg);
    background-position:-630px -350px;

}

/*▲キャラ選択１（ロールオーバー）---------------------------------------------------------------*/





/*▼キャラ--------------------------------------------------------------*/

#cha-b{
         clear: both;/*画像が喰い込むのを解除*//*文字を中央に配置*/
         height: 50px;
         width : 840px ;
         background-image: url("images/nab_cha_2.jpg");
         position: relative/*文字を中央に配置*/
}



#cha1-1{
         height: 435px;
         width : 840px ;
         background-image: url("images/nab_cha1_1.jpg");
}


#cha1-2{
         height: 860px;
         width : 840px ;
         background-image: url("images/nab_cha1_2.jpg");
}



#cha2-1{
         height: 435px;
         width : 840px ;
         background-image: url("images/nab_cha2_1.jpg");
}



#cha2-2{
         height: 860px;
         width : 840px ;
         background-image: url("images/nab_cha2_2.jpg");
}



#cha3-1{
         height: 435px;
         width : 840px ;
         background-image: url("images/nab_cha3_1.jpg");
}



#cha4-1{
         height: 435px;
         width : 840px ;
         background-image: url("images/nab_cha4_1.jpg");
}



#cha-c{
         height: 60px;
         width : 840px ;
         background-image: url("images/nab_cha_3.jpg");
}

/*▲キャラ--------------------------------------------------------------*/





/*▼キャラ選択（メニュー）---------------------------------------------------------------*/

#cha-menu {
          font-weight: bold;
          position: absolute; top: 16px; left: 180px; width: 500px; 

}

/*▲キャラ選択（メニュー）---------------------------------------------------------------*/





/*▼キャラ選択２（ロールオーバー）---------------------------------------------------------------*/

/* リスト全体 */

#cha2 ul
   {
    width:840x;
    height:435px;
    list-style:none; 
}



/* 各項目 */
#cha2 li
   {
    width:420px; 
    height:435px;  
    float:left;  
}



/* リンク部分 */

.cha1-1 a
   {
    display:block;
    width:100%;   
    height:100%;  
    background-image:url(images/nab_cha1_1.jpg);
    background-position:0px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.cha1-1 a:hover
   {
    background-image:url(images/nab_cha1_1.jpg);
    background-position:0px -435px;

}



.cha1-2 a
   {
    display:block;
    width:100%;   
    height:100%;  
    background-image:url(images/nab_cha1_1.jpg);
    background-position:-420px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.cha1-2 a:hover
   {
    background-image:url(images/nab_cha1_1.jpg);
    background-position:-420px -435px;

}



.cha2-1 a
   {
    display:block;
    width:100%;   
    height:100%;  
    background-image:url(images/nab_cha2_1.jpg);
    background-position:0px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.cha2-1 a:hover
   {
    background-image:url(images/nab_cha2_1.jpg);
    background-position:0px -435px;

}



.cha2-2 a
   {
    display:block;
    width:100%;   
    height:100%;  
    background-image:url(images/nab_cha2_1.jpg);
    background-position:-420px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.cha2-2 a:hover
   {
    background-image:url(images/nab_cha2_1.jpg);
    background-position:-420px -435px;

}

/*▲キャラ選択２（ロールオーバー）---------------------------------------------------------------*/





/*▼キャラクターボイス共通ロールオーバー-----------------------------------------*/

#cha0-0 ul
   {
    width:840x;             /* リスト全体の幅 */
    height:60px;             /* リスト全体の高さ */
    list-style:none;         /* リストマークを無しにする */
}



/* 各項目 */
#cha0-0 li
   {
    width:105px;             /* 項目の幅 (横幅を合計を越えると×)*/
    height:60px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}

/*▲キャラクターボイス共通ロールオーバー-----------------------------------------*/





/*▼キャラクターボイス-----------------------------------------*/

/* リンク部分 */

.cha1-1v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/nab_cha_3.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-0px 0px;
                     /* ↑背景画像の（0px 0px）の位置 */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    outline : 0 ;
}

.cha1-1v a:hover
   {
    background-image:url(images/nab_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-0px -60px;
                     /* ↑背景画像の（px -px）に移動 */
}



.cha1-2v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/nab_cha_3.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-105px 0px;
                     /* ↑背景画像の（0px 0px）の位置 */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    outline : 0 ;
}

.cha1-2v a:hover
   {
    background-image:url(images/nab_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-105px -60px;
                     /* ↑背景画像の（px -px）に移動 */
}



.cha1-3v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/nab_cha_3.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-210px 0px;
                     /* ↑背景画像の（0px 0px）の位置 */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    outline : 0 ;
}

.cha1-3v a:hover
   {
    background-image:url(images/nab_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-210px -60px;
                     /* ↑背景画像の（px -px）に移動 */
}



.cha1-4v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/nab_cha_3.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-315px 0px;
                     /* ↑背景画像の（0px 0px）の位置 */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    outline : 0 ;
}

.cha1-4v a:hover
   {
    background-image:url(images/nab_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-315px -60px;
                     /* ↑背景画像の（px -px）に移動 */
}




.cha1-5v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/nab_cha_3.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-420px 0px;
                     /* ↑背景画像の（0px 0px）の位置 */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    outline : 0 ;
}

.cha1-5v a:hover
   {
    background-image:url(images/nab_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-420px -60px;
                     /* ↑背景画像の（px -px）に移動 */
}




.cha1-6v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/nab_cha_3.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-525px 0px;
                     /* ↑背景画像の（0px 0px）の位置 */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    outline : 0 ;
}

.cha1-6v a:hover
   {
    background-image:url(images/nab_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-525px -60px;
                     /* ↑背景画像の（px -px）に移動 */
}




.cha1-7v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/nab_cha_3.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-630px 0px;
                     /* ↑背景画像の（0px 0px）の位置 */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    outline : 0 ;
}

.cha1-7v a:hover
   {
    background-image:url(images/nab_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-630px -60px;
                     /* ↑背景画像の（px -px）に移動 */
}




.cha1-8v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/nab_cha_3.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-735px 0px;
                     /* ↑背景画像の（0px 0px）の位置 */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    outline : 0 ;
}

.cha1-8v a:hover
   {
    background-image:url(images/nab_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-735px -60px;
                     /* ↑背景画像の（px -px）に移動 */
}

/*▲キャラクターボイス-----------------------------------------*/





/*▼ギャラリー--------------------------------------------------------------*/

#gal-2  {
         clear: both;/*画像が喰い込むのを解除*//*文字を中央に配置*/
         height: 210px;
         width : 840px ;
         background-image: url("images/nab_gal_2.jpg");
         position: relative/*文字を中央に配置*/
}



#gal-3  {
         clear: both;/*画像が喰い込むのを解除*//*文字を中央に配置*/
         height: 90px;
         width : 840px ;
         background-image: url("images/nab_gal_3.jpg");
         position: relative/*文字を中央に配置*/
}



#gal-1-1  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 480px;
         width : 840px ;
         background-image: url("images/nab_gal_1-1.jpg");/*ギャラリー0-0*/
         position: relative
}



#gal-1-2  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 480px;
         width : 840px ;
         background-image: url("images/nab_gal_1-2.jpg");/*ギャラリー0-0*/
         position: relative
}



#gal-1-3  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 480px;
         width : 840px ;
         background-image: url("images/nab_gal_1-3.jpg");/*ギャラリー0-0*/
         position: relative
}



#gal-1-4  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 480px;
         width : 840px ;
         background-image: url("images/nab_gal_1-4.jpg");/*ギャラリー0-0*/
         position: relative
}



#gal-2-1  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 480px;
         width : 840px ;
         background-image: url("images/nab_gal_2-1.jpg");/*ギャラリー0-0*/
         position: relative
}



#gal-2-2  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 480px;
         width : 840px ;
         background-image: url("images/nab_gal_2-2.jpg");/*ギャラリー0-0*/
         position: relative
}



#gal-2-3  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 480px;
         width : 840px ;
         background-image: url("images/nab_gal_2-3.jpg");/*ギャラリー0-0*/
         position: relative
}



#gal-2-4  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 480px;
         width : 840px ;
         background-image: url("images/nab_gal_2-4.jpg");/*ギャラリー0-0*/
         position: relative
}

/*▲ギャラリー--------------------------------------------------------------*/





/*▼ギャラリー１（ロールオーバー）---------------------------------------------------------------*/

#gal-01 ul
   {
    width:840x;             
    height:210px;             
    list-style:none;         
}



/* 各項目 */
#gal-01 li
   {
    width:210px;            
    height:210px;            
    float:left;             
}



/* リンク部分 */

.gal1-1 a
   {
    display:block;            
    width:100%;               
    height:100%;              
    background-image:url(images/nab_gal_1.jpg);  
    background-position:0px 0px;
                     
    background-repeat:no-repeat;  
    text-indent:-1000em;             
    text-decoration:none;             
    outline : 0 ;
}

.gal1-1 a:hover
   {
    background-image:url(images/nab_gal_1.jpg);   
    background-position:0px -210px;
                     
}



.gal1-2 a
   {
    display:block;             
    width:100%;                
    height:100%;               
    background-image:url(images/nab_gal_1.jpg);
    background-position:-210px 0px;
                     
    background-repeat:no-repeat;      
    text-indent:-1000em;              
    text-decoration:none;             
    outline : 0 ;
}

.gal1-2 a:hover
   {
    background-image:url(images/nab_gal_1.jpg); 
    background-position:-210px -210px;
                     
}



.gal1-3 a
   {
    display:block;             
    width:100%;                
    height:100%;               
    background-image:url(images/nab_gal_1.jpg);
    background-position:-420px 0px;
                     
    background-repeat:no-repeat;      
    text-indent:-1000em;              
    text-decoration:none;            
    outline : 0 ;
}

.gal1-3 a:hover
   {
    background-image:url(images/nab_gal_1.jpg); 
    background-position:-420px -210px;
                    
}



.gal1-4 a
   {
    display:block;             
    width:100%;                
    height:100%;               
    background-image:url(images/nab_gal_1.jpg);
    background-position:-630px 0px;
                     
    background-repeat:no-repeat;      
    text-indent:-1000em;              
    text-decoration:none;             
    outline : 0 ;
}

.gal1-4 a:hover
   {
    background-image:url(images/nab_gal_1.jpg); 
    background-position:-630px -210px;
                     
}

/*▲ギャラリー１（ロールオーバー）---------------------------------------------------------------*/





/*▼ギャラリー２（ロールオーバー）---------------------------------------------------------------*/

#gal-02 ul
   {
    width:840x;             
    height:210px;             
    list-style:none;         
}



/* 各項目 */
#gal-02 li
   {
    width:210px;            
    height:210px;            
    float:left;             
}



/* リンク部分 */

.gal2-1 a
   {
    display:block;            
    width:100%;               
    height:100%;              
    background-image:url(images/nab_gal_2.jpg);  
    background-position:0px 0px;
                     
    background-repeat:no-repeat;  
    text-indent:-1000em;             
    text-decoration:none;             
    outline : 0 ;
}

.gal2-1 a:hover
   {
    background-image:url(images/nab_gal_2.jpg);   
    background-position:0px -210px;
                     
}



.gal2-2 a
   {
    display:block;             
    width:100%;                
    height:100%;               
    background-image:url(images/nab_gal_2.jpg);
    background-position:-210px 0px;
                     
    background-repeat:no-repeat;      
    text-indent:-1000em;              
    text-decoration:none;             
    outline : 0 ;
}

.gal2-2 a:hover
   {
    background-image:url(images/nab_gal_2.jpg); 
    background-position:-210px -210px;
                     
}



.gal2-3 a
   {
    display:block;             
    width:100%;                
    height:100%;               
    background-image:url(images/nab_gal_2.jpg);
    background-position:-420px 0px;
                     
    background-repeat:no-repeat;      
    text-indent:-1000em;              
    text-decoration:none;            
    outline : 0 ;
}

.gal2-3 a:hover
   {
    background-image:url(images/nab_gal_2.jpg); 
    background-position:-420px -210px;
                    
}



.gal2-4 a
   {
    display:block;             
    width:100%;                
    height:100%;               
    background-image:url(images/nab_gal_2.jpg);
    background-position:-630px 0px;
                     
    background-repeat:no-repeat;      
    text-indent:-1000em;              
    text-decoration:none;             
    outline : 0 ;
}

.gal2-4 a:hover
   {
    background-image:url(images/nab_gal_2.jpg); 
    background-position:-630px -210px;
                     
}

/*▲ギャラリー２（ロールオーバー）---------------------------------------------------------------*/





/*▼ギャラリー紹介文章（ページ別）---------------------------------------------------------------*/

.gal1-01 {
    line-height: 1.2;
    font-weight:500;
    font-size: 15px;
    font-family: monospace;
    position: absolute; top: 15px; left: 90px; width: 700px; 
   /*position: absolute; top: 15px; left: 180px; width: 840px; */
}


.gal1-001 {
     color: #ffffff;
     text-align:left;
}

/*▲ギャラリー紹介文章（ページ別）---------------------------------------------------------------*/





/*▼通信販売---------------------------------------------------------------*/

#sho-a  {
         height: 380px;
         width : 840px ;
         background-image: url("images/nab_sho_1.jpg");
}



#sho-b  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 165px;
         width : 840px ;
         background-image: url("images/nab_sho_2.jpg");
         position: relative
}



.sho-a1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 33px; left: 20px; width: 800px; 
}

/*▲通信販売---------------------------------------------------------------*/





/*▼特典---------------------------------------------------------------*/

#spe-a  {
         height: 760px;
         width : 840px ;
         background-image: url("images/nab_spe_1.jpg");/*内容画像*/
}



#spe-b  {
         height: 194px;
         width : 840px ;
         background-image: url("images/nab_spe_2.jpg");/*内容画像*/
}



#spe-c  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 130px;
         width : 840px ;
         background-image: url("images/nab_spe_3.jpg");
         position: relative
}



.spe-a1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 33px; left: 20px; width: 800px; 
}

/*▲特典---------------------------------------------------------------*/





/*▼スペシャル---------------------------------------------------------------*/

#spe0-b  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 160px;
         width : 840px ;
         background-image: url("images/nab_spe0_2.jpg");/*項目画像*/
}

/*▲スペシャル---------------------------------------------------------------*/





/*▼スペシャル（ロールオーバー）----------------------------------------------------*/

#spe0-0 ul
   {
    width:840x; 
    height:160px;
    list-style:none; 
}



/* 各項目 */
#spe0-0 li
   {
    width:840px;       
    height:160px;      
    float:left;        
}



/* リンク部分 */

.spe0-1 a
   {
    display:block;           
    width:100%;              
    height:100%;             
    background-image:url(images/nab_spe0_1.jpg);
    background-position:0px 0px;
                     
    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.spe0-1 a:hover
   {
    background-image:url(images/nab_spe0_1.jpg); 
    background-position:0px -160px;
                     
}



.spe0-2 a
   {
    display:block;           
    width:100%;              
    height:100%;             
    background-image:url(images/nab_spe0_2.jpg);
    background-position:0px 0px;
                     
    background-repeat:no-repeat;
    text-indent:-1000em;        
    text-decoration:none;       
    outline : 0 ;
}

.spe0-2 a:hover
   {
    background-image:url(images/nab_spe0_2.jpg); 
    background-position:0px -160px;
                     
}

/*▲スペシャル（ロールオーバー）----------------------------------------------------*/





/*▼スペシャル（ユーザー参加企画）---------------------------------------------------------------*/

#spe1-a  {
         height: 380px;
         width : 840px ;
         background-image: url("images/nab_spe1_1.jpg");/*項目画像*/
}



#spe1-b  {
         height: 840px;
         width : 840px ;
         background-image: url("images/nab_spe1_2.jpg");/*項目画像*/
}



#spe1-c  {
         clear:both; /*画像が上に食い込むのを解除*/
         height: 120px;
         width : 840px ;
         background-image: url("images/nab_spe1_3.jpg");/*項目画像*/
         position: relative
}



#spe1-d  {
         height: 200px;
         width : 840px ;
         background-image: url("images/nab_spe1_4.jpg");/*項目画像*/
         position: relative
}



#spe1-e  {
         height: 420px;
         width : 840px ;
         background-image: url("images/nab_spe1_5.jpg");/*内容画像*/
}

/*▲スペシャル（ユーザー参加企画）---------------------------------------------------------------*/





/*▼スペシャル（ユーザー参加企画／文字関連）---------------------------------------------------------------*/

.spe1-a2 {
     text-align:center;
     color: #471600; 

}



.spe1-c1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 12px;
    font-family: monospace;
    position: absolute; top: 0px; left: 0px; width: 840px;
}



.spe1-a1 {
    line-height: 1.3;
    font-weight:840;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 35px; left: 0px; width: 840px; /*更新履歴*/
}

/*▲スペシャル（ユーザー参加企画／文字関連）---------------------------------------------------------------*/





/*▼ユーザー参加企画（ロールオーバー）---------------------------------------------------------------*/

#top-a01 ul
   {
    width:420x;
    height:100px;
    list-style:none;
}



#top-a01 li
   {
    width:420px;
    height:100px;
    float:left;
}



/* リンク部分 */
.top-a001 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_1.jpg);
    background-position:0px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0;
}


.top-a001 a:hover
   {
    background-image:url(images/nab_top_1.jpg);
    background-position:0px -100px;

}

/*▲ユーザー参加企画（ロールオーバー）---------------------------------------------------------------*/





/*▼体験版（ロールオーバー）---------------------------------------------------------------*/

#top-b01 ul
   {
    width:420x;
    height:100px;
    list-style:none;
}



#top-b01 li
   {
    width:420px;
    height:100px;
    float:left;
}



/* リンク部分 */
.top-b001 a
   {
    display:block;
    width:100%;
    height:100%;
    background-image:url(images/nab_top_2.jpg);
    background-position:0px 0px;

    background-repeat:no-repeat;
    text-indent:-1000em;
    text-decoration:none;
    outline : 0;
}


.top-b001 a:hover
   {
    background-image:url(images/nab_top_2.jpg);
    background-position:0px -100px;

}

/*▲体験版（ロールオーバー）---------------------------------------------------------------*/





/*▼ここから体験版・デモテーブルの指定----------------------------------------------------------*/

.demo {
    padding : 0px ; 
    text-align:center;
    margin-left : auto ; margin-right : auto ; text-align : left ;

}

/*体験版・デモリンクのセンター配置*/

/*▲ここまで体験版・デモテーブルの指定----------------------------------------------------------*/