/*************************************/
body {
    background-image: url(../images/main-back.jpg);
    margin: 0;

    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;

    line-height: 180%;
}

p {
    opacity: 0.9;
}

img,a{
    margin: 0;
    padding: 0;
    border:0;
}

a {
    text-decoration: none;
}

body a:hover{
    opacity:70%;
}




#wrapper {
    width: 100%;
    height: auto;


    margin:0;

    text-align: center;

    border-top:#56b953 10px solid;

    overflow: hidden;

}

/* ▼ヘッダー▼　*/

#header-wrap{
    margin:0;
    text-align: center;

    
    background-image: url(../images/header-back.jpg);

}

#header {

    width: 1000px;
    height: 100px;

    margin:0 auto;

   /* background: #0AA;*/

    text-align: left;

    position: relative;

}


    #header h1{
        margin: 0;
        position:relative;

        position: absolute;
        left:10px;
        top:10px;

    }


    #h-menu,#h-menu li{
        list-style:none;
        list-style-position: outside;
        text-align: left;

    }
        #h-menu {
            position: absolute;
            left:250px;
            top:0px;

        }

        #h-menu li {
            width: auto;

            margin:auto;
            padding:0;
            line-height: 0;

            float: left;

        }




#bottom-banner {
    width:1000px;

    margin-top:30px;
    padding-bottom: 50px;
    margin-left:auto;
    margin-right: auto;

    text-align: left;
}

    #bottom-banner ul,#bottom-banner li{
        list-style: none;
        list-style-position: outside;

       

        margin: 0;

        
    }
    #bottom-banner ul{
        width: 100%;
        overflow: hidden;
        padding: 0;
    }
    #bottom-banner li {
        display: block;
        float: left;

         padding-top: 30px;
    }

    



/* ▼フッター▼　*/

#footer-wrap {
        background-image: url(../images/footer-back.jpg);

        width: 100%;
        
        margin:0;
        text-align: center;
}

#footer {

    width: 1000px;
    height: 500px;

    padding-top:50px;

    margin:0 auto;

    color:#FFF;
    font-size:12pt;

}

    #footer-info {
        width:280px;
        float:left;
    }

        #footer-info address{
            margin-top: 20px;

            font-style: normal;

            text-decoration: none;
        }

    #footer-menu {
        width:690px;
        float:right;

        font-size:80%;
    }

    #footer-menu a{color:#FFF; opacity:0.8 ;}
    #footer-menu a:hover { opacity:0.5 ;}


        #footer-menu ul {
        float:left;

        width:138px;
        margin:0;
        padding:0;

        text-align: left;

        
        }

            #footer-menu li.li-ti{
                list-style: none;
                margin-bottom:20px;
                margin-left:0px;

                border-left:none;
            }

            #footer-menu li{

                list-style: none;
                
                margin-bottom:15px;

                line-height: 1.5;

                overflow: hidden;

                
                
            }

            #footer-menu li.li-ti a{
                padding:0;
                margin: 0;
                border:none;
            }

            #footer-menu li a{

                    width: 100%;
                    display:inline-block;

                    border-left:1px #fff solid;
                    padding-left:10px;
                    margin-left:0px;

                    }




/*************************************/

/* ▼メイン▼　*/

#main {
    width: 1000px;
    height: auto;
    min-height: 1000px;
    margin:0 auto;

    position: relative;

    text-align: left;

    font-size:18px;

   

}

    #main a {
        color:#000;
    }


    .contents h3,.contents h4 {
        width: 100%;
        text-align: center;
    }
         .contents h3 {padding-top:100px; padding-bottom:50px;}
         .contents h4 {padding-top:30px; padding-bottom:30px;}

    .contents p {
        margin-top:30px;
        line-height: 200%;
    }


.f-r {float:right}
    img.f-r{padding-left:50px;padding-bottom:30px;}


.a-r {text-align: right;}

/********▼　　トップページ　　▼*********/


#top-image {
    width: 1800px;
    height: 300px;

    position:relative;

    display: block;
    margin-top: 0;

    overflow: hidden;

    margin-left:-200px;

        

}

#top-image #imagemain {
    position: absolute;
    z-index: 2;
    left:200px;
    top:0;
}


#top-image #imageback {
    position: absolute;
    width:1300px;
    height:350px;

   
    z-index: 1;

    left:50px;
    top:-25px;

    filter:blur(30px);
     opacity:0.5;


}

        /*下層ページ用*/

        #top-image.incontents {
            height: 145px;
            margin-left:-300px;
            margin-bottom: 0;
        }



        #top-image.incontents #imageback {
            width:1500px;

        }



#top-intro {
    position: relative;

    top:0;
    left:230px;

}


#top-goaisatsu {

    position: relative;
    z-index: 10;

    display: block;

    width: 1000px;
    height: 230px;

    margin-top:50px;

    background-image: url(../images/top-back_goaisatsu.png);
    background-repeat: no-repeat;

    padding: 20px;
    left:-10px;

    cursor: pointer;

}

#top-goaisatsu:hover{
    opacity: 0.9;
}


    #top-goaisatsu h3,#top-goaisatsu p {
        display: block;
        width: 700px;

        margin-left:290px;
        margin-top:10px;
    }

    #top-goaisatsu h3{text-align: center;}



    
/********▼　　営農組合紹介　　▼*********/


    #history-line{
        width:100%;

        font-size:110%;

        padding-bottom:100px;


    }

        #history-line ol,#history-line li {
            list-style: none;
            list-style-position: outside;
            padding: 0;
            margin: 0;
        }

        #history-line li {
            width: 100%;
            margin-top: 10px;
            border-bottom:1px solid #000 ;

            overflow: hidden;

           
            height: 80px;

            position:relative;

        }


        
        #history-line ol.houjin {
            margin-top:30px;
        }

        #history-line ol.houjin li {
            margin-top:0;

             height: 130px;

        }



        #history-line li p{
            width: 730px;

            display: inline-block;


            margin:0;

            position:absolute;
            bottom:3px;
            left:250px;
            

        }

            #history-line li span.year{
                width: 230px;

                display: inline-block;


                text-align: center;

                padding-bottom: 5px;
                margin-right: 20px;

                border-bottom:3px solid #000 ;

                position:absolute;
                bottom:0;

            }

            #history-line li p.sakutsuke{


                border: none;

                position:absolute;
                
                width: 100%;
                text-align: right;

                color:#baa13f;

                line-height: 1.5;

                right: 0;
                bottom:10px;
                left:0;

            }



/********▼　　生産物紹介　　▼*********/

.product-list {
    width: 100%;

    text-align: center;

}

    .product-list ul,.product-list li{
        margin: 0;
        padding: 0;

        list-style: none;
        list-style-position: outside;
    }


        .product-list ul {
            width: auto;
            margin:  auto;

            display: block;
            
            margin-top: 20px;
        }

        .product-list li {display: inline-block; margin: 15px;}

        .product-list li span {
            display:table-cell;

            width: 206px;
            height: 105px;


            background-image: url(../images/products-listbg.jpg);
            background-repeat: no-repeat;

            vertical-align: middle;

            font-size:140%;

        }


/********▼　　おきたのふっくらしあわせ米　　▼*********/

#okitarice-lp {
    width: 100%;
    height: auto;

    display: block;

    margin-top:0;

    line-height: 0;

}

#okitarice-lp img {display:inline-block;}

#okitarice-lp h2 {margin:0;padding:0;display: block;}



#newrice {
    width: 100%;
    margin-top:80px;

    text-align: center;


    background-image: url(../images/okitarice-lp-new-bg.png);


}

    #newrice p {
        display: inline-block;

        width: 75%;

        text-align: left;
        margin: 0 auto;

        padding-bottom: 20px;

    }

    #okitarice-order {

        margin-top: 50px;

        width: 110%;
        margin-left:-5%;
        text-align: center;

        display: block;
        

    }

/********▼　 人員募集　　▼*********/

#recruit-lp {
    width: 100%;
    height: auto;

    display: block;

    margin-top:0;

    line-height: 0;

    background: #3c9b12;

    overflow: hidden;

}

#recruit-lp img {display:block;}

#recruit-lp h2 {margin:0;padding:0;display: block;}

#recruit-lp a {
    display: block;
    line-height: 0;    
    margin: 0;
    padding:0;
    border: none;
    border-image-width: 0;

    text-decoration: none;
}

#recruit-lp a:hover {opacity: 1;}



#support {
    width: 100%;

    box-sizing:border-box;

    background: #FFF;

    border:solid 10px #3c9b12;

    text-align: center;

    margin-top:50px;

    padding-bottom:50px;
    padding-top:20px;

}


        #support h3,#support p {
            width:100%;
            padding:30px 0 0 0;
            margin-top:0px;
        }
        
#scenery {
    width: 100%;
}

    #scenery ul,#scenery li {
        list-style-type: none;
        list-style-position: outside;

        margin-top:30px;
        padding: 0;
    }

        #scenery li {margin-top: 30px;}
/*************************************/