@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%;

    

}


body>#container{               /*トップページ向け*/
    height:auto;
}
body>#container{        
 height:auto;
}
            daq
              #eyecatch{
                background:url('kabe/kabegami9.gif') no-repeat;
                background-size:cover;
                background-position:50% 50%;
                height:50px;
               }


#container{
      min-height:100%;
      height:100%;
      width:1100px;
      margin:0 auto;
      padding:20px;
      background-image:url('../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
}




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





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

.suncontents{
  margin:10px;
  padding:20px;
}



.photo{
     clear:both;
     marign-bottom:10px;
}

.scb{
   margin:15px;
   
}
.scb ul>li{
  /*   font-family:"メイリオ"; */
     font-size:16px;
     line-height:1.3;
     padding-left:2em;
     text-indent:-2em;
}
.ma{                              /*解説文の左側に写真を入れる*/
     margin-right:15px;
     margin-bottom:10px;
     float:left;
}

.mb{                            /*page4のfadeinを指定するもの　*/
    margin:1px;
    display:none;
}
.mc{
   margin-right:10px;
   float:left;
   box-shadow : 5px 5px 3px  rgba(0,0,0,.7);

}
img.a{ width:200px;height:150px;float:left;margin:5px;box-shadow:5px 5px 3px rgba(0,0,0,.7);}

/*
#sidebar{   
    line-height:1.3;
    float:right;
    width:480px;
}*/

#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;
   
} 

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

h2,h3{
     font-weight:bold;
}
h2{  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;
}
/* 備忘録　北総台地の菜園から季節の便り*/
h4.e{font-family:HG正楷書体-PRO;font-size:large;line-height:2;font-weight:600;}


/* 備忘録　終わり*/

p{
     margin-bottom:14px;
}
ul{   
   list-style-type:none;   
  }

ul>li{
   float:left;   

*/
ul.products{
   margin-left:20px;
}

ul.products>li{
    overflow:hidden;
    margin-bottom:10px
    padding-bottom:10px;
    border-bottom:5px dotted #ccc;
}

ul.products>li:last-child{
   border:none; 
}


ul.products>li>img{
   float:left;
   width:500px;
  
}
ul.products>li>p{
   float:right;
   width:530px; 
      
}


<!--以下、サムネイルの画像拡大-->

#overImg1{position: relative;}
#overImg1 a .tiisai{width:130px;}
#overImg1 a .ookii{display: none;}
#overImg1 a:hover .ookii{
	display: block;	
        position:absolute;
/*     position:absolute;top:900px;left:800px;   */
	left:700px;
        top:65px;
	z-index:999;
}

#overImg2{position: relative;}
#overImg2 a .tiisai{width:130px;}
#overImg2 a .ookii{display: none;}
#overImg2 a:hover .ookii{
	display: block;	
        position:absolute;
/*     position:absolute;top:900px;left:800px;   */
	left:570px;
        top:-165px;
	z-index:999;
}

.clearfix::after{
   content:"";
   display:block;
   clear:both;}





img.a{ width:200px;height:150px;float:left;margin:5px;box-shadow:5px 5px 3px rgba(0,0,0,.7);}

/*ここから　縦並びサムネイル*/

#overImg3{
    position: relative;
    margin-left:50px;
}
#overImg3 a .tiisai{width:130px;}
#overImg3 a .ookii{display: none;}
#overImg3 a:hover .ookii{
	display: block;	       
   /*   position:absolute;top:900px;left:800px;  */
        position:absolute;left:500px;top:65px; 
	z-index:999;
}



 #overImg3 p .text{
  display:inline-block;
  color:red;
  vertical-align:top;
  padding-left:20px;

  

/*　ここまで　縦並びサムネイル*/

#shoki{ 
	position: absolute;
	top: 100px;
}



<!--以上、サムネイルの画像拡大-->

.d{width:300px;height:30px;}
.k{background-size:cover;}
.clearboth{clear:both;}