/*　スタイルシート　基本情報　　　　　　　　　*/


/* ～ページ全体設定～ */
    body {
      color: #320056; /*420088*/
      background: #ffffff
      margin-top: 0px;
      }
    a {
       color: #20005a ;
       text-decoration: none;           /* ●リンクの下線を消す */
      }
    a:visited {color: #}
    a:hover {
    /*color: #542086;*/
    background: #ffff88;   /*ナビリンクにカーソルがのった時の背景色（黄色）*/

   }
    H1 {font-size: 24pt; font-family: arial}
    H2 {font-size: 18pt; font-family: arial}
    H3 {font-size: 14pt; font-family: arial}
    
    
    
/*　～タイトル「おとひとひら」設定～　*/ 
    .title {
    font: 900 24pt fantasy;
    background: #20005a url("./illust/xxxx.jpg");
    margin: 0px;
    padding: 5px;
    border-bottom: 1px solid #ffffff;
    }
    
    .title a { 
       color: #ffffff;
       display: block;
         }


/*　～ナビゲーションバー設定～　*/

 .navi {
    color: #ffffff;            /* ● */
    background-color: #20005a; /* ● ココで指定してもliで指定する必要アリ*/
    text-align: center;        /* ○お好みで */
    width: 100%;               /* コレを指定したら、背景設定が活きる*/
    padding-top: 2px;
    }
 
     /*
      position: absolute;
      top: 10px;
      left: 10px;
      width: 306px;
      */

   ul {
     list-style-type: none;
     font-size: 10px;
     margin: 0px;
     padding: 0px;
     /*background-color: #20005a;  ■ ココでも指定しても効かない*/
     }

    .navi li {
    color: #ffffff;
    font-weight: 900;
    /* background-color: #20005a;  ○ココで指定しないと効かない→バーにWIDTHを指定することでクリア*/
    float: left;
    width: 60px;                   /**/
    margin: 0px; 
    border-right: 1px #ccffcc solid; /* ●区切り線代わり*/
    padding: 1px 0.3em;              /* ●余白 */
    }

    li a{
    color: #ffffff;            /* ●文字色 */
    font-weight: 900;
     display: block;   /* 全部一括指定でしてしまうと、横並びするはずの普通のリンクが還って改行表示に*/
    }
 
 .navi a:hover{
    color: #20005a;             /* ● */
    background-color: #aaaaff;  /* ● */
 }



/*　カバー　 */
 div.cover{
 background: #cccccc;
 }
 
 div.coverend{
   clear: both;
   }

/*　～メインコンテンツ　～*/
   div.main{
   float: right;
   width: 80%;
   padding: 0px 0px 0px 50px; /* 上右下左 */
   background: #ffffff;
   }

/*　～案内・目次～　*/   
   div.menu {
   /* margin-right: 80%; */
   /*background: #cccccc;       背景色薄紫＝タイトル部分と一緒*/
   filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ccffff,endColorStr=#99ff00);/* type0=縦 1=横*/
   font-size: 12px;   
  }

 
 
  /*～　看板　～*/
   div.kanban{
    height: 100px;
    background: #f0ccff;
    }   
   
 /*　メイン右側の見出し文字の設定(ていうか付箋　*/
   .fusen{
     border:1px solid #5256af;
     border-left:10px solid #5256af;
     background:#ffffff;
     margin:10px 0px 4px 0px;
     padding:2px 15px;
     filter:Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=100, FinishX=0, StartY=100, FinishY=0);
     }
   
   
   /*　ページリスト　 */
  ul.pagelinks  {   /*  ドットの前に要素をつけるとその部分だけに適用  */
   margin: 0px;
   padding: 0px; 
   }
   
  ul.pagelinks li {   /*  ドットの前に要素をつけるとその部分だけに適用  */
   width: 1.2em;           /* 横幅 */
   line-height: 1.2em;     /* 高さ */
   list-style-type: none;  /* 先頭記号なし */
   border: 1px solid #320056;; /* 文字の周りを囲む */
   float: left;           /*  横に並べる＞効きません…li自動改行の禁止を参照！ */
   margin: 0.1em;          /* 外側の余白 */
   padding: 0px;           /* 内側の余白 */
   font-family: Arial,sans-serif;/* フォント */
   font-weight: bold;      /* 太字 */
   text-align: center;     /* センタリング */
 /*   white-space: nowrap;    自動改行の禁止*/
 /* display: inline;        要素の表示形式（インライン)*/
   }
   


   
/*　リンクの装飾　*/
.pagelinks a {
   display: block;      /*  ブロック化 */
   text-decoration: none; /* 下線を消す */
   width: 1.2em;          /* 横幅(IE) */
}
/*　未訪問リンクの色　*/
.pagelinks a:link {
   background-color: white; /* 背景色 */
   color: #320056;             /* 文字色 */
}
/*　既訪問リンクの色　*/
.pagelinks a:visited {
   background-color: white; /* 背景色 */
   color: #7844a0;           /* 文字色=背景色(暗色)=通常文字色*/ */
}
/*　未訪問リンクの色　*/
.pagelinks a:hover {
   background-color: #ccaaff; /* 背景色 */
   color: #320056;             /* 文字色 */
}

/*　現在位置項目の装飾　*/
.here {
   background-color: #320056; /* 背景色 */
   color: #ffff80;          /* 文字色 */
 }
 /*　■■■ここまでページリスト関連■■■　*/


 
 /*　～コピーライト表記～*/ 
   div.footer{
    float: center;
    color: #cccccc;
    background: #320056;/*背景色(暗色)=通常文字色*/
    font-size: 10px;
    text-align: center;
   }
   

/*　CM欄　*/
   div.cm {
   color: #f0ccff;
   text-align: center;
   }
   
   
/*　タグメモ用　*/
   .tagnote {
   /* width:80%; */
    background-color: #ddaaff;/* */
    filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#ccffff,endColorStr=#99ff00);/* type0=縦 1=横 ※サイズを指定する必要アリ */
;
    border: 1px solid #888888;
    padding:5px;
      }
      
/*　～ナビゲーションバー設定説明用～　*/

 .navisample{
    color: #ffffff;            /* ● */
    background-color: #20005a; /* ● */
    text-align: center;        /* ○お好みで */
 }

 .navisample a{
    color: #ffffff;            /* ● */
    text-decoration: none;           /* ●リンクの下線を消す */
    border-right: 1px #ccffcc solid; /* ●区切り線代わり*/
    padding: 0px 0.3em;              /* ●余白 */
    }
 
 .navisample a:hover{
     color: #20005a;            /* ● */
    background-color: #aaaaff;  /* ● */
 }

p.clap{
	text-align: right;        /* ○お好みで */
}
 
 tbody{
   font-size: 9px;
 }