@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: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 35px 7px;
}

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

#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: 97px;
    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: 260px;
    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: 785px;
    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: 3194px;
    background: url(../img/bg_import.png) no-repeat center top;
    margin: 0px auto;
    padding: 170px 0 0 0;
    clear: both;
}



/* コンテンツ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 {
	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: 25px 15px 5px;
}
#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 {
	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;
}

.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-top: 5px;
}

#bananatopImg ,#pineappletopImg ,#cut_fruitstopImg ,#othertopImg ,#grapetopImg ,#tomatotopImg {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}
#bananatopImg img ,#pineappletopImg img ,#cut_fruitstopImg img ,#othertopImg img ,#grapetopImg img ,#tomatotopImg 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%;
}

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



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

.imgBanana02 img {
    margin: 0 0 0 60px;
}

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

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



/* とまと画像　位置
----------------------------------------------------------- */
.imgTomato01 img {
    margin: 40px 0 30px 30px;
}



/* フルーツの美味しい食べ方 バナナ
----------------------------------------------------------- */
.deliciousMenuBox {
	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;
}
.deliciousMenuBox p {
	letter-spacing: 0.5px;
	margin: 0 15px;
}

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



/* キャンペーン
----------------------------------------------------------- */
/* .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 0 10px;
    font-size: 14px;
}

#campaignMain .backNumber {
	width: 264px;
	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: 370px;
    margin: 0;
    float: left;
}
.history2011 li.img {
    width: 120px;
    margin: 0 0 0 0px;
    padding: 0;
    float: left;
}

.history2012 {
    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;
	margin: 0px 0px 0px 0px;
}
.importContents02 ,.importContents04 ,.importContents06 ,.importContents08 ,.importContents10 {
	width: 1200px;
	text-align: right;
	margin: -274px 0 0 0px;
}

.importContents01 {
	margin: 20px 0 0 0px;
}
.importContents02 {
	margin: -274px 0 0 0px;
}
.import02a {
	margin: 0px 87px 0 0;
}



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



/* 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: 200px;
    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: 200px;
    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;
}

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



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