@charset "UTF-8";
/* CSS Document */
	
/*---------------------------------------
メインバナー設定
---------------------------------------*/
	.main_banner2{
		margin: 0px auto 60px 15px; 
		padding: 15px 0px 0px;	
	}	

/*---------------------------------------
 キーワード検索 
 ---------------------------------------*/

	/* キーワード検索　全体 */
	#search_oll{
		width:1024px ;
		margin:15px 0px 0px 0px ;
		font-size:12px ;
		color:#bc0000 ;
		overflow:hidden ;
	}
	
	/* 注目のキーワード */
	.keywords{
		float:left ;
	}

	/* 注目キーワードテキスト */	
	.keywords p{
		margin:5px 0px 0px 0px;
		padding:0px;
	}

	/* キーワード検索フォーム */	
	.search{
		float:left ;
		vertical-align:middle ;
		padding:0px 0px 0px 40px ;
	}
	
	/* キーワード検索フォームのボタン */	
	.search_bt{
		width:125px ;
		height:22px ;
		border:0px ;
		background:url(../images/bt/bt_search.jpg) no-repeat ;
	}

	.system_text{
		text-align:left;
		/*margin-top:15px;*/
		font-size:16px;
		background-color:#FFFFCC;
		color:#FF0000;
	}
	
/*---------------------------------------
左カラム設定
---------------------------------------*/

	#left .otameshi_banner{
		width:200px;
		height:150px;
		margin-bottom:15px;
		
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
	}
	
	#left .left_banner2{
		margin-top:15px;
		width:200px;
		height:auto;
		background-color:#CCCCCC;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}
	
	#left .calendar_bar{
		width:200px;
		height:32px;
		margin-top:15px;
		/*background-image:url(../images/bar/calendar_bar.gif);
		background-repeat:no-repeat;*/
	}
	#left .calendar_area{
		padding:10px 5px;
		margin-bottom:15px;
		width:190px;
		background-color:#FFFFFF;
		/*border:2px solid #039A03;*/
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}
	#left .today_text{
		font-size:16px;
		text-align:center;
	}
	#left .nextmonth_text{
		padding-top:15px;
		font-size:16px;
		text-align:center;
	}
	
	#left .table6week{
		width:190px;
		/*height:190px;*/
		border-collapse:collapse;
		border-spacing:0;
		border-color:#FFCCCC;
		font-size:16px;
	}
	
	#left .table5week{
		width:190px;
		/*height:163px;*/
		border-collapse:collapse;
		border-spacing:0;
		border-color:#FFCCCC;
		font-size:16px;
	}

	#left .calendar_area th{
		border:1px solid #c9c9c9;
		text-align:center;
		height:26px;
	}
	
	#left .calendar_area tr{
		height:26px;
	}
	
	#left .calendar_area td{
		text-align:center;
		width:26px;
		height:25px;
		border-color:#FFCCCC;
	}
	
	#left .calendar_area .today{
		border: 2px solid #039a03;
	}
	
	/*facebookウィジェット*/	
	#left .facebook{
		margin-bottom:15px;
		width:200px;
		height:427px;
		text-align:center;
		background-color: #FFF;
	}

	
/*コメント*/
	#left .right_text{
		padding-top:5px;
		width:190px;
		text-align:left;
		font-size:14px;
	}

/*---------------------------------------
メインカラム設定
---------------------------------------*/
/*メイン幅*/
	#main {
		width:809px;
		height:auto;
		float:left;
	}
	
/*バータイトル*/	
	#main .contents_bar{
		width:594px;
		height:auto;
		margin-left:0px;
		padding-left:0px;
	}

	#main .item_banner{
		width:594px;
		height:auto;
	}	
	
	/* おすすめ商品　テキスト */	
	#main .item_area p{
		margin:5px 0px 0px 0px ;
	}

	/* おすすめ商品　商品全体エリア */		
	#main .item_area{
		padding:15px 2px 15px 15px;
		margin-bottom:15px;
		float:left;
		height:auto;
		width:792px;
		background-color:#FFFFFF;
		background-repeat:no-repeat;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
	}
	
	/* おすすめ商品　各商品のボックス */	
	#main .item_box{
		width:185px ;
		height:240px ;
		padding:0px 13px 0px 0px ;
		float:left ;
	}
	
	/* 人気商品ランキング　ランキング全体 */	
	#main .ranking_area{
		float:left;
		width:792px;
		height:auto;
		padding:15px 2px 15px 15px;
		margin-bottom:15px;
		background-color:#FFFFFF;
		background-repeat:no-repeat;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
	}

	/* 人気商品ランキング　各ランキングのボックス */	
	#main .ranking_box{
		width:185px ;
		height:240px;
		padding:0px 13px 0px 0px ;
		float:left ;
	}
	
	/* 人気商品ランキング　テキスト */	
	#main .ranking_box p{
		margin:5px 0px 0px 0px ;
	}

/*インフォメーションエリア*/	
	#main .info{
		margin:0px 15px 15px 0px;
		width:809px;
		height:auto;
		min-height:150px;
		background-color:#FFFFFF;
		float:left;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}
	
	#main .info_box{
		width:564px;
		height:auto;
		padding:5px 15px;
		text-align:left;
		float:left;
	}
	
/*定期セットバナー*/	
	#main .right_banner1{
		width:200px;
		height:150px;
		margin-bottom:15px;
		width:200px;
		height:150px;
		float:left;
		/* box-shadow  */	
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}

/*アイテムピックアップエリア*/	
	#main .box{
		padding:15px;
		text-align:left;
	}
		
	#main .item_info{
		margin-top:15px;
		width:594px;
		height:auto;
		background-color:#FFFFFF;
		overflow:hidden;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}
	/*アイテムカラム設定*/
	#main .top_cat_item_line{
		
		/*３列バージョン*/
		width:188px;
		height:210px;
		overflow:hidden;
		float:left;
		
		/*overflow:hidden;*/
	}
	
/*スタッフおすすめ*/	
	#main .staff_pickup{
		margin-top:15px;
		width:594px;
		height:auto;
		background-color:#FFFFFF;
		text-align:left;
		overflow:hidden;
	}
	
	#main .staff_voice{
		width:185px;
		height:auto;
		text-align:left;
	}
	
	/* スタッフおすすめ全体 */
	#main .staff{
		margin:15px 15px 0px 0px;
		padding:0px 0px 15px 0px;
		width:397px;
		height:584px;
		float:left;
	}
	
	/* スタッフおすすめ商品その１ */
	#main .staff_01{
		float:left;
		margin:0px 15px 0px 15px;
	}
	/*無農薬野菜とは　楽天から*/
	#main .farmer_select_area{
		width:397px;
		height:584px;
		float:left;
		margin:15px 0px;
		position:static;
		background-image:url(http://www.rakuten.ne.jp/gold/millet/images/main_content/top_guide.png);	
	}

/*ミレー定期*/	
	#main .millet_club{
		width:809px;
		/*height:238px;*/
		background-color:#FFFFFF;
		text-align:left;
		margin-bottom:15px;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}
	
/*ミレー新聞*/	
	#main .millet_news{
		margin-top:15px;
		width:594px;
		height:238px;
		background-color:#FFFFFF;
		text-align:left;
	}

/*マイページ*/
	#main .mypage{
		width:786px;
		padding:15px 8px 15px 15px;
		background-color:#FFFFFF;
		/* box-shadow 
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		*/
	}
	
	#main .mypage .menu{
		width:255px;
		height:75px;
		float:left;
		margin-right:7px;
		margin-bottom:7px;
		line-height:75px;
		text-align:center;
		color:#FFFFFF;
	}
	
	#main .mypage .or{
		background-color:#FC0;
	}
	#main .mypage .blue{
		background-color:#6FF;
	}
	#main .mypage .green{
		background-color:#3F6;
	}

/*---------------------------------------
コンテンツバナー
---------------------------------------*/
	.contents_banner{
		width:100%;
		float:left;
	}	
	
	/*メイン*/
	.main_b{
		float:left;
		margin-right:10px;
		
	}
	/*スモール*/
	.mini_b{
		margin-bottom:-1px !important;
		float:left;
	}		

/*---------------------------------------
カテゴリバナー
---------------------------------------*/
	.category_banner{
		width:100%;
		float:left;
	}
	.cat_banner{
		float:left;
		margin-right:1.33%;
	}
	.cat_banner01{
		float:left;
		margin-right:8px;
	}
	
	.cat_banner_end{
		float:left;
	}
	
	.cat_banner01 img,
	.cat_banner_end img,
	.mb20 img,.mb10 img,
	.mb5 img{
		width:auto;
	}
	
	
@media screen and (max-width:890px){
	.cat_banner01 img,
	.cat_banner_end img,
	.mb20 img,.mb10 img,
	.mb5 img{
		width:100%;
	}
}

/*---------------------------------------------------------------------
お知らせ
---------------------------------------------------------------------*/
.main-news{
	float:left;
	width:100%;
	height:auto;
	padding:2%;
	background-color:#ffffee;
	border:2px solid #EFE695;
	border-radius:10px;
	margin-bottom:1%;
}
.news-icon{
	width:15%;
	float:left;
}
.info-box{
	width:100%;
	float:left;
	padding:0 15px;
}

/*---------------------------------------------------------------------
コンテンツボックス
---------------------------------------------------------------------*/
	.main-contents{
		float:left;
		width:32.5%;
		height:350px;
		padding:2%;
		background-color:#ffffee;
		border:2px solid #c8c7c7;
		border-radius:10px;
		font-size:16px;
		position:relative;
	}
/*mcタイトル*/
	.mc1-title,
	.mc2-title,
	.mc3-title,
	.mc4-title{
		text-align:center;
		font-size:20px;
		margin-bottom:10px;
		/*font-weight:bold;*/
	}

	.mc1-title:before{
		content: url(../images/icon/icon_kodawari.png);
	}
	
	.mc1-title:after{
		content: url(../images/icon/icon_kodawari.png);
	}
	
	.mc2-title:before{
		content: url(../images/icon/icon_munoyaku.png);
	}
	
	.mc2-title:after{
		content: url(../images/icon/icon_munoyaku.png);
	}
	
	.mc3-title:before{
		content: url(../images/icon/icon_radioactivity.png);
	}
	
	.mc3-title:after{
		content: url(../images/icon/icon_radioactivity.png);
	}
	
	.mc4-title:before{
		content: url(../images/icon/icon_faq.png);
	}
	
	.mc4-title:after{
		content: url(../images/icon/icon_faq.png);
	}
	
	.main-contents span.mc-link{
		position: absolute;
		display:block;
		text-align:right;
		right:15px;
		bottom:15px;
	}
	
	.main-contents.space{
		margin-right:10px;
		margin-bottom:1%;
	}	

/*---------------------------------------------------------------------
コンテンツボックス(お客様の声)
---------------------------------------------------------------------*/
	.uv-contents{
		float:left;
		width:66.5%;
		height:350px;
		padding:2%;
		background-color:#ffffee;
		border:2px solid #EFE695;
		border-radius:10px;
		font-size:16px;
		position:relative;
		margin-bottom:2%;
	}
	
	.uv-title{
		text-align:left;
		font-size:20px;
		margin-bottom:10px;
		font-weight:bold;
	}
	
	.uv-contents span.uv-link{
		position: absolute;
		display:block;
		text-align:right;
		right:15px;
		bottom:15px;
	}
	
	.uv-text-area{
		display:block;
		text-align:left;
		background-color:#ffffff;
		width:100%;
		height:13em;
		border:1px solid #efe695;
		overflow:scroll;
		padding:1%;
	}

/*---------------------------------------------------------------------
会社概要
---------------------------------------------------------------------*/
	.com-bloc{
		padding:2%;
		margin:0 1% 2% 0;
		border-radius:10px;
	  	-webkit-box-shadow: 0 0 6px 2px rgba(200,200,200,0.2) inset;
	  	-moz-box-shadow: 0 0 8px 4px rgba(200,200,200,0.2) inset;
	  	box-shadow: 0 0 8px 4px rgba(200,200,200,0.2) inset;
		border:1px solid #dcdcdc;
		float:left;
		width:49.8%;	
	}
	
	.com-bloc2{
		float:left;
		font-size:16px;
		width:58%;
		position:relative;
	}	
	
	.com-title{		
		font-size:24px;
		font-weight:bold;
		border-bottom:1px dashed #efe695;
		text-align:left;
		width:100%;
		margin-bottom:2%;
	}
	
	.com-title:before{
		content: url(../images/icon/icon_kaisyagaiyo.png);
	}
	
	.com-bloc2 span.com-link{
		position: absolute;
		display:block;
		text-align:right;
		right:0;
		bottom:-30px;
	}	
/*---------------------------------------
右カラム設定
---------------------------------------*/
/*ライトエリア*/
	
	#right{
		width:200px;
		float:left;
		
	}
	
	#right .right_banner1{
		width:200px;
		height:150px;
		margin-bottom:15px;
		width:200px;
		height:150px;
		/* box-shadow		
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		*/
	}
	
	#right .right_banner2{
		margin-bottom:15px;
		width:200px;
		height:auto;
		background-color:#CCCCCC;
		/* box-shadow
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		*/
	}

/*電話バナー*/	
	.tel_banner{
		margin-bottom:15px;
		width:200px;
		/*height:166px;*/
		/*background-image:url(../images/bar/bar_otoiawase.gif);
		*/
		background-repeat:no-repeat;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}
/*FAXバナー*/	
	.fax_banner{
		margin-bottom:15px;
		width:200px;
		background-repeat:no-repeat;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}	
/*メールバナー*/	
	.mail_banner{
		margin-bottom:15px;
		width:200px;
		height:135px;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}
/*メールマガジンバナー*/	
	.malmag_banner{
		margin-bottom:15px;
		width:200px;
		height:166px;
		background-image:url(../images/banner/top_mailmagazine.jpg);
		background-repeat:no-repeat;
		text-align:center;
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}	
	
/*ライトエリア-カレンダー-*/
	#right .calendar_bar{
		width:200px;
		height:32px;
		/*background-image:url(../images/bar/calendar_bar.gif);
		background-repeat:no-repeat;*/
	}
	#right .calendar_area{
		padding:10px 5px;
		margin-bottom:15px;
		width:190px;
		background-color:#FFFFFF;
		/*border:2px solid #039A03;*/
		/* box-shadow */
		box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-webkit-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		-moz-box-shadow:rgba(113, 135, 164, 0.59) 0px 0px 6px 1px;
		
	}
	#right .today_text{
		font-size:16px;
		text-align:center;
	}
	#right .nextmonth_text{
		padding-top:15px;
		font-size:16px;
		text-align:center;
	}
	
	#right .table6week{
		width:190px;
		/*height:190px;*/
		border-collapse:collapse;
		border-spacing:0;
		border-color:#FFCCCC;
		font-size:16px;
	}
	
	#right .table5week{
		width:190px;
		/*height:163px;*/
		border-collapse:collapse;
		border-spacing:0;
		border-color:#FFCCCC;
		font-size:16px;
	}

	#right th{
		border:1px solid #c9c9c9;
		text-align:center;
		height:26px;
	}
	
	#right tr{
		height:26px;
	}
	
	#right td{
		text-align:center;
		width:26px;
		height:25px;
		border-color:#FFCCCC;
	}
	
	/*facebookウィジェット*/	
	#right .facebook{
		margin-bottom:15px;
		width:200px;
		height:427px;
		text-align:center;
		background-color: #FFF;
	}

	
/*コメント*/
	#right .right_text{
		padding-top:5px;
		width:190px;
		text-align:left;
		font-size:14px;
	}

/*---------------------------------------
バナー・リンク関連設定
---------------------------------------*/

section{
	margin:0 ;
}

.millet_info{
	width:100%;
	margin:2rem 0 4rem;
}

.millet_info ul li{
	width:33.333%;
	display: inline;
}	


.header-area-right .top_nav_right{
	width:100%;
	position:relative;
	bottom:-5px;
	z-index: 100000;
}

.header-area-right .top_nav_right li{
	float:left;
}

.header-area-right .top_nav_right li.otoiawase,
.header-area-right .top_nav_right li.login{
	float:left;
	width:50%;
	text-align: right;
}

.header-area-right .top_nav_right li.order{
	width:100%;
	text-align: right;
}

@media screen and (max-width:980px){
	.header-area-right .top_nav_right{
		display: none;
	}
	.header-area-right{
		width:58px;
	}
}