@charset "utf-8";


/*------------------------*/
/* top image              */
/*------------------------*/
#top-wrap{
	margin-top: 30px;
	position:relative;
	background:url("../images/topProduct.jpg");
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	width:100%;
	height:300px;
}
#top-wrap #copy-domestic,
#top-wrap #copy-import{
	position:absolute;
	font-size:30px;
	font-weight:bold;
	color:#ffffff;
	letter-spacing:2px;
	text-align:center;
	text-shadow:1px 1px 3px #000000;
	top:35%;
	left:0%;
	width:100%;
}
#top-wrap #copy-domestic span,
#top-wrap #copy-import span{
	font-size:34px;
}

@media screen and (max-width: 780px){
#top-wrap #copy-domestic,
#top-wrap #copy-import{
	font-size:24px;
	left:2%;
	width:96%;
}
#top-wrap #copy-domestic span,
#top-wrap #copy-import span{
	font-size:28px;
}
}

/*------------------------*/
/* tab                    */
/*------------------------*/
.product-tab{
	position:relative;
	width:100%;
	border-style:solid;
	border-width:0px 0px 3px 0px;
	border-color:#ffffff #ffffff #6baf3c #ffffff;
}
.product-tab .product-tab-wrap{
	position:relative;
	margin:40px auto 0px auto;
	width:980px;
}
@media screen and (max-width: 780px){
.product-tab .product-tab-wrap{
	width:96%;
}
}

.product-tab .product-tab-wrap ul{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.product-tab .product-tab-wrap ul li{
	position:relative;
	float:left;
	padding:0px;
}
.product-tab .product-tab-wrap ul li:nth-child(1){
	margin-right:5px;
}

.product-tab-button a{
	background:#ffffff;
	display:block;
	color:#6baf3c;
	font-size:20px;
	font-weight:bold;
	line-height:34px;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none;
	width:120px;
	height:40px;
	border-style:solid;
	border-width:3px 3px 0px 3px;
	border-color:#6baf3c #6baf3c #ffffff #6baf3c;
}
.product-tab-select{
	background:#6baf3c;
	display:block;
	color:#ffffff;
	font-size:20px;
	font-weight:bold;
	line-height:34px;
	letter-spacing:2px;
	text-align:center;
	text-decoration:none;
	width:120px;
	height:40px;
	border-style:solid;
	border-width:3px 3px 0px 3px;
	border-color:#6baf3c #6baf3c #6baf3c #6baf3c;
}

/*------------------------*/
/*  product menu          */
/*------------------------*/
.product-menu{
	position:relative;
	background:#6baf3c;
	padding-top:20px;
	padding-bottom:20px;
	width:100%;
}
.product-menu .product-menu-wrap{
	position:relative;
	margin:0px auto 0px auto;
	width:980px;
}
@media screen and (max-width: 780px){
.product-menu .product-menu-wrap{
	position:relative;
	margin:0px auto 0px auto;
	width:96%;
}
}

.product-menu .product-menu-wrap ul{
	position:relative;
	float:left;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.product-menu .product-menu-wrap ul li{
	position:relative;
	float:left;
	padding:0px;
	margin-top:5px;
	margin-right:5px;
}
.product-menu-button a{
	background:#6baf3c;
	display:block;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	width:120px;
	height:34px;
	border-style:solid;
	border-width:2px 2px 2px 2px;
	border-color:#ffffff #ffffff #ffffff #ffffff;
}

/*------------------------*/
/*  product               */
/*------------------------*/
.product-area{
	position:relative;
	margin:0px auto 0px auto;
	padding-top:20px;
	width:880px;
}
@media screen and (max-width: 780px){
.product-area{
	width:90%;
}
}
.product-area .product-wrap{
	position:relative;
	margin-top:40px;
	padding-bottom:60px;
	width:100%;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#ffffff #ffffff #cccccc #ffffff;
}

.product-area .product-wrap .product-image-wrap{
	float:left;
	margin-right:63px;
	width:217px;
}
.product-area .product-wrap .product-desc-wrap{
	float:left;
	width:600px;
}
@media screen and (max-width: 780px){
.product-area .product-wrap .product-image-wrap{
	margin-right:0px;
	width:100%;
	text-align:center;
}
.product-area .product-wrap .product-desc-wrap{
	width:100%;
}
}

.product-area .product-wrap .product-image{
	width:217px;
	height:139px;
	border-style:solid;
	border-width:5px 5px 5px 5px;
	border-color:#6baf3c #6baf3c #6baf3c #6baf3c;
}

.product-area .product-wrap .product-name{
	color:#000000;
	font-size:22px;
	font-weight:bold;
	line-height:30px;
}
@media screen and (max-width: 780px){
.product-area .product-wrap .product-name{
	margin-top:20px;
}
}

.product-area .product-wrap .product-cal-wrap{
	float:left;
	margin-top:20px;
	width:100%;
}

.product-area .product-wrap .product-calendar{
	color:#000000;
	font-size:18px;
	line-height:30px;
}

/*------------------------*/
/* table                  */
/*------------------------*/
.product-frame{
	margin-top:10px;
	border-collapse:collapse;
	width:100%;
	border-style:solid;
	border-width:1px 1px 0px 1px;
	border-color:#cccccc #cccccc #ffffff #cccccc;
	font-size:18px;
}
.product-info-cap{
	padding:10px;
	text-align:center;
	background:#efefef;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#ffffff #cccccc #cccccc #ffffff;
}
.product-info-col{
	padding:10px;
	background:#ffffff;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#ffffff #ffffff #cccccc #ffffff;
}

.product-month-cap{
	padding:5px;
	font-size:14px;
	text-align:center;
	background:#e0f0db;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#ffffff #cccccc #cccccc #ffffff;
}
@media screen and (max-width: 780px){
.product-month-cap{
	font-size:12px;
}
}
@media screen and (max-width: 480px){
.product-month-cap{
	font-size:10px;
}
}

.product-area-cap{
	background:#ffffdd;
	font-size:14px;
	text-indent:5px;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color:#ffffff #ffffff #cccccc #ffffff;
}
.product-harvest-col{
	background:#fdd026;
	font-size:14px;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#ffffff #cccccc #cccccc #ffffff;
}
.product-non-col{
	background:#ffffff;
	font-size:14px;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	border-color:#ffffff #cccccc #cccccc #ffffff;
}