/* 花のページのデザイン用css　*/
body {
     font-family:"メイリオ","ＭＳ Ｐゴシック",
     Osaka, sans-serif; 
     color:#666666;
     margin: 0px;
     padding: 0px;
     background-color: #ffffff;
}

#contents {
     width: 800px;
     margin: 0 auto;  
     background-color: #ffffff;
     border: 1px solid #cccccc;
     background-image: url(sozai/side1.jpg);
     background-position: right top;
     background-repeat: repeat-y;
     position:relative;         /* 相対位置を指定 ナビバーを固定　*/
     text-align:justify;                   /* 均等割り付けと右端揃え　*/
     text-justify:inter-ideograph; 
}

#header {
     background-color: #fdeffd;
     background-image: url(sozai/flower.jpg);
     background-position: right top;
     background-repeat: no-repeat;
     height: 120px;
     margin-bottom: 35px;
}

#path {
     text-align:right;　　　/* パンくずリストを右揃えに｡id名pathをつけた */
     margin: 0px;
     font-weight:normal;
     font-size:12px;
}

a {
     color: #9999cc;
     text-decoration: none;  /* 文字の下線､上線､取消線､点滅すべての装飾をなくす */
     font-weight:bold;       /* 太さ700､普通は400 */
}

a:hover  {
     color:#ff99cc;
}

#main  {
     float:left;
     margin-right:-220px;    /*　sideの文字が一番上から表示される    */
     width:100%;
}

#box  {
     margin-right:220px;
     margin-left: 10px;
}

p  {                                         
    font-size:12px;
    line-height: 150%;  　　　　　　　　　　 /* 行の高さを指定 */
}

p img {
     float:left;
     margin-right:5px;
     padding-bottom:0.5em;
} 

span.pink {
      background-color: #ff99ff;
}  

span.yellow {
       background-color: #ffff66;
}

span.purple  {
      color:#9933ff;
      font-size:10px;
      padding-left:60px;
}

h1 {
     margin-top: 0px;              /* 枠にくっつける　*/
     font-family:cursive,"メイリオ","ＭＳ　Ｐゴシック" ;
}

h1 a {
     color: #fdeffd;              /* リンクの文字の色を設定　*/
     font-size:10px;
}

h2 {
     font-size:12px;
     border-left: 12px solid #4682B4;       /* 左側のﾎﾞｰﾀﾞｰ */                                       
     padding-left: 5px;                     /* ﾎﾞｰﾀﾞｰとの間隔を空ける */ 
     margin-top: 0.5em;                     /* h1との間隔を調整する */ 
     margin-bottom: 0px;                    /* ﾊﾟﾝｸｽﾞﾘｽﾄとの間隔を詰める */ 
     font-family:"メイリオ","ＭＳ Ｐゴシック",
     Osaka, sans-serif; 
     font-weight: normal;
}

h3 {
    margin:0px;
    border:3px double  #ffffff;             /* ﾎﾞｰﾀﾞｰを指定 */
    font-size: 15px;                          /* ｻｲｽﾞは相対指定 */
    padding:2px 5px 0px;                       /* 左の背景との余白の調整 */
}

h4  {
     color: #0099ff;
     text-align:center;
     margin-bottom:0px;
}

.entry  {
      border:solid 1px #cc66cc;
      background-image:url(sozai/h3bg.jpg);    /* 背景画像を設定 */
      background-repeat:repeat-x;
      margin-bottom: 10px;
      zoom:1;                            
}

.entry p  {
      padding:0px 5px;
      text-align:justify;                 /* 2行で文字の右端をそろえる */
      text-justify:inter-ideograph;
}

.entry:after  {                           /* 左右のﾌﾛｰﾄを解除 */ 
        content:".";
        display:block;
        height:0;
        clear: both;
        visibility:hidden;
}

#side {
     float:left;
     width: 180px;
     padding-right:10px;
     padding-left:10px;
     margin-left:20px;
}    

#side p  {
      font-size:12px;
      line-height: 150%;
      margin-rigth:10px;
      margin-left:10px;
}

#navbar {
     background-image: url(sozai/nav.jpg);
     width: 100%;
     height: 25px;
     position:absolute;
     top: 120px;
     left: 0px;
     border-bottom: 1px solid #446b9e;
     border-top: 1px solid #446b9e;
}

#navbar ul {
      margin: 0;
      padding: 0;
      list-style-type:none;
      font-family: Arial,Helvetica,sansserif;
      font-size: 14px;
      line-height: 25px;
      letter-spacing: 2px;
}

#navbar li {
       background-image:url(sozai/nav.jpg);
       float: left;
       width: 98px;
       text-align: center;
       margin: 0;
       padding: 0;
       border-right: solid 1px #ffffff;
}

#navbar a  {
       color: #ffffff;
       display: block; 
}

#navbar a:hover  {
        color:#ff99cc; 
}



address {
     font-family: Arial, Helvetica, sans-serif;
     font-size:12px;     
     font-style: normal;
     text-align:center;
     padding-top:15px;
     padding-bottom:10px;
}   

#footer {
     clear:both;
}