@charset "UTF-8";

/* CSS Document */
/* -------------------------
base
------------------------- */
html {
    overflow-y: scroll;
}

body {
    background: #fff;
    color: #666;
    font: 13px/1 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", san-serif, arial, helvetica, clean;
    line-height: 2em;
    text-align: center;
    -webkit-text-size-adjust: none;
}

a {
    color: #666;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#container{
    background-image: url(http://agrisgq.com/wp-content/uploads/2019/11/tomate-1007x1024.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom -100px right -600px;
    background-color:rgba(255,255,255,0.2);
    background-blend-mode:lighten;

}

#container #mask {
    width: 866px;
    margin: 0 auto;
    text-align: left;
    padding: 0 57px;
}

#container #globalHeader {
    text-align: left;
    width: 100vw;
    background-color: white;
    position: fixed;
}




#container #globalFooter {
    padding: 20px 0 45px;
    text-align: center;
}

#container #globalFooter .copyright {
    font-size: 10px;
    font-family: Helvetica, arial;
}

/* -------------------------
top
------------------------- */
.top #main .article {
    width: 100%;
}



/* -------------------------
clearfix
------------------------- */
/* For modern browsers */
.cf:before,
.cf:after {
    content: "";
    display: block;
    overflow: hidden;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}

h2 {
    display: block;
    font-size: 1.5em;
    margin-bottom: 1em;
    margin-top: 65px;
}

#main article {
    margin-top: 110px;
}

#main article p {
    padding-left: 3em;
    font-size:1.1em;
    width: 650px;
}
h3{
   font-size:1.1em;
}
.top #main .article .cont {
    padding-left: 3em;
}
tr{
	font-size:1.1em;
}
td{
	font-size:1.1em;
	padding-right:2em;
}
