@charset "utf-8";
/* CSS Document */

/* common */
html,
body{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

body{
	position:relative;
	overflow-x: hidden;
	min-width:1024px;
	}

img{
	border:none;
	}

ul,ol,dl{
	margin:0;
	padding:0;
	list-style:none;
	}

h1{
	border-bottom:1px solid #FF6012;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom:10px;
	}

h2.h2_common,
h2.h2_1,
h2.h2_2,
h2.h2_3{
	color:#FF6012;
	border-bottom:1px dotted #FF6012;
	padding:68px 0 0 60px;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom:10px;
	}
	
h2.h2_common{
	background:url(/images/common/h2-common.jpg) left top no-repeat;
	}

h2.h2_1{
	background:url(/images/common/h2-1.jpg) left top no-repeat;
	}
	
h2.h2_2{
	background:url(/images/common/h2-2.jpg) left top no-repeat;
	}
	
h2.h2_3{
	background:url(/images/common/h2-3.jpg) left top no-repeat;
	}

h3{
	clear:both;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:22px;
	color:#333333;
	}
	
/* layout */
div#container{
    width: 1024px;
	margin:0 auto;
	}

/* header */
div.header{
	width::100%;
    height: auto;
	border:1px solid #FF6012;
	border-top:none;
	margin:0 auto;
	padding:0 5px 5px;
	/* radius */
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
	position:relative;
	behavior:url("PIE.htc");
}

nav.inner{
	width::100%;
    height: auto;
    background: #FF6012;
	text-align:center;
	/* radius */
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-bottom-right-radius: 10px;
	z-index:2;
	position:relative;
	behavior:url("PIE.htc");
}

nav.inner ul{
	display:block;
	padding:10px;
	}

nav.inner ul li{
	font-weight:bold;
	display:inline;
	text-align:center;
	padding:5px 20px 0 35px;
	font-size:12px;
	}

nav.inner ul li a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
nav.inner ul li a:hover{
	text-decoration:underline;
	}

nav.inner ul li#home{
	background:url(/images/gnav/home.jpg) left top no-repeat;
	}
	
nav.inner ul li#orange{
	background:url(/images/gnav/orange.jpg) left top no-repeat;
	}
	
nav.inner ul li#farm{
	background:url(/images/gnav/farm.jpg) left top no-repeat;
	}
	
nav.inner ul li#producer{
	background:url(/images/gnav/producer.jpg) left top no-repeat;
	}
	
nav.inner ul li#inquiry{
	background:url(/images/gnav/inquiry.jpg) left top no-repeat;
	}
	
div.logo ul{
	display:block;
	height:138px;
	margin:25px 50px;
	clear:both;
	}
	
div.logo ul li#logo{
	float:left;
	}
	
div.logo ul li#mail{
	float:right;
	padding-top:35px;
	}

/* mainvisual */
div.mainvisual{
	margin:0 -500% 35px;
	padding:0 -500%;
	position:relative;
	text-align:center;
	border:1px solid #FF6012;
	}

div.mainvisual .inner{
	background:#FF6012;
	margin:5px 0;
	padding:0 0 23px;
	width:100%;
	}

	
/* breadcrumb */
div.breadcrumb{
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-bottom:50px;
	}

div.breadcrumb ul{
	padding:0;
	margin:0;
	}
	
div.breadcrumb ul li{
	display:block;
	float:left;
	height:39px;
	line-height:39px;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	}

div.breadcrumb ul li a{
	color:#FFFFFF;
	text-decoration:none;
	}

div.breadcrumb ul li a:hover{
	text-decoration:underline;
	}
		
div.breadcrumb ul li.top{
	background:url(/images/breadcrumb/top.jpg) left top no-repeat;
	padding-left:55px;
	width:115px;
	}
	
div.breadcrumb ul li.lower{
	background:url(/images/breadcrumb/lower.jpg) left top no-repeat;
	padding-left:45px;
	width:165px;
	}
	

/* content */
div.contentArea,
div.contentArea2col,
div.contentArea3col{
	max-width:1024px;
	width:100%;
	margin-bottom:20px;
	display:block;
	overflow:hidden;
	zoom:1;
	}
	
div.contentArea3col div{
	display:block;
	margin:0 20px 0 0;
	max-width:328px;
	width:100%;
	float:left;
	}

div.contentArea3col div:nth-child(3){
	margin:0;
	}

div.contentArea3col div p span{
	display:block;
	clear:both;
	}

div.contentArea3col div p span.detail{
	display:block;
	float:right;
	margin:10px 0;
	}	

/* footer */
div.footer{
	width::100%;
	border:1px solid #FF6012;
	border-bottom:none;
	margin:0 auto;
	padding:0 5px 0;
	clear:both;
	color:#FFFFFF;
	/* radius */
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
	position:relative;
	behavior:url("PIE.htc");
	}

div.footer div.inner{
	background:url(/images/footer/map.jpg) 95% 50% no-repeat #FF6012;
	margin-top:5px;
	padding:20px 20px 10px;
	width:100%;
	max-width:973px;
	/* radius */
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-top-left-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    border-top-right-radius: 10px;
	position:relative;
	behavior:url("PIE.htc");
	}

div.footer div.inner ul li{
	margin-bottom:10px;
	}

div.footer div.inner ul li img{
	vertical-align:middle;
	}

div.footer div.inner ul li#footerTitle{
	font-size:30px;
	font-weight:bold;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding-bottom:10px;
	}

div.footer div.inner ul ul.footerNav li{
	display:inline;
	margin-bottom:0;
	font-size:11px;
	}

div.footer div.inner ul ul.footerNav li a{
	color:#FFFFFF;
	text-decoration:none;
	}
	
div.footer div.inner ul ul.footerNav li a:hover{
	text-decoration:underline;
	}


/*----------------------------------------------------

	PAGE	/orange/

-------------------------------------------------------*/

div.contentArea p{
	display:block;
	clear:both;
	overflow:hidden;
	zoom:1;
	margin-bottom:50px;
	}

div.contentArea p span{
	display:block;
	max-width:676px;
	width:100%;
	}

div.contentArea p.imgRight img,
div.contentArea p.imgLeft span{
	float:right;
	}
	
div.contentArea p.imgLeft img,
div.contentArea p.imgRight span{
	float:left;
	}

/*----------------------------------------------------

	PAGE	/order/

-------------------------------------------------------*/

div.contentArea table{
	width:100%;
	color:#333333;
	margin-bottom:20px;
	}
	
div.contentArea table th{
	/*background:#FFA860;*/
	background:#FFCFA8;
	padding:20px 20px 17px;
	width:25%;
	border-right:3px solid #FFFFFF;
	border-bottom:3px solid #FFFFFF;
	color:#FF6012;
	}
	
div.contentArea table td{
	background:#F7F7F7;
	padding:20px 20px 17px;
	width:75%;
	border-bottom:3px solid #FFFFFF;
	}