@charset "Shift_Jis";


/* 自由に消して足して書き換えてください。 */


/***** ページの設定 ******/
body{
   background-image:url(img/top01.jpg);                              /* 背景画像の設定 */
   background-repeat:no-repeat;                                      /* 背景画像を繰り返さない */
   background-attachment: fixed;                                     /* 背景画像をスクロールで移動させない */
   background-position:0 -80px;                                      /* 背景画像の位置 */
   color:#333;                                                       /* 文字色の設定*/
   font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;   /* フォントの種類 */
   line-height:180%;                                                 /* 行間の設定 */
   font-size  :70%;                                                  /* 文字サイズ */

   /* スクロールバーの設定（winのIE以外では反映されません） */
   scrollbar-face-color      :#fff;
   scrollbar-track-color     :#fff;
   scrollbar-arrow-color     :#333;
   scrollbar-3dlight-color   :#333;
   scrollbar-highlight-color :#fff;
   scrollbar-shadow-color    :#fff;
   scrollbar-darkshadow-color:#333;
   }

p{margin:3px 0 20px;}   /* p要素の設定 */



/***** リンクの設定 *****/
a:link    {color:#333;}  /* リンク色 */
a:visited {color:#333;}  /* 既読リンク色 */
a:hover   {color:#fc0;}  /* カーソルがリンクの上に来た時の色 */



/***** h要素の設定 *****/
h1{                     /* h1要素の設定 */
   margin:20px 0 5px;   /* マージン */
   font-size:100%;      /* パディング */
   }



/***** index.tml、index02.htmlの設定 *****/
#index{                     /* ページ設定 */
   background-image:none;   /* 背景画像 */
   }

#index iframe{            /* アイフレームの設定 */
   width:460px;           /* 幅 */
   height:220px;          /* 高さ */
   }

h1#title{                 /* h1要素の設定 */
   margin:0;              /* マージン */
   padding:35px 0 0;      /* パディング */
   text-align:center;     /* 文字を中央に */
   font-weight:lighter;   /* 文字を細くする */
   }

#index ul{                /* メニュー01 */
   margin:0;              /* マージン */
   padding:35px 0 0;      /* パディング */
   text-align:center;     /* 文字を中央に */
   }
#index li{                /* メニュー02 */
   margin:0 3px;          /* マージン */
   padding:0;             /* パディング */
   list-style:none;       /* リストスタイル */
   display:inline;        /* インライン */
   }

#index a:link    {color:#fff;}       /* リンク色 */
#index a:visited {color:#fff;}       /* 既読リンク色 */
#index a:hover   {color:#fc0;        /* カーソルがリンクの上に来た時の色 */
       text-decoration:underline;}   /* カーソルがリンクの上に来たとき下線を出す */
#index a{text-decoration:none;}      /* リンクの下線を消す */



/***** index.htmlの設定 *****/
#img01{                                   /* ページの設定 */
   width:400px;height:120px;              /* 幅・高さ */
   background-image:url(img/top01.jpg);   /* 背景画像の設定 */
   background-repeat:no-repeat;           /* 背景画像を繰り返さない */
   }



/***** index02.htmlの設定 *****/
#img02{                                   /* ページの設定 */
   width:400px;height:80px;               /* 幅・高さ */
   background-image:url(img/top01.jpg);   /* 背景画像の設定 */
   background-repeat:no-repeat;           /* 背景画像を繰り返さない */
   }