body{ background-image : url(img/linne00.jpg);
        background-repeat : no-repeat;
        background-position : bottom left;
        background-attachment : fixed;
        margin: 10; padding:0;
        text-align:center;   /* 下記のautoに未対応用のセンタリング */
        width: 100%; 
        font-size: 11pt
        scrollbar-3dlight-color:#FF3366;
        scrollbar-arrow-color:#FF3366;
        scrollbar-darkshadow-color:white;
        scrollbar-face-color:white;
        scrollbar-highlight-color:#FF3366;
        scrollbar-shadow-color:#FF3366;
        scrollbar-track-color:white;}

a     {text-decoration: none;}
a:link  {color: #FF3366; }
a:visited { color: #FF3366; }
a:hover { color: white;  background-color: #FF3366;}
a img { border-style:none;}

#my_body { margin-right:auto;   /* 右側マージンを自動的に空ける */
                margin-right:auto;   /* 右側マージンを自動的に空ける */
                text-align:left;     /* 中身を左側表示に戻す */
                width: 562px ;
                border: solid 1px #FF3366; }

#my_header { width:550px ; height : 130px ;
                   background-image: url(img/title.gif); 
                   background-repeat : no-repeat;
                   background-position : bottom left;
                   background-attachment : fixed;}

#my_navigation { float: left ; width: 130px ; height : 300px ;
                       padding:10;}

#my_contents { float: left ; width: 430px ; height : 300px ;
                     padding:10;}

#my_footer { width: 550px ; clear: both ; 
                  padding:10;}


#list {
width:37em;
height:2em;  
margin: 0; 
padding: 0; 
white-space:nowrap;
}
#list ul { 
margin: 0; 
padding :0; 
list-style-type : none; 
}
#list li { 
display : inline; 
padding :0; 
margin:0; 
float:right ;
}
#list a {
display:block; 
border:2px dotted #FF3366;
background-color:white;
font-size:x-small;
padding:8px 1px 1px 1px;
text-decoration:none;
color:#557;width:5.3em; 
height:2em;
margin:5px 3px; 
text-align:center;
}
#list a:hover {
display:block; 
border:2px dotted #FF3366;
background-color:#FFDDF8;
font-size:x-small;
padding:2px 1px 1px 1px;
text-decoration:none;
color:#575;
height:2em;
text-align:center;
}


h2    { color:  #FF3366;
        font-family: "Comic Sans MS",Osaka, sans-serif;
        padding: 0px margin: 0px; 
        border-bottom: dashed 1px #FF3366;}


p    {
       font-size: 11pt ;
       color: #313131;
       font-family: "ＭＳ　Ｐゴシック" ;
     }


 .b { color: #FF3366;
      font-weight: bold;
       }

 .mida {font-size: 12pt ;
         color:  #FF3366;
         font-family: "Comic Sans MS" ;
         }


p.box  {width:400px; height:300px;  overflow:hidden;}


 p img {float: left;
        margin-right: 5px;
        border: solid 1px #313131;} 


.linkgra{/*サイト名の左の赤い部分*/
  border-left: solid 5px #FF3366;
  }

.link{/*サイト名部分の設定*/
  width: 320px;/*幅。長いサイト名を入れるときは大きくしてください*/
  border-style: none none solid none;
  border-width: 1px;
  border-color: #FF3366;/*枠の色*/
  padding: 2px 10px 2px 5px;
  font-size: 11pt ;
  color: #FF3366;
  }

.setu{/*説明文部分の設定*/
       width: 400px;/*幅*/
       font-size: 11pt ;
       color: #313131;
       font-family: "ＭＳ　Ｐゴシック" ;
       padding: 6px 5px 24px 8px;
  }





 address {font-family: "Times New Roman", Times, serif;
             font-size: 10pt;
             font-style: normal;
             text-align:center;
             border-top: dashed 1px #FF3366; 
             padding-top: 5px;
             padding-bottom: 5px;
             margin-top: 15px;
             clear: both; }

 address a{ text-decoration: none; }