/*ページ全体の設定*/
body {
      background-image : url(gazou/kabe.gif);
      background-attachment:fixed;
      font-size:14px;                             /*ページの文字サイズ*/
      color:dark;                          /*ページの文字色*/
      scrollbar-base-color: #FF00FF;
      scrollbar-track-color: #FFCCFF;
      scrollbar-face-color: #FF99CC;
      scrollbar-shadow-color: #000000;
      scrollbar-darkshadow-color: #000000;
      scrollbar-highlight-color: #FFFFFF;
      scrollbar-3dlight-color: #000000;
      scrollbar-arrow-color: #FFFFFF;
     }

#outline {
          width : 880px ;
          padding : 10px ;
          text-align : left ;
          border : solid 1px #000000 ;
          background-color:#ffffee;
         }

#contents {
           margin: 10px;
           width : 860px ;
           padding : 0px ;
           text-align : left ;
           background-color:#ffffee;
          }


/*リンクの設定（何も指定していないとき)*/
a:link {
        color:#000000;                               /*リンクの色*/
       }

a:hover {
         background-color:#9dff9d;                   /*カーソルがリンクに乗った時の背景色*/
         color:#626262;                             /*カーソルがリンクに乗った時の文字色*/
        }

/*ヘッダーの設定（HPタイトル部分)*/
.header {
         margin: 10px;                            /*ヘッダーの領域間のスペース*/
         width: 860px;                            /*ヘッダーの横幅*/
         font-size:30px;                          /*ヘッダー部分の文字サイズ*/
         letter-spacing:1.2em;
         color:red;                       /*ヘッダー部分の文字色*/
         text-align : center;                     /*ヘッダー部分の文字の位置*/
         border:solid 1px deeppink;            /*ヘッダーの線種・太さ・色*/
         line-height :2.0em;                      /*行間の設定*/
         background-color: #ffe4e1;
        }

/*メニューの設定（リンク含む）*/
.menu {
       margin: 10px;                              /*メニューの領域間のスペース*/
       width: 860px;                              /*メニューの横幅*/
       text-align : center;                       /*メニューの文字の位置*/
      }

.menu ul {
          margin: 0px;                            /*メニューの領域間のスペース*/
          padding: 0px;                           /*メニューの領域内のスペース*/
          list-style: none;                       /*メニューのリストの並び*/
          text-align: center;                     /*メニューの文字の位置*/
         }

.menu li {
          display:inline;                         /*メニューの横並び*/
          margin: 0px;
          padding: 3px;                          /*メニューの領域内のスペース*/
          width : 110px;
         }

.menu li a {
            margin: 0px;
            padding: 3px;                          /*メニューの領域内のスペース*/
            width : 110px;
            background-color:#ffe4e1;
            color:#000000;
            border:solid 1px #ffe4e1;            /*ヘッダーの線種・太さ・色*/
           }

.menu li a:hover {
                  background-color:#9dff9d;                   /*カーソルがリンクに乗った時の背景色*/
                  color:#626262;                             /*カーソルがリンクに乗った時の文字色*/
                  border:solid 1px red;            /*ヘッダーの線種・太さ・色*/
                 }


/*メインコンテンツの設定*/
.main {
       float : left ;                             /*メインスペースの回り込み*/
       width : 550px ;                            /*メインスペースの横幅*/
       height : 500px ;                           /*メインスペースの縦幅*/
       margin: 0px;                               /*メインスペースの領域間のスペース*/
       padding: 0px;                              /*メインスペースの領域内のスペース*/
       background :#ffffee;                  /*メインスペースの背景色*/
       border:solid 1px deeppink;            /*ヘッダーの線種・太さ・色*/
      }

/*サブコンテンツの設定*/
.sub {
      float : right ;
      width : 300px ;                             /*サブスペースの横幅*/
      height : 500px ;                            /*サブスペースの縦幅*/
      margin: 0px;                                /*サブスペースの領域間のスペース*/
      padding: 0px;                               /*サブスペースの領域内のスペース*/
      background :#ffffee;                   /*サブスペースの背景色*/
     }

/*フッター（コピーライト）の設定*/
.footer {
         margin: 10px;                            /*フッターの領域間のスペース*/
         width: 860px;                            /*フッターの横幅*/
         background : #ffe4e1 ;                   /*フッターの背景色*/
         text-align : center ;                    /*フッターの文字の位置*/
         padding: 2px;                               /*フッターの領域内のスペース*/
        }

/*文字の設定*/
h2 {
    font-size:14px;                               /*ページの文字サイズ*/
    background-color:#ffe4e1;                          /*文字の位置*/
    padding: 5px;                                 /*左側のスペースの数値*/
    margin:0px;
    width : 450px ;
    }

h3 {
    font-size:14px;                               /*ページの文字サイズ*/
    padding:5px;                                  /*左側のスペースの数値*/
    border-style:solid;                           /*ラインの種類*/
    border-color:dimgray;                         /*ラインの色/*
    width:100px;                                  /*ラインの長さ（文字が終わってからの数値）*/
    border-width: 0px 0px 0px 15px;               /*ラインの太さ（左から上・右・下・左）*/
   }

p {
   font-size:14px;                             /*ページの文字サイズ*/
   color:dark;                          /*ページの文字色*/
   letter-spacing:0.5em;
   line-height:1.5em;

.disc{
     list-style-type:disc
     letter-spacing:0.5em;
     line-height:1.5em;
     }