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

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

#header {
     background-image: url(sozai/niwaanime2.gif);
     background-position: right top;
     background-repeat: no-repeat;
     height: 187px;
}

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

#main  {
     float:right;
     margin-left: -200px;   
     width:100%;
}

#box  {
      margin-left: 200px;
}

#side {
      float:right;
      width:180px;
}  

#box2    {
      margin-left:20px;
      margin-top:30px;
}

.box3    {
      margin-top:-7px;
      line-height:90%;
}

#box4  {
      background-image:url(sozai/back2.jpg);
      background-repeat:no-repeat;
}

#box5  {
      background-image:url(sozai/back.jpg);
      background-repeat:no-repeat;
      margin-left:10px;
}

#box6   {
      background-image:url(sozai/tuna5.jpg);
      background-repeat:no-repeat;
      margin-left:13px;
      margin-top:-35px; 
}   

#box7   {
      background-image:url(sozai/box.jpg);
      background-repeat:no-repeat;
      margin-left:13px;
}

#box8   {
      background-image:url(sozai/tree.jpg);
      background-repeat:no-repeat;
      margin-left:13px;
      margin-top:-10px;
}

#box9   {
      background-image:url(sozai/santaback.jpg);
      background-repeat:no-repeat;
      margin-left:13px;
}

#box10   {
      background-image:url(sozai/yuuyake.jpg);
      background-repeat:no-repeat;
      margin-left:13px;
}

#box11   {
      margin-left:11px;
}

#box12   {
      background-image:url(sozai/niwaanime.gif);
      background-repeat:no-repeat;
      margin-left:11px;
}

#box13    {
      background-image:url(sozai/fuji.jpg);
      background-repeat:no-repeat;
      margin-left:5px;
}

p     {                   
     font-size:13px;
     line-height: 150%; 
     font-family:"メイリオ","ＭＳ Ｐゴシック",
     Osaka, sans-serif; 
     font-weight: normal;
     margin-right:10px;
}

a  {
     color:#0066cc;
     text-decoration:none;
}

a:hover  {
      color:#ff00cc;  
}

span   {
      color:red;
      font-size:15px;
}

.scroll  {
       overflow-y:scroll;height:40em;    
       scrollbar-base-color:#c6a03d;      /*スクロールバーの色を変える*/　
}

.yohaku   {
        margin-left:30px;
}

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

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

h2 {
      font-size:12px;
      padding-left:10px;
      padding-right:10px;
      margin-top: 1em;                     /* h1との間隔を調整する */ 
      margin-bottom: 0px;                    /* ﾊﾟﾝｸｽﾞﾘｽﾄとの間隔を詰める */
      font-family:"メイリオ","ＭＳ Ｐゴシック",
      Osaka, sans-serif; 
      font-weight: normal;
      line-height:150%;
}

h3 {
      margin:0px;
      font-size: 20px;                          /* ｻｲｽﾞは相対指定 */
      padding:5px 10px ;                       /* 左の背景との余白の調整 */
}

h4 a   {
      line-height:50%;
      color:#990938;
      padding:0px;
      margin:0px;
      font-size:16px;
}

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

.entry  {
      background-image:url(sozai/oekakih3.jpg);    /* 背景画像を設定 */
      background-repeat:repeat-x;
      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;
}

ul   {
      font-size:12px;
      list-style:url(sozai/listmark3.png);
      margin-top:0px;
      margin-left:-20px;
}      

li a  {
      color:#990938;
}



  /*  #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: 99px;
       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-style: normal;
     font-size:15px;
     padding-left:250px;
     padding-top:0px;
     padding-bottom:10px;
}   

#footer {
     clear:both;
}