@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;
}
            daq
              #eyecatch{
                background:url('../img/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('../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
}




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





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

.suncontents{
  margin:10px 50px;
  padding:20px;
}
.sun-setsumei{padding-left:100px;}


.item3 img:hover{
	transform:scale(1.1);
}

.photo{
    clear:both;
    margin-bottom:10px;
}
.sub{
    margin:15px;

}


.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);

}


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


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

p{
     margin-bottom:14px;
}


small.new{                                         /*新規掲載の印*/
	font-family:fantasy;
	color:#b22222;
	text-shadow:3px 5px 2px  #ff2;
}

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;box-shadow:2px 2px 2px rgba(0,0,0,.7);}
#overImg1 a .ookii{display: none;}
#overImg1 a:hover .ookii{
	display: block;	
        position:absolute; top:300px;left:730px; 
      	z-index:999;      
}
/*overImg2はpage2に適用*/
#overImg2{position: relative;}
#overImg2 a .tiisai{width:130px;box-shadow:2px 2px 2px rgba(0,0,0,.7);margin-left:10px;}
#overImg2 a .ookii{display: none;}
#overImg2 a:hover .ookii{
	display: block;	
        position:absolute; top:5px;left:580px; 
      	z-index:999;      
}



#overImg3{position: relative;}
#overImg3 a .tiisai{width:130px;box-shadow:2px 2px 2px rgba(0,0,0,.7);margin:10px;}
#overImg3 a .ookii{display: none;}
#overImg3 a:hover .ookii{
	display: block;	
        position:fixed ; top:20px;right:40px; 
      	z-index:999;      
}

div.item3 p{    
     padding-left:8px; width:350px;  
　　　

/*

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

#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:400px;top:30px; 
	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;}
p.e{
  width:350px;
}

/