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

body{
	margin:0 auto;
	padding:0;
	text-align:center;
	background-color:#F0EBD7;
}

img{
	border:0;
}








/* ヘッダーエリア */


div#header_area{
	width:100%;
	height:148px;
	margin:0;
	padding:0;
	background:url(../image/back/header_back.png) repeat-x left top;
}


div#header{
	width:850px;
	margin:0 auto;
	padding:0;
}


/* ヘッダーメニュー */

div#header_left{
	width:400px;
	height:25px;
	margin:0;
	padding:0;
	float:left;
}

div#header_right{
	height:25px;
	width:400px;
	margin:0;
	padding:0;
	float:right;
}

/* safari \*/
html:\66irst-child h1{
	font-size:80%;
}

body:first-of-type .h1{
	font-size:80%;
}


/* IE-6.7 other */
html>/**/body h1{
	font-size:80%;
}

h1{
	margin:0;
	padding:9px 0 0 5px;
	text-align:left;
	font-size:70%;
	color:#FFF;
	font-weight:normal;
}


#header_right ul{
	margin:0;
	padding:9px 5px 0 0;
	list-style:none;
}

/* safari \*/
html:\66irst-child #header_right li{
	font-size:80%;
}

body:first-of-type #header_right li{
	font-size:80%;
}


/* IE-6.7 other */
html>/**/body #header_right li{
	font-size:80%;
}

#header_right li{
	margin:0 0 0 8px;
	padding:0;
	float:right;
	font-size:80%;
}

#header_right li a{
	color:#FFF;
	text-decoration:none;
}


#header_right li a{
	background:url(../image/icon/header_ic_off.png) no-repeat left;
	padding-left:12px;
}


#header_right li a:hover{
	background:url(../image/icon/header_ic_on.png) no-repeat left;
	padding-left:12px;
}





/* タイトルエリア */

p#title_obj{
	margin:0;
	padding:0;
	text-align:center;
}

div#title_area{
	clear:both;
	width:850px;
	height:123px;
	margin:0 auto;
	padding:0;
	background:url(../image/back/title_back.jpg) no-repeat;
}



/* タイトル */

h2{
	margin:0;
	padding:33px 0 0 0;
	text-align:center;
}

h2 a{
	margin:0;
	padding:0;
	width:800px;
	height:90px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}




h2#title_02{
	background:url(../image/title/main_title3.jpg) no-repeat center bottom;
}


/* イメージエリア */

div#image_wide{
	clear:both;
	width:100%;
	background-color:#FFF;
	margin:0;
	padding:0;
}

div#image_area{
	width:850px;
	margin:0 auto;
	padding:0;
	background:url(../image/back/image_back.jpg) no-repeat center;
}


h3{
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
}

/* メインメニュー */

#main_menu{
	width:850px;
	height:60px;
	margin:0 auto;
	padding:0;
	background:url(../image/back/body_back.jpg) repeat-y top center;
}

#menu{
	width:800px;
	margin:0 auto;
	padding:0;
}

#menu ul{
	margin:0;
	padding:6px 0 0 0;
	list-style:none;
}

#menu li{
	margin:0;
	padding:0;
	float:left;
}

#menu li a{
	width:160px;
	height:50px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}


/* メニュー（商品注文） */
#menu1 a{
	background:url(../image/menu/menu_01.jpg);
}

#menu1 a:hover{
	background-position:0 -50px;
}

#menu1-off a{
	background:url(../image/menu/menu_01.jpg);
	background-position:0 -50px;
}

/* メニュー（ご利用案内） */
#menu2 a{
	background:url(../image/menu/menu_02.jpg);
}

#menu2 a:hover{
	background-position:0 -50px;
}

#menu2-off a{
	background:url(../image/menu/menu_02.jpg);
	background-position:0 -50px;
}

/* メニュー（お支払い・送料） */
#menu3 a{
	background:url(../image/menu/menu_03.jpg);
}

#menu3 a:hover{
	background-position:0 -50px;
}

#menu3-off a{
	background:url(../image/menu/menu_03.jpg);
	background-position:0 -50px;
}

/* メニュー（よくある質問） */
#menu4 a{
	background:url(../image/menu/menu_04.jpg);
}

#menu4 a:hover{
	background-position:0 -50px;
}

#menu4-off a{
	background:url(../image/menu/menu_04.jpg);
	background-position:0 -50px;
}

/* メニュー（買い物かご） */
#menu5 a{
	background:url(../image/menu/menu_05.jpg);
}

#menu5 a:hover{
	background-position:0 -50px;
}

#menu5-off a{
	background:url(../image/menu/menu_05.jpg);
	background-position:0 -50px;
}




/* メインエリア */

div#main{
	width:850px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	background:url(../image/back/body_back.jpg) repeat-y top center;
}



#left{
	width:230px;
	margin:0;
	padding:0;
	float:left;
	text-align:left;
}





/* 左袖共通ナビゲーション-商品一覧 */

div#leftnavi{
	width:200px;
	height:252px;
	margin:15px 0 0 25px;
	padding:0;
	background:url(../image/back/leftnavi_back.jpg) no-repeat;
}


#leftnavi ul{
	margin:0;
	padding:53px 0 0 15px;
	list-style:none;
}

#leftnavi li{
	margin:0 0 5px 0;
	padding:0;
}

#leftnavi li a{
	width:174px;
	height:42px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

/* 商品一覧メニュー（白米） */
#i_menu1 a{
	background:url(../image/menu/i_menu_01.jpg);
}

#i_menu1 a:hover{
	background-position:0 -42px;
}

/* 商品一覧メニュー（無洗米） */
#i_menu2 a{
	background:url(../image/menu/i_menu_02.jpg);
}

#i_menu2 a:hover{
	background-position:0 -42px;
}

/* 商品一覧メニュー（胚芽米） */
#i_menu3 a{
	background:url(../image/menu/i_menu_03.jpg);
}

#i_menu3 a:hover{
	background-position:0 -42px;
}

/* 商品一覧メニュー（プレミアム玄米） */
#i_menu4 a{
	background:url(../image/menu/i_menu_04.jpg);
}

#i_menu4 a:hover{
	background-position:0 -42px;
}




/* 左袖共通ナビゲーション-サブメニュー */

#submenu p{
	margin:0;
	padding:20px 0 0 25px;
	text-align:left;
}


#submenu p a{
	width:200px;
	height:40px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

/* サブメニュー（シブヤ米） */
#l_menu1 a{
	background:url(../image/menu/l_menu_01.jpg);
}

#l_menu1 a:hover{
	background-position:0 -40px;
}

/* サブメニュー（シブヤ米）-小メニュー */


ul#shibuya{
	margin:0;
	padding:6px 0 0 30px;
	list-style:none;
}

/* safari \*/
html:\66irst-child #shibuya li{
	font-size:75%;
}

body:first-of-type #shibuya li{
	font-size:75%;
}


/* IE-6.7 other */
html>/**/body #shibuya li{
	font-size:75%;
}

#shibuya li{
	margin:0;
	padding:1px 0 8px 0;
	font-size:75%;
}


#shibuya li a{
	background:url(../image/icon/l_navi_ic_off.png) no-repeat left;
	padding-left:14px;
	color:666666;
	text-decoration:none;
}


#shibuya li a:hover{
	background:url(../image/icon/l_navi_ic_on.png) no-repeat left;
	padding-left:14px;
}



/* サブメニュー（農作業ルポ） */
#l_menu2 a{
	background:url(../image/menu/l_menu_02.jpg);
}

#l_menu2 a:hover{
	background-position:0 -40px;
}

/* サブメニュー（藤田志穂プロフィール） */
#l_menu3 a{
	background:url(../image/menu/l_menu_03.jpg);
}

#l_menu3 a:hover{
	background-position:0 -40px;
}

/* サブメニュー（Media Info） */
#l_menu4 a{
	background:url(../image/menu/l_menu_04.jpg);
}

#l_menu4 a:hover{
	background-position:0 -40px;
}

/* サブメニュー（ノギャルプロフィール） */
#l_menu5 a{
	background:url(../image/menu/l_menu_05.jpg);
}

#l_menu5 a:hover{
	background-position:0 -40px;
}

/* サブメニュー（Media Info）-テキストリスト */

ul#media{
	margin:0;
	padding:6px 0 0 25px;
	list-style:none;
}

/* safari \*/
html:\66irst-child #media li{
	font-size:75%;
}

body:first-of-type #media li{
	font-size:75%;
}


/* IE-6.7 other */
html>/**/body #media li{
	font-size:75%;
}

#media li{
	margin:0;
	padding:0 0 5px 5px;
	border-bottom:1px dotted #B6A798;
	font-size:70%;
	color:#666666;
	line-height:1.3;
}

#media li span{
	font-size:120%;
	line-height:1.8;
}

#media li img{
	padding-top:6px;
	float:right;
}










/* フッターメニュー */

div#footer_menu{
	clear:both;
	width:850px;
	margin:0 auto;
	padding:0;
	overflow:auto;
	background:url(../image/back/body_back.jpg) repeat-y top center;
}

#footer_menu ul{
	margin:0;
	padding:30px 25px 0 0;
	list-style:none;
}

/* safari \*/
html:\66irst-child #footer_menu li{
	font-size:75%;
}

body:first-of-type #footer_menu li{
	font-size:75%;
}


/* IE-6.7 other */
html>/**/body #footer_menu li{
	font-size:75%;
}

#footer_menu li{
	margin:0 0 0 6px;
	padding:0;
	float:right;
	font-size:70%;
}


#footer_menu li a{
	background:url(../image/icon/foot_ic_off.png) no-repeat left;
	padding-left:12px;
}


#footer_menu li a:hover{
	background:url(../image/icon/foot_ic_on.png) no-repeat left;
	padding-left:12px;
}


#footer_menu li a{
	text-decoration:none;
}




/* フッターメニュー */

div#footer{
	clear:both;
	width:850px;
	height:120px;
	margin:0 auto;
	padding:0;
	background:url(../image/back/footer_back.jpg) repeat-y top center;
}

/* safari \*/
html:\66irst-child #footer p{
	font-size:75%;
}

body:first-of-type #footer p{
	font-size:75%;
}


/* IE-6.7 other */
html>/**/body #footer p{
	font-size:75%;
}


#footer p{
	margin:0;
	padding:60px 0 0 0;
	text-align:center;
	font-size:70%;
	color:#666;
}






/* ページＵＰナビ */


div#pageup{
	clear:both;
	width:850px;
	margin:0 auto;
	padding:0;
	overflow:auto;
	background:url(../image/back/body_back.jpg) repeat-y top center;
}


#pageup p{
	margin:0;
	padding:25px 25px 0 0;
	text-align:right;
}



/* 下部バナー */


div#banner{
	width:850px;
	margin:0 auto;
	padding:30px 0 0 0;
	background:url(../image/back/body_back.jpg) repeat-y top center;
}


#banner table{
	margin:0 auto;
	padding:0;
}

#banner td{
	margin:0;
	padding:0 5px;
	text-align:center;
}

#banner p{
	margin:0;
	padding:0;
	text-align:center;
	font-size:60%;
	color:#FF0000;
}



/* リンクコントロール */

a{
	color:#64A028;
	text-decoration:underline;
}

a:visited{
	color:#64A028;
	text-decoration:underline;
}

a:active{
	color:#64A028;
	text-decoration:underline;
}	

a:hover{
	color:#FF9900;
}







/* 画像フロートコントロール */

.photo_l{
	margin:0;
	padding:0 10px 0 0;
	float:left;
}

.photo_r{
	margin:0;
	padding:0 0 0 10px;
	float:right;
}



.clear{
	clear:both;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0;
	height:0;
}


*html .clear{
	clear:both;
	margin:0;
	padding:0;
	text-indent:-9999px;
	font-size:0;
	height:0;
}




.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 0px;
}

* html .clearfix {
	height: 0px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}