@charset "Shift_JIS";
/*====================================================
 
 * * * * * * * * * * * Contents * * * * * * * * * * *


	01_flashArea
	
	02_recommends
	
	03_sets
		-trialSet
		-miniSet
		-vegetableSet
		
	04_voice
	
	05_media
	
	06_prize
	
	07_q_a
	
	08_footer

====================================================== */


/* ------------------------------
	基本class
------------------------------ */
.wrapper:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

/*IE*/
.wrapper{
  zoom:1;
}
	
/* hides from IE-mac \*/
* html .wrapper{height:1%;}
.wrapper{display:block;}
/* end of hides from IE-mac */
/* end of clearfix set */




/* ------------------------------
	基本リンク a
------------------------------ */
a {
color:#1b8d00;
}

a:hover {
color:#53B600;
text-decoration:underline;
}



/* ------------------------------
	#container
------------------------------ */
div#container {
width:900px;
margin:0px auto;

}

/* ------------------------------
	#ma_container
------------------------------ */
div#ma_container {
width:780px;
margin:0;
padding:0;


}

#ma_main{
	width:780px;
	margin:0;
	padding:0;
}


/* ------------------------------
	#mainArea
------------------------------ */
div#mainArea {
width:900px;
height:400px;
background:url(../image/keyvisual.jpg) no-repeat left top;
}


/* ------------------------------
	#recommends
.................................
	こんな方にオススメ！
	Oisixの野菜。
------------------------------ */
div#recommends {
margin:10px 0 0 0;
}

	div#recommends h2 {
	background:url(../image/recommends_h2.gif) no-repeat left top;
	width:900px;
	height:44px;
	}
	
	
	div#recommends div {
	width:279px;
	height:200px;
	padding:10px;
	float:left;
	margin:10px 1px 0px 0px;
	}
	
	div#recommends div p {
	font-size:92%;
	line-height:150%;
	padding:15px 135px 15px 0px;
	letter-spacing:-1px;
	color:#626262;
	}
	
	
	div#recommends div.col01 {
	/*background:url(../image/reccomend_col01_bg.gif) no-repeat left top;*/
	}
		div#recommends div.col01 h3 {
		}
		
		
	div#recommends div.col02 {
	/*background:url(../image/reccomend_col02_bg.gif) no-repeat left top;*/
	}
		div#recommends div.col02 h3 {
		}
		
		
	div#recommends div.col03 {
	margin:10px 0 0 0;
	/*background:url(../image/reccomend_col03_bg.gif) no-repeat left top;*/
	}
		div#recommends div.col03 h3 {
		}
		




/* ------------------------------
	#sets
.................................
	まずはお試し！
------------------------------ */
div#sets {
margin:20px 0 0 0;
}


div#sets h2 {
background:url(../image/sets_h2.jpg) no-repeat left top;
width:900px;
height:87px;
}

div#sets div#box {
background:url(../image/box_bg.gif) no-repeat left top;
border:1px solid #ccc;
min-height:300px;
padding:20px 7px;
margin:0px 0 0 0;
}

div#sets div#box2 {
background:url(../image/box_bg.gif) no-repeat left top;
}



/*
おためしセット
-------------------------- */

	div#trialSet {
	background:url(../image/trial_bg.gif) no-repeat left top #fffbe5;
	padding:40px 13px 10px 13px;
	}
	
	div#trialRe {
	padding:5px 13px 10px 13px;
	}
	
	div#trialSet h3 {
	background:url(../image/trial_h3.gif) no-repeat left top;
	width:300px;
	height:167px;
	float:left;
	}
	
	
	div#trialSet a.banner {
	display:block;
	margin:6px 0 0 0;
	}


		/* 自信作 */
		div#trialSet div#mainProduct {
		width:400px;
		float:left;
		margin:0 16px 0 0;
		}
		
			div#trialSet div#mainProduct img {
			display:block;
			}
			
			div#trialSet div#mainProduct a {
			font-size:18px;
			font-weight:bold;
			text-decoration:none;
			line-height:140%;
			display:block;
			margin:10px 0 0 10px;
			}
			
			div#trialSet div#mainProduct p {
			margin:10px 0 0 10px;
			color:#333333;
			font-size:100%;
			}
	
	
		
		
		/* 定番 */
		div#trialSet div#standardProduct {
		width:325px;
		float:left;
		margin:8px 30px 0 0;
		}
		
		
			div#trialSet div#standardProduct dl {
			display:block;
			clear:left;
			margin:0 0 20px 0;
			}
			
			/* clearfix set */
			div#trialSet div#standardProduct dl:after{
			  content:".";
			  display:block;
			  height:0;
			  clear:both;
			  visibility:hidden;
			}
			
			/*IE*/
			div#trialSet div#standardProduct dl{
			  zoom:1;
			}
				
			/* hides from IE-mac \*/
			* html div#trialSet div#standardProduct dl{height:1%;}
			div#trialSet div#standardProduct dl{display:block;}
			/* end of hides from IE-mac */
			/* end of clearfix set */

			div#trialSet div#standardProduct dt {
			display:block;
			width:122px;
			float:left;
			}
			
			div#trialSet div#standardProduct dd {
			display:block;
			float:left;
			width:203px;
			}
			
			div#trialSet div#standardProduct img {
			display:block;
			border:1px solid #ccc;
			}
			
			div#trialSet div#standardProduct a {
			font-size:85%;
			font-weight:bold;
			text-decoration:none;
			line-height:140%;
			display:block;
			margin:0;
			}
			
			div#trialSet div#standardProduct p {
			margin:0;
			color:#333333;
			font-size:84%;
			}
			

		
		/* その他 */
		div#trialSet div#moreProduct {
		width:196px;
		float:left;
		margin:8px 0 0 0;
		}
		
	
			div#trialSet div#moreProduct dl {
			display:block;
			clear:left;
			margin:0 0 20px 0;
			}
			
			/* clearfix set */
			div#trialSet div#moreProduct dl:after{
			  content:".";
			  display:block;
			  height:0;
			  clear:both;
			  visibility:hidden;
			}
			
			/*IE*/
			div#trialSet div#moreProduct dl{
			  zoom:1;
			}
				
			/* hides from IE-mac \*/
			* html div#trialSet div#moreProduct dl{height:1%;}
			div#trialSet div#moreProduct dl{display:block;}
			/* end of hides from IE-mac */
			/* end of clearfix set */

			div#trialSet div#moreProduct dt {
			display:block;
			width:54px;
			float:left;
			}
			
			div#trialSet div#moreProduct dd {
			display:block;
			float:left;
			width:142px;
			}
			
			div#trialSet div#moreProduct img {
			display:block;
			border:1px solid #ccc;
			}
			
			div#trialSet div#moreProduct a {
			font-size:85%;
			font-weight:bold;
			text-decoration:none;
			line-height:140%;
			display:block;
			margin:0;
			}
			
			div#trialSet div#moreProduct p {
			margin:0;
			color:#333333;
			font-size:84%;
			}
		
		
/*
ミニセット
-------------------------- */
	div#miniSet {
/*	background:url(../image/trial_miniset.jpg) no-repeat left top;*/
/*	width:380px;*/	/* 430-(padding-left)*/
/*	height:126px;*/	/* 215 - padding-top */
/*	padding:110px 0 0 37px;*/
/*	margin:0 5px 0 0;*/
	float:left;
	padding:100px 0px 0px 25px;
	}
		div#miniSet ul {
		float:left;
		display:block;
		width:185px;
		margin:0px;
		}
		
		div#miniSet ul li {
		line-height:150%;
		font-size:84%;
		list-style-type:disc;
		list-style-position:inside;
		color:#c16933;
		}
		
		div#miniSet ul li a {
		color:#c16933;
		text-decoration:none;
		}
		
		div#miniSet ul li a:hover {
		color:#993300;
		text-decoration:underline;
		}	
		
	
/*
野菜セット
-------------------------- */
	div#vegetableSet {
/*	background:url(../image/trial_vesetableset.jpg) no-repeat left top;*/
/*	width:430px;*/	/* 430-(padding-left)*/
/*	height:105px;*/	/* 215 - padding-top */
/*	padding:110px 0 0 37px;*/
	float:left;
	padding:100px 0px 0px 25px;
	}
	
		div#vegetableSet ul {
		float:left;
		display:block;
		width:185px;
		margin:0px;
		}
		
		div#vegetableSet ul li {
		line-height:150%;
		font-size:84%;
		list-style-type:disc;
		list-style-position:inside;
		color:#1b8d00;
		}
		
		div#vegetableSet ul li a {
		color:#1b8d00;
		text-decoration:none;
		}
		
		div#vegetableSet ul li a:hover {
		color:#66CC33;
		text-decoration:underline;
		}	
	
	
		img.notice {
		margin:15px 0 0 390px;
		}




/* ------------------------------
	a.btn
.................................
	注文ページへ
------------------------------ */

div#go_buy {
text-align:center;

margin:20px 0;
}

	div#go_buy a {
	background:url(../image/btn_middle.gif) no-repeat left top;
	width:312px;
	height:58px;
	display:block;
	margin:10px auto;
	}

	div#go_buy span {
	color: #FF3300;
	font-size:100%;
	font-weight:bold;
	}


div#go_buy_Last {
float:center;
text-align:center;
margin:0;
}

	div#go_buy_Last a {
	display:block;
	background:url(../image/btn_bottom.jpg) no-repeat left top;
	width:900px;
	height:160px;
	}
	
	div#go_buy_Last span {
		position:relative;
		top:-28px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}


div#go_buy_non {
float:center;
text-align:center;
margin:0;
}

	div#go_buy_non a {
	display:block;
	background:url(../image/btn_bottom_non.jpg) no-repeat left top;
	width:900px;
	height:160px;
	}
	



/* ------------------------------
	おためしインクルードページ用
--------------------------------*/

div#ma_go_buy {
text-align:center;
margin:17px 0;
}

div#ma_go_buy a {
	background:url(../image/ma_btn_middle.gif) no-repeat left top;
	width:270px;
	height:50px;
	display:block;
	margin:0 0 0 50px;
	}

div#ma_go_buy span {
	color: #FF3300;
	font-size:100%;
	font-weight:bold;
	}


div#ma_go_buy_Last {
float:center;
text-align:center;
margin:0;
}


div#ma_go_buy_Last a {
	display:block;
	background:url(../image/ma_btn_bottom.jpg) no-repeat left top;
	width:780px;
	height:139px;
	}


div#ma_go_buy_Last span {
		position:relative;
		top:-28px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}


div#ma_go_buy_non {
float:center;
text-align:center;
margin:0;
}

div#ma_go_buy_non a {
	display:block;
	background:url(../image/ma_btn_bottom_non.jpg) no-repeat left top;
	width:780px;
	height:139px;
	margin:0;
	padding:0;
	text-align:center;
	}
	
div#ma_go_buy_non span {
		position:relative;
		top:-28px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}

	
div#ma_go_buy_non span {
		position:relative;
		top:-28px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}






div#ma_go_buy_cool {
float:center;
text-align:center;
margin:0;
}

div#go_buy_cool a {
	display:block;
	background:url(../image/ma_btn_bottom_cool.jpg) no-repeat left top;
	width:780px;
	height:139px;
	}
	
div#ma_go_buy_cool span {
		position:relative;
		top:-28px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}




div#ma_go_buy_enq {
float:center;
text-align:center;
margin:0;
}

div#go_buy_enq a {
	display:block;
	background:url(../image/ma_btn_enq2.gif) no-repeat center top;
	width:780px;
	height:69px;
	}

div#go_buy_enq span {
		position:relative;
		top:0px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}

div#ma_go_buy_sa {
float:center;
text-align:center;
margin:0;
}

div#ma_go_buy_sa a {
	display:block;
	background:url(../image/ma_btn_sa_1980.gif) no-repeat left top;
	width:780px;
	height:139px;
	}

div#ma_go_buy_sa span {
		position:relative;
		top:0px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}


div#ma_go_buy_mini {
float:center;
text-align:center;
margin:10px;
}

div#ma_go_buy_mini a {
	display:block;
	background:url(../image/ma_btn_bottom_b.gif) no-repeat center top;
	width:273px;
	height:51px;
	margin:0 0 0 50px;
	
	}
	
div#go_buy_mini span {
		position:relative;
		top:-90px;
		left:70px;
		color: #CC0000;
		font-size:100%;
		}




div#ma_go_buy_spc {
float:center;
text-align:center;
margin:0;
}

div#ma_go_buy_spc a {
	display:block;
	background:url(../image/ma_btn_bottom980.jpg) no-repeat left top;
	width:780px;
	height:139px;
	}
	
div#ma_go_buy_Last span {
		position:relative;
		top:-28px;
		left:0px;
		color: #CC0000;
		font-size:100%;
		font-weight:bold;
		}


	
/*------------------------------ */
	
	div#go_buy_non span {
		position:relative;
		top:-28px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}






div#go_buy_cool {
float:center;
text-align:center;
margin:0;
}

	div#go_buy_cool a {
	display:block;
	background:url(../image/btn_bottom_cool.jpg) no-repeat left top;
	width:900px;
	height:160px;
	}
	
	div#go_buy_cool span {
		position:relative;
		top:-28px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}




div#go_buy_enq {
float:center;
text-align:center;
margin:0;
}

	div#go_buy_enq a {
	display:block;
	background:url(../image/btn_enq2.gif) no-repeat center top;
	width:900px;
	height:80px;
	}

	div#go_buy_enq span {
		position:relative;
		top:0px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}

div#go_buy_sa {
float:center;
text-align:center;
margin:0;
}

	div#go_buy_sa a {
	display:block;
	background:url(../image/btn_sa_1980.gif) no-repeat left top;
	width:900px;
	height:160px;
	}

	div#go_buy_sa span {
		position:relative;
		top:0px;
		left:0px;
		color: #FF3300;
		font-size:100%;
		font-weight:bold;
		}


div#go_buy_mini {
float:center;
text-align:center;
margin:0;
}

	div#go_buy_mini a {
	display:block;
	background:url(../image/btn_bottom_b.jpg) no-repeat center top;
	width:450px;
	height:160px;
	}
	
	div#go_buy_mini span {
		position:relative;
		top:-90px;
		left:70px;
		color: #CC0000;
		font-size:100%;
		}




div#go_buy_spc {
float:center;
text-align:center;
margin:0;
}

	div#go_buy_spc a {
	display:block;
	background:url(../image/btn_bottom980.jpg) no-repeat left top;
	width:900px;
	height:160px;
	}
	
	div#go_buy_Last span {
		position:relative;
		top:-28px;
		left:0px;
		color: #CC0000;
		font-size:100%;
		font-weight:bold;
		}


/* ------------------------------
	#voice
.................................
	お客様の声
------------------------------ */
div#voice {
margin:0 0 30px 0;
}

	div#voice h2 {
	background:url(../image/voice_h2.gif) no-repeat left top;*/
	width:900px;
	height:50px;
	}
	
	div#voice div {
	width:420px;	/* 420 - (padding x 2)*/
	height:200px;	/* 200 - padding-top */
	float:left;
	padding:50px 38px 0 38px;
	text-align:left
	}
	
	
	div#voice h3 {
	}
	
	div#voice div p {
	color:#652b31;
	font-size:92%;
	line-height:150%;
	}
	
	div#voice div.voice01 {
/*	background:url(../image/voice01_bg.jpg) no-repeat left top;*/
/*	margin:25px 10px 0 20px;*/
/*	_margin:25px 10px 0 9px;*/
	}
	
	div#voice div.voice02 {
/*	background:url(../image/voice02_bg.jpg) no-repeat left top;*/
/*	margin:25px 0px 0 8px;*/
/*	_margin:25px 0px 0 8px;*/
	}
	
	
	
	
/* ------------------------------
	#media
.................................
	メディア掲載事例
------------------------------ */

div#media {

width:438px;
}

div#media h2 {
background:url(../image/media_h2.gif) no-repeat left top;
height:50px;
width:438px;
margin:0 0 5px 0;
}

div#media p {
color:#555;
font-size:85%;
}

div#media dl {
width:200px;
float:left;
display:block;
margin:10px 15px 0 0;
}

div#media dl dt {
width:110px;
display:block;
float:left;
font-size:92%;
line-height:150%;
color:#555;
}

div#media dl dt span.sub {
font-size:92%;
display:block;
}

div#media dl dt span.ttl {
font-size:114%;
display:block;
}

div#media dl dd {
display:block;
width:70px;
float:left;
}

/* ------------------------------
	#prize
.................................
	受賞履歴
------------------------------ */
div#prize {
width:438px;
}

div#prize h2 {
background:url(../image/prize_h2.gif) no-repeat left top;
height:50px;
width:438px;
margin:0 0 5px 0;
}

div#prize p {
color:#555;
font-size:85%;
}

div#prize dl {
float:left;
margin:0 10px 0 0;
}

div#prize dl.last {
float:left;
margin:0 0px 0 0;
}

div#prize dl dd img {
border:1px solid #ccc;
}

div#prize dl dt {
font-size:77%;
text-align:center;
color:#555;
}


/* ------------------------------
	#q_a
.................................
	Oisix Q&A
------------------------------ */
div#q_a {
margin:40px 0 0 0;
}

div#q_a h2 {
background:url(../image/q_a_h2.gif) no-repeat left top;
height:50px;
margin:0 0 20px 0;
}

div#q_a div {
width:280px; /* 280 */
height:212px; /* 212 */
padding:50px 18px 0 18px;
margin:0 28px 0 0;
float:left;
}

div#q_a div h3 {
}

div#q_a p {
font-size:92%;
line-height:160%;
color:#723913;
}


div#q_a div.q1 {
background:url(../image/q_a01_bg.gif) no-repeat left top;
}

div#q_a div.q2 {
background:url(../image/q_a02_bg.gif) no-repeat left top;
}

div#q_a div.q3 {
background:url(../image/q_a03_bg.gif) no-repeat left top;
margin:0px;
}

div#q_a div h4 {
color:#1b8d00;
font-size:10px;
font-weight:boldl
}

/* ------------------------------
	#footer
.................................
	
------------------------------ */

div#footer {
background:url(../image/footer_bg.gif) no-repeat center top;
padding:15px 0 0 0;
}


div#footer ul.row1 {
margin:0 auto;
display:block;
width:800px;
text-align:center;
}


div#footer ul.row2 {
margin:0 auto;
display:block;
width:600px;
text-align:center;
}


div#footer ul li {
display:inline;
background:url(../image/ico_footerlink.gif) no-repeat right center;
padding:0 10px 0 0;
font-size:77%;
line-height:150%;
}

div#footer ul li.last {
display:inline;
background:none;
padding:0 10px 0 0;
font-size:77%;
}

div#footer ul li a {
color:#848484;
text-decoration:none;
}

div#footer ul li a:hover {
color:#9bbe05;
}

div#footer address {
margin:10px 0;
text-align:center;
color:#9bbe05;
}




/* ------------------------------
	#details
.................................
商品詳細用スタイル
------------------------------ */

dl.detail {
margin:10px 5px;
}

dl.detail dt {
display:block;
float:left;
margin:0 10px 0 0;
wideth:120px;
}

dl.detail dt img {
}

dl.detail dd {
display:block;
float:left;
width:250px;
}

dl.detail dd p {
color:#666;
line-height:150%;
font-size:92%;
}

dl.detail dd span.name {
color:#1b8d00;
font-size:18px;
font-weight:boldl
}

dl.detail dd a {
background:url(../image/detail_buybtn.gif) no-repeat center top;
display:block;
margin:10px;
height:40px;
}


/* ------------------------------
	#details2
.................................
商品詳細用スタイル2
------------------------------ */

#details2 {
	display:block;
	width:900px;
	margin-top:20px;
	text-align:left;
	font-size:10px;
}

#details2 ul{
	margin:10px;
}

#details2 li{
	line-height:155%;
}

#box01{
	display:block;
	width:435px;
	float:left;
	margin:0 20px 0 0;	
	border: 1px solid #999999;
}

.box_left{
	display:block;
	width:210px;
	float:left;
	margin-right:5px;
}

.box_right{
	display:block;
	width:210px;
	float:left;
}

#box02{
	display:block;
	width:435px;
	float:right;
	border: 1px solid #999999;
}