body {
   text-align: center;
   background-image: url(../image/usumura02.jpg);
    background-repeat: repeat;
}


.top {
      width: 840px;
     text-align: left;
     margin:20px 0px 0px 0px;
  }

.outline-margin {
       margin:0px;
   }


/*写真*/

.rogotop { 
     float: left;
      width: 630px;
      height:450px;
       padding :10px 10px 10px 10px;
    background-color: #ffffff;
  }

/*コメント*/

div.cometop { 
      float: right;
      width: 180px;
      height:450px;
      padding :10px 10px 10px 0px;
    background-color: #ffffff;
  }

.comewaza {
        margin:0px;
      padding :5px;
      width: 170px;
      height:320px;
　　background-image: url(../image/wazatop2back.jpg);
      background-repeat: repeat;
   
  }

h1  { 
   text-decoration: none;
    font-size: 12px;
     font-family: "平成明朝","MS明朝","MS UI Gothic", "Meiryo";
     font-weight: lighter;
     color: #000000; 
     margin: 3px 5px 5px 5px;
     line-height:17px;
}
       
.comenew {      
      margin: 0px; 
      padding :5px;
      width: 170px;
      height:105px;
　　background-image: url(../image/momomurabu3.jpg);
      background-repeat: repeat;
  
  }


.comenew h5  { 
    font-size: 12px;
     font-family: "平成明朝","MS明朝","MS UI Gothic", "Meiryo";
     font-weight: lighter;
     color: #663399;   
     margin: 2px 0px 3px 5px; 
   width: 160px;
}

.comenew h5 a {   
    font-size: 12px;
     font-family: "平成明朝","MS明朝";
     font-weight: lighter;
     color: #663399;    
   width: 150px;
    
}

.comenew h5  a:hover  {
        color: #990066; 
}   

.comenew  h6  { 
    font-size: 11px;
     font-family: "平成明朝","MS明朝","MS UI Gothic", "Meiryo";
     font-weight: lighter;
     color: #615175; 
     margin: 3px 0px 0px 12px;
  
}

.c-both {
     clear: both;
 }

/*ナビゲーション*/

.navi {
       margin:0px ;
       width: 900px;
       height:40px;
         clear: both;
}
.navi01  {
     margin:5px;
}

.navi01 div {
   float:left;
}

.navi01 img {
   border: none;
}

.navi01 a:hover  {
       background-color: #AB99D1 ;
}


.navi01menublog  a { 
   display: block;
   width:  138px;
   height: 20px;
   text-decoration: none;
}

.navi01menuh, .navi01menun, .navi01menus, .navi01menukyo, .navi01menutenpo, .navi01menutoi, .navi01menulink, a { 
   display: block;
   width: 81px;
   height: 20px;
   text-decoration: none;
}


.navi01menuh {
   background-image:url(../image/indehome2.jpg);
}

.navi01menun{
   background-image:url(../image/indexnews2.jpg);
}
.navi01menus{
   background-image:url(../image/indexshop2.jpg);
}
.navi01menukyo{
   background-image:url(../image/indexschool2.jpg);
}
.navi01menutenpo{
   background-image:url(../image/indextenpo2.jpg);
}
.navi01menutoi{
   background-image:url(../image/indextoi2.jpg);
}

.navi01menublog{
   background-image:url(../image/indexblogf2.jpg);
　 width: 138px;
   height: 20px;
}

.navi01menulink{
   background-image:url(../image/indexlink2d.jpg);
　width: 81px;
   height: 20px;
}


.navi01 a:hover img { 
   visibility: hidden;
}
  h4 { 
    font-size: 10px;
     font-family: "平成明朝","MS明朝","MS UI Gothic", "Meiryo";
     font-weight: lighter;
     color: #615175; 
     margin: 3px 0px 0px 12px;
   text-align:left;
  
}