@charset "utf-8";
/* ベース */

body{
	margin:0 auto;
	padding:0;
	text-align:center;
}

img{
	border:0;
}



/* ヘッダー */

#head_container{
	width:100%;
	height:70px;
	margin:0;
	padding:0;
	background-color:#990000;
}

#head_area{
	width:840px;
	margin:0 auto;
	padding:5px 0;
}

#head_left{
	width:200px;
	margin:0;
	padding:0;
	float:left;
}

#head_right{
	width:500px;
	margin:0;
	padding:0;
	float:right;
}


/* ヘッダー（タイトル） */

h1{
	margin:0;
	padding:0;
	text-align:left;
}

h1 a{
	margin:0;
	padding:0;
	width:185px;
	height:60px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	background:#FFF url(../image/title/main_title.png) no-repeat;
	border:0;
}

h1 a:hover{
	border:0;
	padding:0;
}


/* ヘッダー（メニュー１） */

ul#hd_mn1{
	margin:0;
	padding:2px 0 0 0;
	list-style:none;
}

#hd_mn1 li{
	margin:0 0 0 10px;
	padding:0;
	float:right;
}

#hd_mn1 li a{
	width:110px;
	height:28px;
	margin:0;
	padding:0 0 0 0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}

/* メニュー（会員ログイン） */
#hd_menu1 a{
	background:#FFF url(../image/menu/hd_menu_01.png);
}

#hd_menu1 a:hover{
	background-position:0 -28px;
}

/* メニュー（お買い物かご） */
#hd_menu2 a{
	background:#FFF url(../image/menu/hd_menu_02.png);
}

#hd_menu2 a:hover{
	background-position:0 -28px;
}


/* ヘッダー（メニュー２） */

ul#hd_mn2{
	margin:0;
	padding:18px 0 0 0;
	list-style:none;
}

#hd_mn2 li{
	margin:0 0 0 13px;
	padding:0 0 0 15px;
	text-align:left;
	float:right;
	font-size:78%;
	background:#990000 url(../image/icon/hd_menu_mk.png) no-repeat left top;
	
}

#hd_mn2 li a{
	text-decoration:none;
	color:#FFFFFF;
}

#hd_mn2 li a:hover{
	text-decoration:underline;
	color:#FFCC00;
}


/* メインメニュー */

#menu_area{
	width:100%;
	height:65px;
	background-color:#990000;
	margin:0 auto;
	padding:0;
}

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

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

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

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


/* メニュー（商品一覧） */
#menu1 a{
	background:#FFF url(../image/menu/menu_01.png);
	width:85px;
}

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

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

/* メニュー（ご利用ガイド） */
#menu2 a{
	background:#FFF url(../image/menu/menu_02.png);
	width:110px;
}

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

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


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

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

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

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

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

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

/* メニュー（花咲農園について） */
#menu5 a{
	background:#FFF url(../image/menu/menu_05.png);
	width:135px;
}

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

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


/* メニュー（こだわりの栽培方法） */
#menu6 a{
	background:#FFF url(../image/menu/menu_06.png);
	width:150px;
}

#menu6 a:hover{
	background-position:0 -26px;
}

#menu6-off a{
	background:#FFF url(../image/menu/menu_06.png);
	background-position:0 -26px;
}



/* ボディメニュー */

#body_menu_area{
	width:100%;
	height:65px;
	background:#FFFFFF url(../image/back/top_item_menu_back.png) repeat-x top left;
	margin:0 auto;
	padding:0;
}

#body_menu{
	width:840px;
	margin:0 auto;
	padding:10px 0 0 0;
}

#body_menu_area ul{
	margin:0;
	padding:0;
	list-style:none;
}

#body_menu_area li{
	margin:0 12px 0 0;
	padding:0;
	float:left;
}

#body_menu_area li a{
	width:130px;
	height:55px;
	margin:0;
	padding:0 0 0 0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}


/* メニュー（お米） */
#bd_menu1 a{
	background:#FFF url(../image/menu/body_item_menu_01.png);
}

#bd_menu1 a:hover{
	background-position:0 -55px;
}

/* メニュー（野菜とくだもの） */
#bd_menu2 a{
	background:#FFF url(../image/menu/body_item_menu_02.png);
}

#bd_menu2 a:hover{
	background-position:0 -55px;
}

/* メニュー（農産物） */
#bd_menu3 a{
	background:#FFF url(../image/menu/body_item_menu_03.png);
}

#bd_menu3 a:hover{
	background-position:0 -55px;
}

/* メニュー（加工品） */
#bd_menu4 a{
	background:#FFF url(../image/menu/body_item_menu_04.png);
}

#bd_menu4 a:hover{
	background-position:0 -55px;
}

/* メニュー（こだわりの栽培法法） */
#bd_menu5 a{
	background:#FFF url(../image/menu/body_item_menu_05.png);
}

#bd_menu5 a:hover{
	background-position:0 -55px;
}


/* メニュー（花咲の若い仲間たち） */
#bd_menu6 a{
	background:#FFF url(../image/menu/body_item_menu_06.png);
}

#bd_menu6 a:hover{
	background-position:0 -55px;
}



/* エリアコントロール */

#main_h{
	margin:0;
	padding:10px 0 0 0;
	text-align:center;
}

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

#container{
	width:848px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF url(../image/back/main_back.png) repeat-y top center;
}



#unit{
	width:650px;
	margin:0;
	padding:0;
	float:left;
}

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

#contents{
	width:445px;
	margin:0;
	padding:0;
	float:right;
	text-align:left;
}

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


/* サイドバーメニュー左 */


ul#side_menu_l{
	margin:0;
	padding:15px 0 0 14px;
	list-style:none;
}



#side_menu_l li a{
	width:180px;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	padding:0;
	text-align:left;
}

/* サイドメニュー左（お米の価格） */
#s_menu_01 a{
	background:#FFF url(../image/menu/l_menu_01.png);
	height:60px;
	margin:0 0 10px 0;
}

#s_menu_01 a:hover{
	background-position:0 -60px;
}


/* サイドメニュー左（購入履歴） */
#s_menu_02 a{
	background:#FFF url(../image/menu/l_menu_02.png);
	height:60px;
	margin:0 0 15px 0;
}

#s_menu_02 a:hover{
	background-position:0 -60px;
}


/* サイドメニュー左（花咲農園について） */
#s_menu_03 a{
	background:#FFF url(../image/menu/l_menu_03.png);
	height:30px;
	margin:0 0 2px 0;
}

#s_menu_03 a:hover{
	background-position:0 -30px;
}

/* サイドメニュー左（ご利用ガイド） */
#s_menu_04 a{
	background:#FFF url(../image/menu/l_menu_04.png);
	height:30px;
	margin:0 0 2px 0;
}

#s_menu_04 a:hover{
	background-position:0 -30px;
}

/* サイドメニュー左（お支払い方法） */
#s_menu_05 a{
	background:#FFF url(../image/menu/l_menu_05.png);
	height:30px;
	margin:0 0 2px 0;
}

#s_menu_05 a:hover{
	background-position:0 -30px;
}

/* サイドメニュー左（返品について） */
#s_menu_06 a{
	background:#FFF url(../image/menu/l_menu_06.png);
	height:30px;
	margin:0 0 2px 0;
}

#s_menu_06 a:hover{
	background-position:0 -30px;
}

/* サイドメニュー左（よくある質問） */
#s_menu_07 a{
	background:#FFF url(../image/menu/l_menu_07.png);
	height:30px;
	margin:0 0 2px 0;
}

#s_menu_07 a:hover{
	background-position:0 -30px;
}

/* サイドメニュー左（お問い合わせ） */
#s_menu_08 a{
	background:#FFF url(../image/menu/l_menu_08.png);
	height:30px;
	margin:0 0 2px 0;
}

#s_menu_08 a:hover{
	background-position:0 -30px;
}


/* サイドメニュー左（特定商取引） */
#s_menu_09 a{
	background:#FFF url(../image/menu/l_menu_09.png);
	height:30px;
	margin:0 0 2px 0;
}

#s_menu_09 a:hover{
	background-position:0 -30px;
}


/* サイドメニュー左（送料・配送について） */
#s_menu_10 a{
	background:#FFF url(../image/menu/l_menu_10.png);
	height:30px;
	margin:0 0 2px 0;
}

#s_menu_10 a:hover{
	background-position:0 -30px;
}



/* サイドバーメニュー右 */

ul#side_menu_r{
	margin:0;
	padding:10px 0 0 0;
	list-style:none;
}

#side_menu_r li{
	margin:0 0 13px 0;
	padding:0;
	text-align:left;
}

#side_menu_r li a{
	width:180px;
	margin:0;
	padding:0 0 0 0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
}


/* サイドメニュー右（戸澤ブログ） */
#s_menu_r01 a{
	background:#FFF url(../image/menu/r_menu_01.png);
	height:60px;
}

#s_menu_r01 a:hover{
	background-position:0 -60px;
}

/* サイドメニュー右（農作業日誌） */
#s_menu_r02 a{
	background:#FFF url(../image/menu/r_menu_02.jpg);
	height:100px;
}

#s_menu_r02 a:hover{
	background-position:0 -100px;
}

/* サイドメニュー右（花咲農園だより） */
#s_menu_r03 a{
	background:#FFF url(../image/menu/r_menu_03.png);
	height:200px;
}

#s_menu_r03 a:hover{
	background-position:0 -200px;
}


/* リンク */

.link_tit{
	margin:0;
	padding:15px 0 0 0;
	text-align:left;
}

ul.link{
	margin:0 0 10px 0;
	padding:5px 0 0 12px;
	list-style:none;
	text-align:left;
}

.link li{
	width:150px;
	margin:0;
	padding:5px 0 5px 10px;
	text-align:left;
	font-size:75%;
	color:#333333;
	background:#FFF url(../image/icon/link_mk.png) no-repeat left center;
	border-bottom:1px dotted #AAAAAA;
}



/* ページトップリンク */

#pageup{
	width:848px;
	margin:0 auto;
	padding:0;
	background:#FFFFFF url(../image/back/main_back.png) repeat-y top center;
}

#pageup p{
	margin:0;
	padding:10px 0 0 685px;
	text-align:left;
}

#pageup a{
	width:120px;
	height:26px;
	margin:0;
	padding:0;
	display:block;
	text-indent:-9999px;
	text-decoration:none;
	overflow:hidden;
	background:#FFF url(../image/icon/pageup.png);
}

#pageup a:hover{
	background-position:0 -26px;
}








/* フッター */

#footer{
	width:840px;
	background-color:#990000;
	margin:20px auto;
	padding:0;
}

#foot_tit{
	margin:0;
	padding:20px 0 10px 0;
	text-align:center;
}

#footer ul.footNav{
	position:relative;
	text-align:center;
	font-size:75%;
	margin:0;
	padding:10px 0 0 0;
}

#footer ul.footNav li{
	padding:0 7px 0 7px;
	display:inline;
	border-left:1px solid #9DA09E;
}

#footer ul.footNav li a,
#footer ul.footNav li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}

#footer ul.footNav li a:hover,
#footer ul.footNav li a:active{
	color:#FFFF66;
	text-decoration:underline;
}




#footer ul.footNav li.firstChild{
	border-left:none;
}

#copyright{
	margin:0;
	padding:15px 10px 15px 0;
	text-align:right;
}




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

a{
	color:#003399;
	text-decoration:none;
}

a:visited{
	color:#003399;
	text-decoration:none;
}

a:active{
	color:#003399;
	text-decoration:none;
}	

a:hover{
	color:#FF6600;
	text-decoration:none;
}





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

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

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



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



.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
} /*IE7以外のモダンブラウザ向け*/

.clearfix{display:inline-block;} /*IE7およびMacIE5向け*/

/*Hides from IE-mac\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/*End hide from IE-mac*/ /*IE6以前向け*/









