@charset "UTF-8";


/*北総台地の菜園から季節の便り page-style.css*/

html{
     background-color:#fff;
     height:100%;
}

body{font-family: "メイリオ",Verdana,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
     height:100%;

     height:100%;

}


body>#container{               /*トップページ向け*/
    height:auto;
}
body>#container{        
 height:auto;
}
           

#container{
      min-height:100%;
      height:100%;
      width:1100px;
      margin:0 auto;
      padding:20px;
      background-image:url('../img/kabe/kabegami.gif ');
   
                /* box-shadow:0 0 3px rgba(0,0,0,.5);*/
      box-shadow : 5px 5px 3px  rgba(0,0,0,.7);
   

}
#header{
   margin-bottom:15px;
   text-align:center;
}

#menu{
   margin-bottom:15px;
   overflow:hidden
}


#footer{
    font-size:12px;
   /* color:#ccc;*/
    text-aligin:center; 
    border-top:1px solid #ccc;
    padding:18px 0 20px;
   }


#menu ul>li{
    display:inline-block;
  /*  float:left;*/
    width:130px;
    font-size:13px;
    text-align:center;
    padding:5px;
    background:#ccc;
    margin-right:10px;
    border-radius:4px;
    text-shadow:0 1px 0 #fff;
 }

#menu ul>li:hover{
    bakground:#ddd; 
}

#menu ul>li>a{
    text-decoration:none;
    display:block;
}



h1{
   font-family:HG正楷書体-PRO;  
   font-weight:bold;
   font-size:25px;
   padding:15px;
   text-shadow:0 1px 0 #fff;
   
} 


h2,h3{
     font-weight:bold;
}
h2,h3{  font-family:HG正楷書体-PRO;  
     font-size:1.25rem;
     border-left:5px solid #ccc;
     padding:3px 0 3px 10px;
     margin-bottom:10px;
}


 
h3{
     border-left:1px solid #ccc;
     padding:3px 0; 
     margin-bottom:10px;
}



#main{
   overflow:hidden;
   margin-top:20px;
   margin-bottom:15px;
}





#contents{
   /* float:left;*/
    width:1070px;
    overflow:hidden;
}

.clear{
	clear:both;
}
.refbox{
	display:flex;
}
ol{
       display:flex;

    }



.left{
	width:550px;
	height:700px;
	margin-left:20px;

}
.right{
	width:500px;
	height:700px;
	
}

img.a{
	width:204px;
	height:240px;
	box-shadow : 5px 5px 3px  rgba(0,0,0,.7);
}

div.center{
	margin-left:50px;
}
div.center2{
      text-align:center;
}
img.b{
	width:260px;
	height:195px;
	translation-property:transform;
	translation-duration:0.3s;
	translation-timing-function:liner;
	margin:3px;
	box-shadow : 5px 5px 3px  rgba(0,0,0,.7);
}
.b:hover{
	transform:scale(1.5);
}

img.c{

       width:260px;
	height:195px;
	margin:3px;
	box-shadow : 5px 5px 3px  rgba(0,0,0,.7);
}



.mb{
width:350px;
height:263;
margin:1px;
}


.md{
   margin-right:10px;
   float:left;
   box-shadow : 5px 5px 3px  rgba(0,0,0,.7);
}

.line{
	text-decoration:underline;
}

#footer{
    font-size:12px;
   /* color:#ccc;*/
    text-aligin:center; 
    border-top:1px solid #ccc;
    padding:18px 0 20px;
   }

p{
     margin-bottom:14px;
}