@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,input {
    border: 0;
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

ol, ul, li {
    list-style: none;
}

body {
    width:100%;
    height:100%;
    /* background-color: #026a39; */

    background:-webkit-gradient(linear, left top, right top, from(#009140), to(#06522e));
    background:-webkit-linear-gradient(left, #009140, #06522e);
    background:-moz-linear-gradient(left, #009140, #06522e);
    background:-o-linear-gradient(left, #009140, #06522e);
    background:linear-gradient(to right, #009140, #06522e);


    font-size: 14px;
    line-height: 21px;
    margin:0 auto;
    padding: 0;
    overflow: scroll;
}

img {
	vertical-align: bottom;
}



/* header要素
----------------------------------------------------------- */
#header {
    width:100%;
    margin: 0;
    height: 98px;
    padding: 0px;
    top: 0;
    /* background-color: #026a39; */

    background:-webkit-gradient(linear, left top, right top, from(#009140), to(#06522e));
    background:-webkit-linear-gradient(left, #009140, #06522e);
    background:-moz-linear-gradient(left, #009140, #06522e);
    background:-o-linear-gradient(left, #009140, #06522e);
    background:linear-gradient(to right, #009140, #06522e);

    box-shadow: inset 0 1px 1px rgba(255,255,255,0.7), 1px 1px 7px 2px rgba(0,0,0,0.2);
    /* background: rgba(0,106,57,0.6); */
    position: fixed;
    z-index: 999;
}



/* ==========================================================================
   グローバルナビゲーション
   ========================================================================== */
#NavPC {
	width: 100%;
	margin: 0 auto;
	padding: 15px 0 0;
	/* background-color: #026a39; */
	/*background: rgba(0,106,57,0.8); */
}

#menu {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 20px 0;
    list-style: none;
    /* background: rgba(0,106,57,0.8); */
    position: relative;
}

/*#menu li {
	border-left: 1px solid #358861;
    float: left;
    padding: 0 0 10px 0;
}*/

#menu li {
	border-left: 1px solid #50a07b;
    float: left;
    padding: 0 0 10px 0;
}

#menu li.noline {
	border:none;
    float: left;
    padding: 0 0 10px 0;
}

#menu li:first-child {
	border-left: none;
	margin-top: -7px;
	float: left;
}
/*#menu li:nth-child(2) {
	border-left: none;
	float: left;
}*/
#menu li:last-child {
	border-left: none;
	text-align: right;
	float: left;
}

#menu a {
    height: 15px;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 2.5px;
    float: left;
    text-decoration: none;
    text-shadow: 0 1px 0 #333;
    padding: 9px 25px 7px;
}

#menu li:first-child a {
	padding: 0 5px 0 5px;
}
#menu li:last-child a {
	padding: 0 5px 0 5px;
}

#menu li:hover > a ,#menu li.active > a {
   color: #f3db31;
}

#menu li:hover > ul {
    display: block;
}

/* Sub-menu */
#menu ul.subMenu01 {
    list-style: none;
    width: 160px;
    margin: 0;
    padding: 5px 10px 1px;
    display: none;
    position: absolute;
    top: 60px;
    left: 50px;
    z-index: 99999;
    background-color: #f3db31;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
	-moz-box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
	box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
}

#menu ul.subMenu02 {
    list-style: none;
    width: 270px;
    margin: 0;
    padding: 5px 10px 1px;
    display: none;
    position: absolute;
    top: 60px;
    left: 200px;
    z-index: 99999;
    background-color: #f3db31;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
	-moz-box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
	box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
}

#menu ul.subMenu03 {
    list-style: none;
    width: 210px;
    margin: 0;
    padding: 5px 10px 1px;
    display: none;
    position: absolute;
    top: 60px;
    left: 680px;
    z-index: 99999;
    background-color: #f3db31;
    -moz-border-radius: 2px;
    border-radius: 2px;

    -webkit-box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
	-moz-box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
	box-shadow: 2px 2px 1px 0px rgba(156,156,156,0.7);
}

#menu ul.subMenu01 li ,#menu ul.subMenu02 li ,#menu ul.subMenu03 li {
    float: none;
    left: 0;
    margin: 0;
    padding: 0;
    display: block;
    border: none;
}

#menu ul.subMenu01 li:last-child ,#menu ul.subMenu02 li:last-child ,#menu ul.subMenu03 li:last-child  {
    box-shadow: none;
}

#menu ul.subMenu01 a ,#menu ul.subMenu02 a ,#menu ul.subMenu03 a  {
    color: #026a39;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 15px 15px;
    height: auto;
    /* font-weight: bold; */
    line-height: 1;
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
    text-shadow: none;
    border-top: 1px solid #f4efce;
}

#menu ul.subMenu01 a:hover ,#menu ul.subMenu02 a:hover ,#menu ul.subMenu03 a:hover {
	color: #e60012;
	/* background-color: #e60012; */
	/* text-decoration: underline; */
}

#menu ul.subMenu01 li:first-child a ,#menu ul.subMenu02 li:first-child a ,#menu ul.subMenu03 li:first-child a {
    border-radius: 5px 5px 0 0;
    border-top: none;
}

#menu ul.subMenu01 li:first-child a:after {
    content: '';
    position: absolute;
    left: 80px;
    top: -9px;
     z-index: 801;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f3db31;
}

#menu ul.subMenu02 li:first-child a:after {
    content: '';
    position: absolute;
    left: 135px;
    top: -9px;
     z-index: 802;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f3db31;
}

#menu ul.subMenu03 li:first-child a:after {
    content: '';
    position: absolute;
    left: 105px;
    top: -9px;
    z-index: 803;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #f3db31;
}

#menu ul.subMenu01 li:first-child a:hover:after ,#menu ul.subMenu02 li:first-child a:hover:after ,#menu ul.subMenu03 li:first-child a:hover:after {
    border-bottom-color: #f3db31;
}

#menu ul.subMenu01 li:last-child a ,#menu ul.subMenu02 li:last-child a ,#menu ul.subMenu03 li:last-child a {
    border-radius: 0 0 5px 5px;
}

/* Clear floated elements */
#menu:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}



/* main要素
----------------------------------------------------------- */
#container {
   width: 100%;
   height: 660px;
	position:relative;
	top: 0;
}

#mainTop {
    width: 100%;
    text-align: center;
    margin: 0px auto;
    position: absolute;
    top: 660px;
}

#main {
    width: 1200px;
    margin: 0px auto 100px;
    padding: 170px 0 0 0;
}

#mainForm {
    width: 100%;
    margin: 0px auto 0px;
    padding: 160px 0 0 0;
}


#fruitTopMain ,#deliciousMain ,#campaignMain ,#companyMain ,#newsMain ,#sitemapMain ,#privacyPolicyMain ,#inquiryMain {
	color: #fff;
    width: 1200px;
    text-align: center;
    margin: 0px auto;
    padding: 0px 0 0 0;
}

#mainFruit {
    width: 100%;
    margin: 5px auto 2px;
    padding: 95px 0 0 0;
}

#deliciousBananaMain {
    width: 100%;
    margin: 0px auto 0px;
    padding: 0;
}

#importMain {
    width: 1200px;
    height: 3190px;
    background: url(../img/bg_import.png) no-repeat center top;
    margin: 0px auto;
    padding: 170px 0 0 0;
    clear: both;
}

.topBannerLink {
  display: block;
  width: 100%;
}



/* コンテンツBOX
----------------------------------------------------------- */
.sitemapBox {
	width: 100%;
	margin: 40px 0 0 0;
}
.sitemapBox li {
	width: 290px;
	height: 195px;
	display: block;
	vertical-align: top;
	text-align: left;
	line-height: 1.8;
	background-color: rgba(204, 255, 204, 0.15);
	margin: 0 0 30px 35px;
	padding: 30px 40px 20px;
	float: left;

}
.sitemapBox li a {
	color: #fff;
	text-decoration: none;
}
.sitemapBox li a:hover {
	color: #f3db31;
}

.sitemapBox li:first-child {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 30px 0;
}

.sitemapBox li:nth-child(4) {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 16px 0;
}


.formText {
	width: 900px;
	text-align: left;
	background-color: rgba(204, 255, 204, 0.15);
	margin: 50px auto 20px;
	padding: 30px 150px 20px;
}
.formText a {
	color: #fff;
}



/* h1,h2,h3,title要素
----------------------------------------------------------- */
#fruitTopMain h1 ,#deliciousMain h1 ,#campaignMain h1 ,#companyMain h1 ,#newsMain h1 ,#sitemapMain h1 ,#privacyPolicyMain h1 ,#inquiryMain h1 {
	/* font-family: 'Ubuntu', sans-serif;
	color: #fff;
	width: 500px;
	font-size: 36px;
    line-height: 36px;
    letter-spacing: 1.5px;
    text-align: center;
    text-shadow: 2px 3px 5px rgba(0,0,0,0.3); */
    margin: 0 auto 10px;
}
.pageTitle {
	font-size: 14px;
	letter-spacing: 2.5px;
}

.deliciousMenuBox h2 ,.deliciousMenuBox04 h2 {
	color: #f3db31;
    font-size: 17px;
    line-height: 1.4;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin: 15px 10px 0px;
}
#newsMain h2 {
	color: #f3db31;
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 1.4;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin: 10px 0 10px;
}

#campaignMain h2 {
    color: #f3db31;
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 1.4;
    /* text-align: center; */
     /* border-bottom: 1px solid #f9ed98; */
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin: 0 0 5px 0;
    padding: 0 0 10px 0;
}

#companyMain h2 ,#sitemapMain h2 ,#privacyPolicyMain h2 {
	color: #f3db31;
    font-size:18px;
    /* font-weight: bold; */
    line-height: 1.4;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    margin-bottom: 10px;
}



#bananatopImg h1 ,#pineappletopImg h1 ,#othertopImg h1 ,#honeyglowtopImg h1 {
	width: 1050px;
	margin: 10px auto 0;
	padding-left: 15px;
}

#cut_fruitstopImg h1 {
	width: 1170px;
	margin: 10px auto 0;
	padding-right: 30px;
}

#mainFruit h2 {
    color: #f3db31;
    font-size: 27px;
    font-weight: bold;
    line-height: 39px;
    letter-spacing: 3px;
    padding: 70px 0 0 25px;
}



#mainFruit h2.pinenapple {
    color: #f3db31;
    font-size: 27px;
    font-weight: bold;
    line-height: 42px;
    letter-spacing: 3px;
    padding: 120px 0 0 25px;
}

#mainFruit h2.other {
    color: #f3db31;
    font-size: 27px;
    font-weight: bold;
    line-height: 42px;
    letter-spacing: 3px;
    padding: 100px 0 0 55px;
}


#mainFruit h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 36px;
    letter-spacing: 3px;
    padding-left: 25px;
}



#deliciousBananaMain h1 ,#deliciousPineappleMain h1 {
	width: 1200px;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 5px;
    margin: 0px auto 0px;
    padding: 0px 0;
}

#deliciousBananaMain h2 ,#deliciousPineappleMain h2 {
    color: #492710;
    width: 1200px;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
    letter-spacing: 1px;
    margin: 0 auto 0px;
    padding: 0;
}

#deliciousPineappleMain h3 {
    color: #492710;
    font-size: 20px;
    font-weight: bold;
    line-height: 18px;
    text-align: center;
    letter-spacing: 1px;
    margin-bottom: 0px;
}

#importMain h2 {
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 21px;
    font-weight: bold;
    line-height: 18px;
}



/* top　メニュー要素
----------------------------------------------------------- */
#topMenuBlock {
    width: 100%;
    margin-top: 0px;
}
.topImg04Title {
  position: relative;
  top: 140px;
  text-align: center;
}


.topMenuBlock01 ,.topMenuBlock02 ,.topMenuBlock03 ,.topMenuBlock04 ,.topMenuBlock05 ,.topMenuBlock06 ,.topMenuBlock07 ,.topMenuBlock08 {
    width: 25%;
    text-align: center;
    margin: 0px auto;
    float: left;
}
.topMenuBlock01 img ,.topMenuBlock02 img ,.topMenuBlock03 img ,.topMenuBlock04 img ,.topMenuBlock05 img ,.topMenuBlock06 img ,.topMenuBlock07 img ,.topMenuBlock08 img {
    width: 100%;
	display: block;
    text-align: center;
    margin: 0px auto;
}



/* fruit　サブメニュー
----------------------------------------------------------- */
.pageSubMenu {
    width: 70px;
    background: rgba(255,255,255,0.2);
    margin: 0 auto;
    position: relative;
    top: 2px;
    left: 565px;
}
#target01 ,#target02 ,#target03 ,#target04 {
  margin-top: -90px;
  padding-top: 90px;
}

.pageSubMenu ul {
    width: 60px;
    margin: 1px auto 0;
    padding: 3px 0;
}
.pageSubMenu li {
    margin-top: 5px;
}

.pageSubMenu li.toDelicious {
    margin: 5px 0 7px;
}

#bananatopImg ,#pineappletopImg ,#cut_fruitstopImg ,#othertopImg ,#grapetopImg ,#tomatotopImg,#honeyglowtopImg {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
#bananatopImg img ,#pineappletopImg img ,#cut_fruitstopImg img ,#othertopImg img ,#grapetopImg img ,#tomatotopImg img,#honeyglowtopImg img {
	vertical-align: bottom;
}
.bottom30 {
	margin: 0 0 30px 0;
}

/*
#bananatopImg {
    background: url(../img/img_banana00.jpg) no-repeat center top;
    padding: 170px 0 0 0px;
    text-align: left;
    background-position: center center;
    background-size: contain;
    min-height: 350px;
    min-height: 370px;
    width: 100%;
    margin-top: -50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


#pineappletopImg {
    background: url(../img/img_pineapple00.jpg) no-repeat center top;
    padding: 400px 0 0 0px;
    text-align: left;
    background-position: bottom center;
    background-size: contain;
    min-height: 120px;
    min-height: 140px;
    width: 100%;
    margin-top: -50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#cut_fruitstopImg {
    background: url(../img/img_cut_fruits00.jpg) no-repeat center top;
    padding: 320px 0px 0 0px;
    text-align: right;
    background-position: center center;
    background-size: contain;
    min-height: 200px;
    min-height: 220px;
    width: 100%;
    margin-top: -50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#othertopImg {
    background: url(../img/img_other00.jpg) no-repeat center top;
    padding: 170px 0 0 0px;
    text-align: left;
    background-position: bottom center;
    background-size: contain;
    min-height: 350px;
    min-height: 370px;
    width: 100%;
    margin-top: -50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/

.fruitTopImage {
    width: 1200px;
    /* border-bottom: 7px solid #f3db31; */
    margin: 0 auto;
}

#bgColorGreen {
    color: #fff;
    width: 100%;
}
#honeyglowtopImg{
    background: url(../img/img_honeyglow01.png) repeat center top;
    
}
#bgColorhonyglow01 {
    background: #20100d;
    width: 100%;
    margin: 0;
}
#bgColorhonyglow01 .textBox{
    color: #FFFFFF;
    
}
#bgColorhonyglow02 {
    background: url(../img/img_honeyglow02.png) repeat center top;
    width: 100%;
}
#bgColorhonyglow02 .textBox {
    border-top: 2px solid #20100d;
    border-bottom: 2px solid #20100d;
}

#bgColorRed{
    color: #fff;
    width: 100%;
    background: #aa2024;
}

.fruitBox0 {
    width: 1140px;
    margin: 0 auto;
    padding: 0px;
    vertical-align: middle;
}

.fruitBox {
    width: 1140px;
    margin: 0 auto;
    padding: 30px;
    vertical-align: middle;
}

.leftBox {
    width: 565px;
    margin: 0 10px 0 0;
    padding: 0px;
    float: left;
}

.rightBox {
    width: 565px;
    margin: 0;
    padding: 0px;
    float: left;
}

.textBox {
    width: 520px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1px;
    border-top: 2px solid #f3db31;
    border-bottom: 2px solid #f3db31;
    margin: 10px 25px;
    padding: 15px 5px;
}

.textBoxAll {
    width: 1100px;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 2px;
    border-top: 2px solid #f3db31;
    border-bottom: 2px solid #f3db31;
    margin: 15px 25px 70px;
    padding: 15px 0px;
}



/* honeyglow画像　位置
----------------------------------------------------------- */
.imghoneyglow03 img {
    
    margin: 40px 0 40px 160px;
}

.imghoneyglow04 {
    text-align: center;
}
.imghoneyglow04 img {
	width: 70%;
    margin: 20px;

}

.imghoneyglow06 {
    
    text-align: center;
}
.imghoneyglow06 img {
    
    margin: -40px 0 40px 40px;
}

.imghoneyglow05 {
    text-align: center;
}
.imghoneyglow05 img {
	width: 70%;
    margin: 20px;

}
.imghoneyglow07  {
    text-align: center;

}
.imghoneyglow07 img {
	width: 70%;
    margin: 20px;

}
#noglow.textBox{
    border: none;
    margin-top: 40px;

}
#honeyglow.submenu-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 10px 0px 10px 0px;
    vertical-align: middle;
    text-align: center;
}
#honeyglow.submenu-wrap .submenu{
    display: inline-block;
    position: relative;
    text-align: center;
    width: 250px;
    padding: 0px 0px 0px 0px;
}
#honeyglow.submenu-wrap .submenu::before{
    content:"";
    display: block;
    position: absolute;
    left:0px;
    top:18px;
    width: 1px;
    height: 46px;
    background-color: #ffffff;
}
#honeyglow.submenu-wrap .submenu:first-child::before{
    display: none;
}
#honeyglow.submenu-wrap .submenu::after{
	content: "";
	display: block;
	position: absolute;
	right: 0px;
	top: 18px;
	width: 1px;
	height: 46px;
	background-color: #0C5A2F;
}
#honeyglow.submenu-wrap .submenu:last-child::after{
    display: none;
}
#honeyglow.submenu-wrap .submenu a{
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
    text-decoration: none;
    padding: 20px 0px 20px 0px;
}

#honeyglow.submenu-wrap .submenu a .en{
    font-size: 16px;
    font-weight: bold;
    color: #f3db31;
    text-shadow:-1px -1px 0px #0C5A2F;
}
#honeyglow.submenu-wrap .submenu a .ja{
    font-size: 13px;
    font-weight: bold;
    color: #ffffff;
    letter-spacing: 0.15em;
    text-shadow:-1px -1px 0px #0C5A2F;    
}
#honeyglow.submenu-wrap .submenu a::before {
	content: '';
	width: 0;
	left: 46%;
	bottom: 15px;
	transition: all 0.3s ease;
	border-bottom: 1px solid #f3db31;
	position: absolute;
	display: block;
}
#honeyglow.submenu-wrap .submenu a:hover::before {
	width: 30%;
	border-bottom: 1px solid #f3db31;
}
#honeyglow.submenu-wrap .submenu a:after {
	content: '';
	width: 0;
	right: 46%;
	bottom: 15px;
	transition: all 0.3s ease;
	border-bottom: 1px solid #f3db31;
	position: absolute;
	display: block;
}
#honeyglow.submenu-wrap .submenu a:hover:after {
	width: 30%;
	border-bottom: 1px solid #f3db31;
}

#honeyglow.submenu-wrap .submenu a.current::before {
	width: 30%;
	border-bottom: 1px solid #f3db31;
}
#honeyglow.submenu-wrap .submenu a.current::after {
	width: 30%;
	border-bottom: 1px solid #f3db31;
}



#honeyglow.submenu-wrap .submenu a#honey::before {
	content: '';
	width: 0;
	left: 50%;
	bottom: 15px;
	transition: all 0.3s ease;
	border-bottom: 1px solid #f3db31;
	position: absolute;
	display: block;
}
#honeyglow.submenu-wrap .submenu a#honey:hover::before {
	width: 40%;
	border-bottom: 1px solid #f3db31;
}
#honeyglow.submenu-wrap .submenu a#honey:after {
	content: '';
	width: 0;
	right: 50%;
	bottom: 15px;
	transition: all 0.3s ease;
	border-bottom: 1px solid #f3db31;
	position: absolute;
	display: block;
}
#honeyglow.submenu-wrap .submenu a#honey:hover:after {
	width: 40%;
	border-bottom: 1px solid #f3db31;
}

#honeyglow.submenu-wrap .submenu a#honey.current::before {
	width: 40%;
	border-bottom: 1px solid #f3db31;
}
#honeyglow.submenu-wrap .submenu a#honey.current::after {
	width: 40%;
	border-bottom: 1px solid #f3db31;
}


/* パイナップル画像　位置
----------------------------------------------------------- */
.imgpinenapple01 img {
    margin: 0 0 0 0;
}

.imgpinenapple02 img {
	width: 110%;
    margin: -180px 0 0 0px;
}

.imgpinenapple03 img {
	width: 90%;
    margin: -160px 0 0 40px;
}
.pinebox {
    background: #e6c444;
    padding: 10px 20px;
    float: right;
    color: #7a4420;
    margin-top: 20px;
    font-weight: bold;
}


/* バナナ画像　位置
----------------------------------------------------------- */
.imgBanana01 img {
    margin: 0 0 0 25px;
}

.imgBanana02 img {
    margin: 0 0 0 -10px;
}

.imgBanana03 img {
    margin: -80px 0 0 -10px;
}

.imgBanana04 img {
    margin: -80px 0 0 60px;
}

/* カットフルーツ画像　位置
----------------------------------------------------------- */
.imgCutFruits01 img {
	width: 95%;
    margin: -25px 0 0 -60px;
}
.imgCutFruits02 img {
	width: 95%;
    margin: -50px 0 0 -20px;
}

.imgCutFruits03 img {
	width: 90%;
    margin: 0px 0 0 0px;
}

.imgCutFruits04 img {
	width: 70%;
    margin: -80px 0 0 80px;
}

.imgCutFruits05 img {
	width: 40%;
    margin: -120px 0 0 180px;
}

.fruitCutRed {
    margin: 0px 0 0 0;
}



/* その他フルーツ画像　位置
----------------------------------------------------------- */
.imgOthers01 img {
	width: 95%;
    margin: 15px 0 0 -70px;
}

.imgOthers02 img {
	width: 95%;
    margin: -50px 0 0 50px;
}



/* ぶどう画像　位置
----------------------------------------------------------- */
.imgGrape01 img {
	width: 90%;
    margin: -10px 0 0 -10px;
}
.imgGrape02 img {
	width: 90%;
    margin: -55px 0 0 50px;
}
.imgGrape03 img {
	width: 90%;
    margin: -10px 0 0 -20px;
}
.imgGrape04 img {
	width: 90%;
    margin: -150px 0 0 30px;
}


.imgGrape05 img {
	width: 90%;
    margin: -60px 0 0 30px;
}
.imgGrape06 img {
	width: 90%;
    margin: -130px 0 0 60px;
}


.imgGrape07 img {
	width: 90%;
    margin: -80px 0 0 30px;
}
.grape_excuse {
    clear: both;
    padding: 60px 0 20px;
    text-align: center;
    
}
/* とまと画像　位置
----------------------------------------------------------- */
.imgTomato01 img {
    margin: 40px 0 -70px 30px;
}
.imgTomato02 img {
	width: 80%;
    margin: 0px 0 0 30px;
}



/* フルーツの美味しい食べ方 バナナ
----------------------------------------------------------- */
.deliciousMenuBox ,.deliciousMenuBox04 {
	width: 1200px;
	margin: 40px 0 0 0;
}
.deliciousMenuBox li {
	width: 370px;
	/* height: 355px; */
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.8;
	/* background-color: rgba(204, 255, 204, 0.15); */
	/* border: 1px solid #358861; */
	margin: 0 0 16px 35px;
	padding: 0px 0px 20px;

}
.deliciousMenuBox li a {
	color: #fff;
}

.deliciousMenuBox li:first-child {
	display: inline-block;
	vertical-align: top;
	margin: 0 0 16px 0;
}

.deliciousMenuBox04 {
	width: 1200px;
	margin: 40px auto 0;
}
.deliciousMenuBox04 li {
	width: 277px;
	height: 290px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	line-height: 1.8;
	background-color: rgba(204, 255, 204, 0.15);
	border: 1px solid #358861;
	margin: 0 0 0px 23px;
	padding: 0px 0px 15px;
}
.deliciousMenuBox04 li img {
  max-width: 100%;
}
.deliciousMenuBox04 li p {
  font-size: 13px;
  line-height: 1.5;
  letter-spacing: 1.5px;
  margin: 5px 10px 0;
}
.deliciousMenuBox04 li a {
	color: #fff;
}

.deliciousMenuBox04 li:first-child {
	display: inline-block;
	vertical-align: top;
	margin: 0;
}


#deliciousBanaImg {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
/*
#deliciousBanaImg {
    background: url(../img/img_delicious_banana00.jpg) no-repeat center top;
    padding: 340px 0 0 0px;
    text-align: right;
    background-position: center center;
    background-size: contain;
    min-height: 180px;
    min-height: 200px;
    width: 100%;
    margin-top: -50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
*/
.bananaTitle {
	width: 1170px;
    margin: 10px auto 0;
    padding-right: 30px;
}

.fruitTopImage {
    width: 1200px;
    margin: 0 auto;
}

.fruitTopImageBanana {
    width: 1200px;
    margin: 0 auto;
    /* margin-top: -430px; */
}

.deliciousTopCopy {
    width: 1200px;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0;
}

.deliciousBananaBox {
	width: 1200px;
    background: #fff url(../img/bg_delicious01.png) repeat-y;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0;
    background-position: center center;
    background-size: contain;
}

.bananaColorBox01 ,.bananaColorBox02 ,.bananaColorBox03 ,.bananaColorBox04 ,.bananaColorBox05 ,.bananaColorBox06 {
	width: 1200px;
	height: 150px;
	margin: 0px auto 0;
	display: table;
	border-bottom: 2px dotted #492710;
}
.bananaColorBox07 {
	width: 1200px;
	height: 150px;
	margin: 0px auto 0;
	display: table;
}
.bananaColorBox01 li ,.bananaColorBox02 li ,.bananaColorBox03 li ,.bananaColorBox04 li ,.bananaColorBox05 li ,.bananaColorBox06 li ,.bananaColorBox07 li {
	width: 330px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}
.bananaColorBox01 li:first-child {
	color: #00804d;
	width: 100px;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	border-right: 20px solid #00804d;

}
.bananaColorBox01 li:first-child ,.bananaColorBox02 li:first-child ,.bananaColorBox03 li:first-child ,.bananaColorBox04 li:first-child ,.bananaColorBox05 li:first-child ,.bananaColorBox06 li:first-child ,.bananaColorBox07 li:first-child {
	padding: 0 0 0 20px;
}

.bananaColorBox01 li:last-child ,.bananaColorBox02 li:last-child ,.bananaColorBox03 li:last-child ,.bananaColorBox04 li:last-child ,.bananaColorBox05 li:last-child ,.bananaColorBox06 li:last-child ,.bananaColorBox07 li:last-child {
	width: 695px;
	line-height: 1.7;
	text-align: left;
	padding: 15px 50px 15px 0;
}
.bananaColorBox01 .bananaColor {
	color: #00804d;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}
.colorTopic {
	color: #492710;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

.bananaColorBox02 li:first-child {
	color: #009544;
	width: 100px;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	border-right: 20px solid #009544;
}
.bananaColorBox02 .bananaColor {
	color: #009544;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}

.bananaColorBox03 li:first-child {
	color: #1ea739;
	width: 100px;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	border-right: 20px solid #1ea739;
}
.bananaColorBox03 .bananaColor {
	color: #1ea739;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}

.bananaColorBox04 li:first-child {
	color: #8abf1f;
	width: 100px;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	border-right: 20px solid #8abf1f;
}
.bananaColorBox04 .bananaColor {
	color: #8abf1f;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}

.bananaColorBox05 li:first-child {
	color: #f8c300;
	width: 100px;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	border-right: 20px solid #f8c300;
}
.bananaColorBox05 .bananaColor {
	color: #f8c300;
	font-size: 20px;
	font-weight: bold;
}

.bananaColorBox06 li:first-child {
	color: #f3a700;
	width: 100px;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	border-right: 20px solid #f3a700;
}
.bananaColorBox06 .bananaColor {
	color: #f3a700;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}

.bananaColorBox07 li:first-child {
	color: #c4870e;
	width: 100px;
	font-size: 50px;
	font-weight: normal;
	text-align: center;
	border-right: 20px solid #c4870e;
}
.bananaColorBox07 .bananaColor {
	color: #c4870e;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 2px;
}



/* フルーツの美味しい食べ方 パイナップル
----------------------------------------------------------- */
#deliciousPineappleImg {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
/*
#deliciousPineappleImg {
    background: url(../img/img_delicious_pineapple00.jpg) no-repeat center top;
    padding: 0px 0 0 0px;
    text-align: right;
    background-position: center center;
    background-size: contain;
    height: 1117px;
    width: 100%;
    margin-top: -50px;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
 */

#deliciousPineappleBox {
    width: 1140px;
    background: #fff url(../img/bg_delicious01.png) repeat-y;
    text-align: center;
    margin: 0 auto;
    padding: 30px 30px 10px 30px;
}

.deliciousPineappleImg {
    width: 1200px;
    min-height: 800px;
    height: 880px;
    text-align: center;
    background: #fff url(../img/bg_delicious02.png) no-repeat bottom center;
    margin: 0 auto;
    padding: 50px 0 30px 0;
    background-position: center center;
     background-size: cover;
}

.deliciousPineappleSubTitle {
	color: #026a39;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 3px;
    margin: 0px auto 0;
}

.deliciousLine {
	margin: -10px 0 0 0;
}


.deliciousUnderTextBox {
	width: 1200px;
    color: #fff;
    text-align: center;
    line-height: 1.7;
    background: #40220f;
    margin: 0 auto 0px;
    padding: 10px 0;
}



/* バナナのレシピ
----------------------------------------------------------- */
.center {
  text-align: center;
}

.recipesListEn {
  color: #fff;
font-family: 'Taviraj', serif;
  font-weight: 800;
  /*font-style: italic;*/
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}
.normal {
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.5px;
  margin-bottom: 3px;
}
.recipesListEnJosefinSans {
  color: #fff;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 600;
  /*font-style: italic;*/
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}
.recipesListEnNunito {
  color: #fff;
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  /*font-style: italic;*/
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}
.recipesListEnOswald {
  color: #fff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  /*font-style: italic;*/
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 3px;
}
.recipeTitle {
  color: #fff;
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 21px;
  letter-spacing: 2px;
  margin: 40px 0 15px 50px;
}

.recipesListBox {
  color: #c9c9c9;
  font-size: 11px;
  width: 1200px;
  margin: 120px auto 70px;
}
.recipesListBox div {
	width: 240px;
	text-align: left;
  /* background-color: rgba(204, 255, 204, 0.15); */
	margin: 0  79px 60px 0;
  padding-bottom: 0px;
	float: left;
  position: relative;
}
.recipesListBox div a {
  color: #fff;
  text-decoration: none;
}
.recipesListBox div img {
  max-width: 100%;
  box-shadow:1px 1px 5px 1px rgba(0,0,0,0.3);
  -moz-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.3);
  -webkit-box-shadow:1px 1px 5px 1px rgba(0,0,0,0.3);
	margin-bottom: 20px;
}
.recipesListBox div:nth-child(4n) {
    margin-right: 0;
}



.recipesBox {
  width: 1100px;
  background: url(../recipes/img/recipes_bg01.png) repeat-y;
  border-radius: 4px;
  box-shadow: 2px 2px 4px 0px #291d04;
    -moz-box-shadow: 2px 2px 4px 0px #291d04;
    -webkit-box-shadow: 2px 2px 4px 0px #291d04;
  margin: 40px auto 0;
  padding: 50px 50px;
  position: relative;
}
.recipeTitle {
  min-width: 250px;
  color: #493914;
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 26px;
  letter-spacing: 1px;
  text-align: center;
  background-color: rgba(243, 219, 49, 0.4);
  margin: 0px 0 20px 0px;
  padding: 17px 45px 13px 45px;
  position: absolute;
  top: 50px;
  left: 30px;
  transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -webkit-transform: rotate(-5deg);
}
.materialListBox img {
  max-width: 100%;
  position: relative;
  top: -10px;
}
.recipeTwoColumn {
  margin: 0px auto 0;
}
.recipeImgBox {
  float: left;
}
.leftImg {
  width: 700px;
  box-shadow: 1px 1px 2px 0px #291d04;
  -moz-box-shadow: 1px 1px 2px 0px #291d04;
  -webkit-box-shadow: 1px 1px 2px 0px #291d04;
}



.rightRecipeText {
  color: #fff;
  width: 340px;
  word-wrap: break-word;
  margin-left: 50px;
  float: right;
}
.materialListBox {
    display: block;
    color: #493914;
    width: 100%;
    margin: 0px auto 25px;
    padding: 0;
}
.recipesMaterialTitle {
  color: #493914;
  font-size: 16px;
  font-weight: bold;
  margin-top: 0px;
}

.materialListText {
    width: 100%;
    margin: 0px auto 0;
}
.materialListText li {
    width: 58%;
    line-height: 0.7;
    border-bottom: 1px dotted #826e60;
    margin-top: 10px;
    padding-bottom: 5px;
    float: left;
}
.lineNone {
  border-bottom: none !important;
}
.materialListText li:nth-child(even) {
  width: 42%;
    text-align: right;
}
.materialListText li.width80 {
  width: 80%;
}
.materialListText li.width20 {
  width: 20%;
    text-align: right;
}

.makingText {
  color: #493914;
    font-size: 13px;
    padding-left: 2em;
    text-indent: -2em;
    margin-top: 10px;
}

.BackToRecipeTop {
  text-align: right;
  margin-top: 20px;
  padding-right: 10px;
}
.BackToRecipeTop a {
  color: #fff;
  text-decoration: none;
}
.BackToRecipeTop a:before {
    font-family: 'FontAwesome';
    content: "\f137";
    padding-right: 10px;
}
.BackToRecipeTop a:hover {
  color: #f3db31;
}



/* キャンペーン
----------------------------------------------------------- */
/* .campaignTopicsBox0 {
	width: 890px;
    text-align: left;
    line-height: 1.8;
    background-color: rgba(204, 255, 204, 0.15);
    border: 1px solid #358861;
    margin: 40px auto 0;
    padding: 25px 155px 10px;
}
*/
.campaignTopicsBox {
	width: 890px;
    text-align: left;
    line-height: 1.8;
    background-color: rgba(204, 255, 204, 0.15);
    border: 1px solid #358861;
    margin:  40px auto 0;
    padding: 25px 155px 10px;
}





.campaign03column {
	width: 890px;
	margin: 0 auto;
}
.campaign03column li {
	width: 315px;
	margin: 0 0 0 30px;
	float: left;
}
.campaign03column li:first-child {
	margin: 0 0 0 0px;
	float: left;
}
.campaign03column li:last-child {
	width: 200px;
	margin: 0 0 0 30px;
	float: left;
}







.dateCampaign0 {
	font-size: 16px;
	margin: 0 0 15px 0;
}
.dateCampaign0:before {
	content: "キャンペーン";
  color: #026a39;
  font-size: 70%;
  background-color: #f3db31;
  padding: 5px 5px 2px;
  margin-right: 10px;
}
.dateCampaign {
	font-size: 14px;
	margin: 0 15px 10px 0;
}
.dateCampaign:before {
	content: "スポーツ支援";
  color: #026a39;
  font-size: 70%;
  background-color: #f3db31;
  padding: 5px 5px 4px;
  margin-right: 10px;
}

.campaignTopicsTextFirst {
	/* margin: 0 10px; */
}

.campaignTopicsContents03 {
	width: 840px;
	margin: 15px 10px;
}
.campaignTopicsContents03 li {
	width: 310px;
	margin: 0 0px 0 10px;
	float: left;
}
.campaignTopicsContents03 li:first-child {
	float: left;
	margin: 0 0px 0 0px;
}
.campaignTopicsContents03 li:last-child {
	width: 200px;
	text-align: right;
	float: left;
}

.indent06 {
    padding-left: 5.7em;
    text-indent: -5.7em;

}

.campaignTopicsContents02 {
	width: 840px;
	margin: 15px 10px;
}
.campaignTopicsContents02 li {
	width: 620px;
	margin: 0 0px 0 20px;
	float: left;
}
.campaignTopicsContents02 li:first-child {
	float: left;
	margin: 0 0px 0 0px;
}
.campaignTopicsContents02 li:last-child {
	width: 200px;
	text-align: right;
	float: left;
}









#campaignMain a {
    color: #f3db31;
}

#campaignMain .open a ,#campaignMain .close a {
    color: #f3db31;
    display: inline-block;
    margin: 10px 0;
}

#campaignMain .more {
	width: 890px;
    margin:0;
}

#campaignMain .event01 {
	width: 340px;
	padding: 15px 0 5px;
}

.indent01 {
    padding-left: 1em;
    text-indent: -1em;
    margin-top: 10px;
}



.backNumberBox {
	width: 100%;
	text-align: right;
}

#campaignMain .backNumberTitle {
    padding: 70px 20px 10px 10px;
    font-size: 14px;
}

#campaignMain .backNumber {
	width: 840px;
	margin-left: auto;
    /*padding: 30px 0;*/
}

#campaignMain .backNumber li {
	margin: 0 20px 0 0;
	position: relative;
	float: left;
}

#campaignMain .backNumber li:last-child {
	margin: 0;
}
#campaignMain .backNumber li a {
	width: 100px;
	display: block;
	text-align: center;
	border: 1px solid #fff;
	text-decoration: none;
	border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
	padding: 10px 10px;
}

#campaignMain .backNumber li.active a {
	color: #f3db31;
	border: 1px solid #f3db31;
}

#campaignMain .backNumber li a:hover ,#campaignMain .backNumber li.active a:hover {
	color: #026a39;
	background-color: #f3db31;
	border: 1px solid #f3db31;
}



/*　会社概要
----------------------------------------------------------- */
.companyTable {
	width: 1200px;
	border-collapse: collapse;
	text-align: left;
	/* border-top: 1px solid #4d9674; */
	margin: 40px 0 0 0;
}
.companyTable tr {
	/* border-bottom: 1px solid #4d9674; */
}
.companyTable tr:nth-child(2n+1) {
    background-color: rgba(204, 255, 204, 0.15);
}
.companyTable th {
	width: 130px;
	/* border-right: 1px solid #4d9674; */
	padding: 20px 0px 10px 270px;
}
.companyTable td {
	width: 600px;
	line-height: 1.6;
	padding: 15px 170px 15px 30px;
    vertical-align: middle;
}





/*　ヒストリー
----------------------------------------------------------- */
.historyFlow {
    width: 1200px;
    background: url(../img/bg_history01.gif) repeat-y;
    background-position: center center;
    margin: 30px auto;
}

.year {
    text-align: center;
    clear: both;
    margin: 0 auto;
}

.historyBox {
    width: 600px;
    float: left;
    text-align: center;
    padding: 20px 0;

}


/* ふきだし
----------------------------------------------------------- */
.arrow_box {
    color: #fff;
    width: 500px;
    text-align: left;
    margin: 0 0px 0 32px;
    padding: 20px 25px 20px 25px;
    position: relative;
    background-color: rgba(204, 255, 204, 0.15);
    border: 1px solid #4d9674;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 20%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(2, 106, 57, 0);
    border-right-color: #1b794c;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box:before {
    border-color: rgba(164, 222, 195, 0);
    border-right-color: #a4dec3;
    border-width: 11px;
    margin-top: -11px;
}


.arrow_boxR {
    color: #fff;
    width: 500px;
    text-align: left;
    margin: 0 25px 0 10px;
    padding: 15px 25px 15px 25px;
    position: relative;
    background-color: rgba(204, 255, 204, 0.15);
    border: 1px solid #4d9674;
}
.arrow_boxR:after, .arrow_boxR:before {
    left: 100%;
    top: 25%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_boxR:after {
    border-color: rgba(2, 106, 57, 0);
    border-left-color: #1b794c;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_boxR:before {
    border-color: rgba(164, 222, 195, 0);
    border-left-color: #a4dec3;
    border-width: 11px;
    margin-top: -11px;
}



.columnYear {
    font-size: 20px;
    margin-bottom: 5px;
}

.history1909 {
    width: 500px;
    margin: 0;
}
.history1909 li {
    width: 360px;
    margin: 0;
    float: left;
}
.history1909 li.img {
    width: 70px;
    margin: 10px 0 0 70px;
    padding: 0;
    float: left;
}

.hestory1920 {
    margin-top: 50px;
}

.history1929 {
    margin-top: -125px;
}

.history1967 {
    margin-top: -100px;
}

.history1996 {
    width: 500px;
    margin: 0;
}
.history1996 li {
    width: 410px;
    margin: 0;
    float: left;
}
.history1996 li.img {
    width: 90px;
    margin: 0 0 0 0px;
    padding: 0;
    float: left;
}

.hestory1999 {
    margin: 30px 0 0 25px;
}

.history2005 {
    width: 500px;
    margin: 0;
}
.history2005 li {
    width: 430px;
    margin: 0;
    float: left;
}
.history2005 li.img {
    width: 50px;
    margin: 0 0 0 20px;
    padding: 0;
    float: left;
}

.history2000top {
    margin-top: -70px;
}


.history2011 {
    width: 500px;
    margin: 0;
}
.history2011 li {
    width: 350px;
    margin: 0;
    float: left;
}
.history2011 li.img {
    width: 150px;
    margin: 0 0 0 0px;
    padding: 0;
    float: left;
}

.history2012 {
    margin-top: 50px;
}

.history2018 {
    width: 500px;
    margin: 0;
}
.history2018 li {
    width: 300px;
    margin: 0;
    float: left;
}
.history2018 li.img {
    width: 70px;
    margin: -90px 0 0 0px;
    padding: 0;
    float: left;
}

.history2018top {
    margin-top: -50px;
}


.history2019 {
    width: 500px;
    margin: 0;
}
.history2019 li {
    width: 300px;
    margin: 0;
    float: left;
}
.history2019 li.img {
    width: 70px;
    margin: -50px 0 0 0px;
    padding: 0;
    float: left;
}

.history2019top {
    margin-top: 50px;
}


.history2020 {
    width: 500px;
    margin: 0;
}
.history2020 li {
    width: 300px;
    margin: 0;
    float: left;
}
.history2020 li.img {
    width: 50px;
    margin: -70px 0 0 0px;
    padding: 0;
    float: left;
}

.history2020top {
    margin-top: -50px;
}


/* グローバルネットワーク
----------------------------------------------------------- */
.campanyContentsBox {
	width: 1200px;
	margin: 40px auto 0;
}

.campanyContentsFirstText {
	margin: 20px 0 0 0;
}

.campanyContentsTopicBox0 {
	width:890px;
	text-align: left;
	background-color: rgba(204, 255, 204, 0.15);
	margin: 0px 0 0 0;
	padding: 40px 155px;
}

.campanyContentsTopicBox0 a {
	color: #fff;
}

.top30 {
	margin: 30px 0 0 0;
}



/* 環境への取り組み
----------------------------------------------------------- */
.environmentImg {
	width: 1200px;
	height: 87px;
	margin: 40px 0 0 0;
	padding: 273px 0 0 0;
	background: url(../img/img_environment01.png) no-repeat;
}
.environmentImg img {
	vertical-align: bottom;
}
.imgFirstText {
	/* color: #026a39; */
	text-shadow: 0 5px 15px #000 , 0 -1px 1px #000;
	width: 890px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	letter-spacing: 2px;
	text-align: center;
	/* background-color: rgba(2,106,57,0.4);
	background-color: rgba(255,255,255,0.4); */
	padding: 10px 155px 5px;

}



/* 品質へのこだわり
----------------------------------------------------------- */
.qualityImg {
	width: 1200px;
	height: 87px;
	margin: 40px 0 0 0;
	padding: 273px 0 0 0;
	background: url(../img/img_quality01.png) no-repeat;
}



.globalSubTitle {
	font-size: 14px;
	letter-spacing: 1.5px;
	margin: 40px 0 30px;
}



/* バナナが届くまで
----------------------------------------------------------- */
.importContents01 ,.importContents03 ,.importContents05 ,.importContents07 ,.importContents09 {
	width: 1200px;
	text-align: left;
}
.importContents02 ,.importContents04 ,.importContents06 ,.importContents08 ,.importContents10 {
	width: 1200px;
	text-align: right;
}

.importContents01 {
	margin: 20px 0 0 0px;
}
.importContents02 {
	margin: -276px 0 0 0px;
}
.importContents03 {
	margin: -17px 0px 0px 0px;
}
.importContents04 {
	margin: -305px 0px 0px 0px;
}
.importContents05 {
	margin: -3px 0px 0px 0px;
}
.importContents06 {
	margin: -306px 0px 0px 0px;
}
.importContents07 {
	margin: -22px 0px 0px 0px;
}
.importContents08 {
	margin: -307px 0px 0px 0px;
}
.importContents09 {
	margin: -25px 0px 0px 0px;
}
.importContents10 {
	margin: -304px 0px 0px 0px;
}


.import02a {
	margin: 0px 87px 0px 0;
	position: relative;
    top: -10px;
}



/* news
----------------------------------------------------------- */
.newsList {
	width: 700px;
	margin: 0 auto;
}
.newsList dt ,.newsList dd {
	margin: 0 0 30px 0;
	float: left;
}
.newsList dt.last ,.newsList dd.last {
	margin: 0 0 0px 0;
	float: left;
}
.newsList dt {
	width: 150px;
	color: #f3db31;
    font-size: 18px;
    /* font-weight: bold; */
    line-height: 1.4;
    letter-spacing: 1.5px;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    clear: left;
}
.newsList dd {
	width: 550px;
}



.newsContents {
	width: 890px;
	margin: 15px 0px;
}
.newsContents li {
	width: 670px;
	word-break: break-all;
	margin: 0 0px 0 20px;
	float: left;
}
.newsContents li:first-child {
	margin: 0 0px 0 0px;
}
.newsContents li:last-child {
	width: 200px;
	text-align: right;
}



/* お問い合わせ
----------------------------------------------------------- */
.inquiryTable {
    width: 900px;
    border-collapse: separate;
    border-spacing: 0;
    text-align: left;
    line-height: 21px;
    margin: 0px auto;
}

.inquiryTable th {
    width: 370px;
    text-align: right;
    vertical-align: top;
    padding: 12px 15px;
    /* border-bottom: 2px dotted #ccc; */
}

.inquiryTable td {
    width: 435px;
    text-align: left;
    padding: 12px 15px 12px 50px;
    /* border-bottom: 2px dotted #ccc; */
}

input {
    margin: 5px 0;
}


.telnumber {
	font-weight:bold;
	font-size:150%;
}
.contact_btn a{
	display:inline-block;
	background:#063; padding:5px 30px;
	text-decoration:none;
	}



/* footer要素
----------------------------------------------------------- */
#mainTop .footerMenu ,#main .footerMenu {
    color: #fff;
    width: 100%;
    text-align: center;
    box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.15);
    margin: 0px auto 10px;
    padding: 50px 0 0 0;
}

#mainTop .worldAnotherSite ,#main .worldAnotherSite {
    width: 324px;
    text-align: center;
    margin: 0px auto;
}
#mainTop .worldAnotherSite li ,#main .worldAnotherSite li {
    padding-left: 20px;
    float: left;
}

#mainTop .worldAnotherSite li.first ,#main .worldAnotherSite li.first {
    padding-left: 0;
}


#mainTop .footerLink ,#main .footerLink {
    text-align: center;
}

#mainTop .footerLink li ,#main .footerLink li {
    display: inline;
    border-left:1px solid #5e9d60;
    margin: 0;
    padding: 0 15px;
}

#mainTop .footerLink li.first ,#main .footerLink li.first {
    display: inline;
    border-left: none;
    margin: 0;
    padding: 0 15px;
}

#mainTop .footerLink li a ,#main .footerLink li a {
    color: #fff;
    font-size: 12px;
    display: inline;
    text-decoration: none;
    margin: 0;
    padding: 10px;
}

#mainTop .footerLink li a:hover ,#main .footerLink li a:hover {
    color: #f3db31;
}

#mainTop .copyrights ,#main .copyrights {
    width: 1200px;
    font-size: 10px;
    text-align: center;
    margin: 0px auto;
    margin-top: 5px;
}



#footerFruit {
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 10px auto 0;
    padding: 30px 0 10px 0;
    box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.15);
}
#footer {
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 0px auto 10px;
    padding: 30px 0 0 0;
    box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.15);
}
.worldAnotherSite {
    width: 324px;
    text-align: center;
    margin: 0px auto;
}
.worldAnotherSite li {
    padding-left: 20px;
    float: left;
}
.worldAnotherSite li.first {
    padding-left: 0;
}


.footerLink {
    text-align: center;
    margin: 10px 0 0 0;
}

.footerLink li {
    display: inline;
    border-left:1px solid #5e9d60;
    margin: 0;
    padding: 0 15px;
}

.footerLink li.first {
    display: inline;
    border-left: none;
    margin: 0;
    padding: 0 15px;
}

.footerLink li a {
    color: #fff;
    font-size: 12px;
    display: inline;
    text-decoration: none;
    margin: 0;
    padding: 15px;
}

.footerLink li a:hover {
    color: #f3db31;
}


#footerForm {
    color: #fff;
    width: 100%;
    text-align: center;
    margin: 80px auto 10px;
    padding: 30px 0 0 0;
    box-shadow: 0px -3px 5px -1px rgba(0,0,0,0.15);
}

#footerForm .footerMenu ,#footerForm .copyrights {
    width: 100%;
}


.copyrights {
    width: 1200px;
    font-size: 10px;
    text-align: center;
    margin: 0px auto;
    margin-top: 5px;
}



/* 共通要素
----------------------------------------------------------- */
.bold {
    font-weight: bold;
}

.top12 {
	margin-top: 12px;
}

.bottom20 {
  margin-bottom: 20px;
}
.bottom40 {
  margin-bottom: 40px;
}

.indent005 {
    padding-left: 0.8em;
    text-indent: -0.8em;
}
.indent {
    padding-left: 1em;
    text-indent: -1em;
}
.indent015 {
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.indent055 {
    padding-left: 3.5em;
    text-indent: -3.5em;
}


/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/**/

#image-btn{
border: 0px;
 width: 144px;
height: 38px;
background: url(../img/btn_submit.png) left top no-repeat;
}
.red12px{
    color:#f3db31;
}
.list_num {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.list_num li {
	list-style:decimal;
	padding-left:1.8em;
}
.list_num_en li {
	position:relative;
	padding-left:25px;
}
.list_num_en li:nth-child(1):before {
	position:absolute;
	content:"I.";
	left:0;
}
.list_num_en li:nth-child(2):before {
	position:absolute;
	content:"II.";
	left:0;
}
.list_num_en li:nth-child(3):before {
	position:absolute;
	content:"III.";
	left:0;
}
.list_num_en li:nth-child(4):before {
	position:absolute;
	content:"IV.";
	left:0;
}