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

*  { 
    padding : 0px ; 
    margin : 0px ; 
    text-align:center;
    /*background-color: #000000*/
}




#main   {
         padding : 0px ; 
         margin : 0px ; 
         width : 840px ;
         /*border: 1px solid #FF9900;*/
         margin-left : auto ; margin-right : auto ; text-align : left ;
         margin : 10px auto;
}


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



/*ここからトップページ----------------------------------------------------------*/
#top-a1 {
         height: 150px;
         float : left;
         width : 420px;
         /*border: 1px solid #FF9900;*/
         /*background-image: url("images/kyo3_top_1.jpg");*/
}



#top-a2 {
         height: 150px;
         float : right;
         width : 420px;
         outline : 0;
         /*border: 1px solid #0000FF;*/
         /*background-image: url("images/kyo3_top_2.gif");*/

}


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







#top-b  {
         clear: both;
         width: 840px;
         /*border: 1px solid #FF0000;*/
}



#top-c  {
         height: 920px;
         width : 840px ;
         /*border: 1px solid #00FF00;*/
         background-image: url("images/kyo3_top_4.jpg");
}



#top-d1 {
         /*margin: 5px;*/
         height: 160px;
         float : left;
         width : 420px;
         /*border: 1px solid #000099;*/
         background-image: url("images/kyo3_top_5.jpg");
         position: relative
}



#top-d2 {
         margin: 10px 20px;
         float : left;
         height: 124px;
         width : 300px;
         outline : 0 ;
         /*border: 1px solid #0066CC;*/
         /*position: absolute; top: 15px; left: 15px; width: 300px;*/
}



#top-e {
         clear: both;
         margin: 0 auto;
         height: 150px;
         width : 840px;
         /*border: 1px solid #3333FF;*/
         background-image: url("images/kyo3_top_6.jpg");
         /*position: absolute; top: 150px; left: 0px; width: 666px;*/

}



#top-f  {
         clear: both;
         width : 840px;
         /*border: 1px solid #FF3300;*/
         margin: 0 auto;
}


/*ここまでトップページ---------------------------------------------------------------*/



/*ここからロールオーバー---------------------------------------------------------------*/

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



/* 各項目 */
li
   {
    width:120px;             /* 項目の幅 */
    height:54px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



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

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



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

.menu2 a:hover
   {
    background-image:url(images/kyo3_top_3.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-120px -54px;
                     /* ↑背景画像の（-150px -35px）に移動 */
}



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

.menu3 a:hover
   {
    background-image:url(images/kyo3_top_3.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-240px -54px;
                     /* ↑背景画像の（-300px -35px）に移動 */
}



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

.menu4 a:hover
   {
    background-image:url(images/kyo3_top_3.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-360px -54px;
                     /* ↑背景画像の（-300px -35px）に移動 */
}



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

.menu5 a:hover
   {
    background-image:url(images/kyo3_top_3.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-480px -54px;
                     /* ↑背景画像の（-300px -35px）に移動 */
}



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

.menu6 a:hover
   {
    background-image:url(images/kyo3_top_3.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-600px -54px;
                     /* ↑背景画像の（-300px -35px）に移動 */
}



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

.menu7 a:hover
   {
    background-image:url(images/kyo3_top_3.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-720px -54px;
                     /* ↑背景画像の（-300px -35px）に移動 */
}

/*ここまでロールオーバー---------------------------------------------------------------*/



/*ここから更新履歴---------------------------------------------------------------------*/

.d1 {
    font-weight:800;
    font-size: 30px;
    position: absolute; top: 40px; left: 50px; width: 300px; /*更新履歴*/
    font-size: 20px;
    text-align:left;
    /*background-color: #FFFFFF;*/

}

/*ここまで更新履歴-----------------------------------------------------------------*/




/*ここからトップ（デモ）のロールオーバー----------------------------------------*/

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



/* 各項目 */
#top0-0 li
   {
    width:840px;             /* 項目の幅 */
    height:150px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



/* リンク部分 */

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

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




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

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





/*ここまでトップ（デモ）のロールオーバー----------------------------------------*/





/*ここからストーリー---------------------------------------------------------------*/

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



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



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



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



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



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



#sto-c  {
         height: 50px;
         width : 840px ;
         background-image: url("images/kyo3_cha1_2.jpg");
         position: relative
}



#sto-menu {
          font-weight: bold;
          position: absolute; top: 15px; left: 360px; width: 800px; 
}


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


/*ここまでストーリー---------------------------------------------------------------*/



/*ここから製品情報---------------------------------------------------------------*/

#inf-a  {
         height: 64px;
         width : 840px ;
         /*border: 1px solid #00FF00;*/
         background-image: url("images/kyo3_inf_1.jpg");
}



#inf-b  {
         height: 1019px;
         width : 840px ;
         /*border: 1px solid #00FF00;*/
         background-image: url("images/kyo3_inf_2.jpg");
         position: relative
}


.inf-a1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 70px; left: 15px; width: 800px; /*更新履歴*/
    /*text-align:left;*/
}


.inf-a2 {
     text-align:left;

}


.inf-b1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 310px; left: 15px; width: 800px; /*更新履歴*/
    /*text-align:left;*/
}



.inf-c1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 770px; left: 15px; width: 840px; /*更新履歴*/
    /*text-align:left;*/
}


/*ここまで製品情報---------------------------------------------------------------*/





/*ここからキャラ選択--------------------------------------------------------------*/


#cha-a  {
         height: 64px;
         width : 840px ;
         /*border: 1px solid #00FF00;*/
         background-image: url("images/kyo3_cha_1.jpg");
}



#cha-b  {
         clear: both;
         width: 840px;
         /*border: 1px solid #FF0000;*/
}


#cha-c  {
         clear: both;
         width: 840px;
         /*border: 1px solid #FF0000;*/
}



#cha-d  {
         clear: both;
         width: 840px;
         /*border: 1px solid #FF0000;*/
}




#cha-e  {
         clear: both;/*画像が喰い込むのを解除*/
         height: 134px;
         width : 840px ;
         /*border: 1px solid #00FF00;*/
         background-image: url("images/kyo3_cha_5.jpg");
}




/*ここからロールオーバーＡ---------------------------------------------------------------*/

/* リスト全体 */


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



/* 各項目 */
#cha1 li
   {
    width:280px;             /* 項目の幅 */
    height:180px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



/* リンク部分 */

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

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



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

.cha0-2 a:hover
   {
    background-image:url(images/kyo3_cha_2.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-280px -180px;
                     /* ↑背景画像の（-150px -35px）に移動 */
}



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

.cha0-3 a:hover
   {
    background-image:url(images/kyo3_cha_2.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-560px -180px;
                     /* ↑背景画像の（-300px -35px）に移動 */
}


/*ここからロールオーバーＢ---------------------------------------------------------------*/


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



/* 各項目 */
#cha2 li
   {
    width:210px;             /* 項目の幅 */
    height:130px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



/* リンク部分 */

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

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



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

.cha0-5 a:hover
   {
    background-image:url(images/kyo3_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-210px -130px;
                     /* ↑背景画像の（0px -54px）に移動 */
}


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

.cha0-6 a:hover
   {
    background-image:url(images/kyo3_cha_3.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-420px -130px;
                     /* ↑背景画像の（0px -54px）に移動 */
}


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

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


/*ここまでロールオーバー---------------------------------------------------------------*/





/*ここからロールオーバーＣ---------------------------------------------------------------*/


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



/* 各項目 */
#cha3 li
   {
    width:210px;             /* 項目の幅 */
    height:130px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}





/* リンク部分 */

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

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



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

.cha0-9 a:hover
   {
    background-image:url(images/kyo3_cha_4.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-210px -130px;
                     /* ↑背景画像の（0px -54px）に移動 */
}


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

.cha0-10 a:hover
   {
    background-image:url(images/kyo3_cha_4.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-420px -130px;
                     /* ↑背景画像の（0px -54px）に移動 */
}


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

.cha0-11 a:hover
   {
    background-image:url(images/kyo3_cha_4.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-630px -130px;
                     /* ↑背景画像の（0px -54px）に移動 */
}



/*ここまでロールオーバー---------------------------------------------------------------*/




/*ここからキャラ選択---------------------------------------------------------------*/


/*キャラクター---------------------------------------------------------------*/

#cha1-a  {
         height: 686px;
         width : 840px ;
         background-image: url("images/kyo3_cha1_1.jpg");
}



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



#cha2-a  {
         height: 686px;
         width : 840px ;
         background-image: url("images/kyo3_cha2_1.jpg");
}



#cha3-a  {
         height: 686px;
         width : 840px ;
         background-image: url("images/kyo3_cha3_1.jpg");
}



#cha4-a  {
         height: 470px;
         width : 840px ;
         background-image: url("images/kyo3_cha4_1.jpg");
}



#cha5-a  {
         height: 470px;
         width : 840px ;
         background-image: url("images/kyo3_cha5_1.jpg");
}



#cha6-a  {
         height: 550px;
         width : 840px ;
         background-image: url("images/kyo3_cha6_1.jpg");
}



#cha6-a  {
         height: 550px;
         width : 840px ;
         background-image: url("images/kyo3_cha6_1.jpg");
}



#cha7-a  {
         height: 500px;
         width : 840px ;
         background-image: url("images/kyo3_cha7_1.jpg");
}



#cha8-a  {
         height: 500px;
         width : 840px ;
         background-image: url("images/kyo3_cha8_1.jpg");
}



#cha9-a  {
         height: 500px;
         width : 840px ;
         background-image: url("images/kyo3_cha9_1.jpg");
}



#cha10-a  {
         height: 500px;
         width : 840px ;
         background-image: url("images/kyo3_cha11_1.jpg");
}



#cha11-a  {
         height: 500px;
         width : 840px ;
         background-image: url("images/kyo3_cha10_1.jpg");
}



#cha-menu {
          font-weight: bold;
          position: absolute; top: 15px; left: 230px; width: 800px; 

}


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


/*キャラクター---------------------------------------------------------------*/


/*ここまでキャラ選択---------------------------------------------------------------*/




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


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



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

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

/*ここからキャラクターボイス１ロールオーバー-----------------------------------------*/


/* リンク部分 */

.cha1-1v a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(images/kyo3_cha1_v.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/kyo3_cha1_v.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-0px -80px;
                     /* ↑背景画像の（px -px）に移動 */
}



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

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



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

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



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

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




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

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




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

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



/*ここまでキャラクターボイス１ロールオーバー-----------------------------------------*/





/*ここからキャラクターボイス２ロールオーバー-----------------------------------------*/


/* リンク部分 */

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

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



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

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



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

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



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

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




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

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




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

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



/*ここまでキャラクターボイス２ロールオーバー-----------------------------------------*/



/*ここからキャラクターボイス３ロールオーバー-----------------------------------------*/


/* リンク部分 */

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

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



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

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



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

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



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

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




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

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




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

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



/*ここまでキャラクターボイス３ロールオーバー-----------------------------------------*/



/*ここからキャラクターボイス４ロールオーバー-----------------------------------------*/


/* リンク部分 */

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

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



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

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



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

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



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

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




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

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




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

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



/*ここまでキャラクターボイス４ロールオーバー-----------------------------------------*/




/*ここからキャラクターボイス５ロールオーバー-----------------------------------------*/


/* リンク部分 */

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

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



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

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



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

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



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

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




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

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




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

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



/*ここまでキャラクターボイス５ロールオーバー-----------------------------------------*/





/*ここからギャラリー---------------------------------------------------------------*/

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



/*ここからギャラリーメニューのロールオーバー----------------------------------------*/

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



/* 各項目 */
#gal0-0 li
   {
    width:280px;             /* 項目の幅 */
    height:260px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



/* リンク部分 */

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

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



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

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



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

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





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


/*ここまでギャラリーメニューのロールオーバー----------------------------------------*/


/*ここからギャラリー第１回のロールオーバー----------------------------------------------------------*/

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



/* 各項目 */
#gal1-0 li
   {
    width:168px;             /* 項目の幅 */
    height:130px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



/* リンク部分 */

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

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



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

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



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

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



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

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


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

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

/*ここまでギャラリー第１回のロールオーバー----------------------------------------------------------*/


/*ここまでギャラリー---------------------------------------------------------------*/


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


/*ここからギャラリー第１回（ページ別）---------------------------------------------------------------*/

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


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


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


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


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

/*ここまでギャラリー第１回（ページ別）---------------------------------------------------------------*/








/*ここからギャラリー第２回のロールオーバー----------------------------------------------------------*/

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



/* 各項目 */
#gal2-0 li
   {
    width:168px;             /* 項目の幅 */
    height:130px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



/* リンク部分 */

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

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



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

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



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

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



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

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


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

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

/*ここまでギャラリー第２回のロールオーバー----------------------------------------------------------*/


/*ここまでギャラリー---------------------------------------------------------------*/


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


/*ここからギャラリー第２回（ページ別）---------------------------------------------------------------*/

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


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


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


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


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

/*ここまでギャラリー第２回（ページ別）---------------------------------------------------------------*/






/*ここからギャラリー第３回のロールオーバー----------------------------------------------------------*/

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



/* 各項目 */
#gal3-0 li
   {
    width:168px;             /* 項目の幅 */
    height:130px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



/* リンク部分 */

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

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



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

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



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

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



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

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


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

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

/*ここまでギャラリー第３回のロールオーバー----------------------------------------------------------*/


/*ここまでギャラリー---------------------------------------------------------------*/


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


/*ここからギャラリー第３回（ページ別）---------------------------------------------------------------*/

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


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


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


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


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

/*ここまでギャラリー第３回（ページ別）---------------------------------------------------------------*/






/*紹介文章（ページ別）---------------------------------------------------------------*/

.gal1-01 {
    line-height: 1.2;
    font-weight:700;
    font-size: 14px;
    font-family: monospace;
    position: absolute; top: 15px; left: 495px; width: 800px; /*更新履歴*/
    /*text-align:left;*/
}

.gal1-001 {
     text-align:left;
}


/*紹介文章（ページ別）---------------------------------------------------------------*/


#gal-c  {
         height: 50px;
         width : 840px ;
         background-image: url("images/kyo3_cha1_2.jpg");
         position: relative
}



#gal-menu {
          font-weight: bold;
          position: absolute; top: 15px; left: 230px; width: 800px; 

}


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


/*ここまでギャラリー---------------------------------------------------------------*/



/*ここから通信販売---------------------------------------------------------------*/

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



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


.sho-a1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 210px; left: -130px; width: 800px; /*更新履歴*/
    /*text-align:left;*/
}


/*.sho-a2 {
     text-align:left;
}*/



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






/*ここから通信販売のロールオーバー----------------------------------------*/

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



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



/* リンク部分 */

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

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



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

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



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

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




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



/*ここまで通信販売のロールオーバー----------------------------------------*/



/*ここまで通信販売---------------------------------------------------------------*/





/*ここからスペシャル（選択）-------------------------------------------------*/


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



/*ここからスペシャル（選択）のロールオーバー----------------------------------------*/

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



/* 各項目 */
#spe0-0 li
   {
    width:840px;             /* 項目の幅 */
    height:155px;             /* 項目の高さ */
    float:left;              /* 各項目を左側から回り込み */
}



/* リンク部分 */

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

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




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

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




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

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




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

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




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





/*ここまでスペシャル（選択）-------------------------------------------------*/









/*ここからスペシャル（相性占い）-------------------------------------------------*/

#spe1-a  {
         height: 64px;
         width : 840px ;
         background-image: url("images/kyo3_spe_1.jpg");
}


#spe1-0  {
         height: 420px;
         width : 840px ;
         background-image: url("images/kyo3_spe1_0.jpg");
}


#spe1-b  {
         height: 246px;
         width : 840px ;
         background-image: url("images/kyo3_spe1_1.jpg");
}


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


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


/*.spe-a1 {
    line-height: 1.3;
    font-weight:800;
    font-size: 16px;
    font-family: monospace;
    position: absolute; top: 135px; left: 21px; width: 800px; 
}
*/


/*ここまでスペシャル（相性占い）-------------------------------------------------*/





/*ここからボーナス---------------------------------------------------------------*/

#bon-a  {
         height: 64px;
         width : 840px ;
         background-image: url("images/kyo3_bon_1.jpg");
}


/*ここからボーナスのロールオーバー----------------------------------------*/

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



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



/* リンク部分 */


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

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



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

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



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

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






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



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



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



.bon-z {
    line-height: 1.3;
    font-weight:800;
    font-size: 18px;
    font-family: monospace;
    position: absolute; top: 140px; left: 5px; width: 800px; /*更新履歴*/
    /*text-align:left;*/
}




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


/*ここまでボーナスのロールオーバー----------------------------------------*/




/*ここからデモテーブルの指定----------------------------------------------------------*/

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

}

/*ここまでデモテーブルの指定----------------------------------------------------------*/