@charset "UTF-8";

/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css   スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css  フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/


#content_f .clear { clear: both; }
#content_f .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#content_f .clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html #content_f .clearfix { height: 1%; }
#content_f .clearfix { display: block; }
/* End hide from IE-mac */

#content_f .left { text-align: left; }
#content_f .center { text-align: center; }
#content_f .right { text-align: right; }

#content_f p { margin: 0; }
#content_f p.text { margin: 0 0 1em; }

#content_f .image_l { float: left; margin: 0 16px 8px 0; }
#content_f .image_r { float: right; margin: 0 0 8px 16px; }

#content_f .alpha { float: left; }
#content_f .beta { float: right; }

/* add
------------------------------------------------------------------------*/

#content_f .mb05 { margin-bottom : 5px; }
#content_f .mb10 { margin-bottom : 10px; }
#content_f .mb15 { margin-bottom : 15px; }
#content_f .mb20 { margin-bottom : 20px; }
#content_f .mb30 { margin-bottom : 30px; }
#content_f .mb40 { margin-bottom : 40px; }

#content_f .mt05 { margin-top : 5px; }
#content_f .mt10 { margin-top : 10px; }
#content_f .mt15 { margin-top : 15px; }
#content_f .mt20 { margin-top : 20px; }
#content_f .mt30 { margin-top : 30px; }
#content_f .mt40 { margin-top : 40px; }

#content_f .mr20 { margin-right : 20px; }

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

#content_f {
	font-size: 100%;
	width: 800px;
	text-align: left;
	float: right;
}

/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

.recommend-title {
	font-style: normal;
	color: #FF5A00;
	font-size: 130%;
	font-weight: bold;
	padding-top: 5px;
}
#content_f .item {
	border:1px dotted #B2B2B2;
	width: 390px;
	padding:1px;
	}
#content_f #item01 { float: left; }
#content_f #item02 { float: right; }

#content_f .item .beta { width: 180px; }

#content_f .item .price_box {
	background: url(../../../../../products/img/okinawa-mango/f-item_icn.jpg) 5px center no-repeat;
	padding-left:30px;
	margin: 10px 0;
	padding-right: 10px;
	}

#content_f .item .price_box2 {
	padding-left: 5px;
	margin: 10px 0;
	padding-right: 5px;
	}
.price-a {
	text-decoration: line-through;
	font-style: normal;
	color: #999;
	font-size: 80%;
}

#content_f .item .price_box2 p { color:#FF5A00; }
#content_f .item .price_box2 .price_b {
	font-size: 130%;
	font-weight: bold;
}
#content_f .item .price_box2 .price_s { font-size: 85%; color:#8C8C8C; text-align:right; }

#content_f .text_r {text-align: right; }

#content_f .box {
	border: 1px solid #BCC7BA;
	padding: 8px;
	}

#content_f .box02 {
	border: 1px solid #B2B2B2;
	padding: 1px 1px 10px 1px;
	width: 250px;
	}

#content_f .box_s { margin: 10px ; }

#content_f .box03 {
	border: 1px dotted #B2B2B2;
	padding: 1px 1px 10px 1px;
	width: 173px;
	}
#content_f .box04 {
	border: 1px dotted #B2B2B2;
	padding: 1px 1px 10px 1px;
	width: 173px;
	}



#content_f .producer {
	background: url(../../../../../products/img/okinawa-mango/f-img14.jpg) 0 0 no-repeat;
	width:800px;
	height: 870px;
	margin-bottom: 40px;
	}

#content_f #producer01 {
	width: 480px;
	margin: 0 0 0 297px;
	padding-top: 30px;
	}
#content_f #producer02 {
	width: 340px;
	margin: 0 0 0 420px;
	padding-top: 252px;
	}

#content_f .section { margin:0 10px 20px 10px ; }

#content_f .customer_mes {
	background: url(../../../../../products/img/okinawa-mango/f-img21.jpg) 0 0 no-repeat;
	height: 190px;
	padding: 40px 0 0 30px ;
 }
#content_f .customer_mes div { width: 524px; }

#content_f .customer {
	background: url(../../../../../products/img/okinawa-mango/f-img24.jpg) bottom no-repeat;
	width:385px;
	padding-bottom: 20px;
	}
#content_f .customer .textarea { margin: 20px; }

#content_f .itemarea .alpha { margin-right: 13px; }
#content_f .itemarea .item { padding: 5px; }
#ooshio-manngo {
	background: url(https://www.fsec.jp/products/img/okinawa-mango/ooshiro-mango-area.jpg) no-repeat;
	height: 400px;
	width: 800px;
	margin-top: 40px;
}
#ooshio-manngo #osmg-explanation {
	margin-left: 308px;
	width: 480px;
	font-size: 116%;
	line-height: 1.1;
	padding-top: 14px;
}
#ooshio-manngo #osmg-explanation p img {
	margin-bottom: 20px;
}.fc-c00 {
	color: #C00;
}
.omp40 {
	margin-top: 40px;
}
#top-text-area {
	font-size: 200%;
	color: #F00;
	text-align: center;
	float: right;
	width: 800px;
	margin-top: 30px;
	margin-bottom: 30px;
	background: #FFFCD9;
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px dotted #CCC;
	line-height: 1.5;
}