@charset"UTF-8";

body {
	background-color:white;
	color:black;
	padding:0;
	margin:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
}

div#back{
	width:799px;
	margin:0 auto;
	padding:0;
	background:url(/img/share/middle_sd.gif) repeat-y center top;
}

div.sd{
	 width:800px;
	 height:8px;
}

div.sd img{
	display:block;
}

div#base {
	width:780px;
	margin:0 auto;
	padding:0;
}

h1 {
	text-indent:-9999px;
	height:1px;
	margin:0;
	padding:0;
	overflow:hidden;
}

p.h1-lead{
	text-indent:-9999px;
	height:1px;
	margin:0;
	padding:0;
	overflow:hidden;
}

div.header {
	margin:0;
	padding:0;
	height:100px;
}

div.header img{
	border:none;
}

ul.z-navi{
	margin:0;
	padding:0;
	border:2px solid #339900;
	text-align:center;
}

ul.z-navi li{
	list-style-type:none;
	display:inline;
	margin-right:1em;
	line-height:180%;
	font-size:12px;
	font-weight:bold;
	color:#999999;
}

ul.z-navi li.last-li{
	margin-right:0;
}

ul.z-navi li a{
	color:#CC6600;
}

ul.z-navi li a:hover{
	color:#CC6600;
}

/* ########## 　　トップページの背景　　######## */
div#body-top {
	background:url(/img/share/border_back_3.gif) repeat-y left top;
}

/* ########## 　　その他ページの背景　　######## */
div#body {
	background-color:black;
	background:url(/img/share/border_back_4.gif) repeat-y left top;
}

#body div.column2-main {
	background-color:black;
	background:url(/img/share/border_back_4.gif) repeat-y left top;
}

/* ########## 　　　左　袖　　　######## */

#left-column {
	float:left;
	width:170px;
	margin:0;
	padding:0;
	text-align:left;
}

#left-column h2.m-contents{
	margin:0;
	padding:0;
}

#left-column h3{
	margin:5px auto 0 auto;
	padding:0;
	width:150px;
}

#left-column ul{
	width:150px;
	margin:5px 10px;
	padding:0;
	text-indent:0;
}

#left-column ul.m-child{
	margin-top:0;
}

#left-column ul li{
	margin:2px 0 0 0;
	padding:0;
	list-style-type:none;
}

#left-column ul li a{
	display:block;
	margin:0;
	padding:0;
	width:150px;
	height:27px;
	text-indent:-9999px;
	overflow:hidden;
}

/*
#left-column ul.m-link {
	width:140px;
	margin:10px 15px 20px 15px;
	font-size:10px;
}

#left-column ul.m-link img{
	display:block;
}

*/

/* ##### Center Column (トップページ）##### */

#center-column {
	float:left;
	width:430px;
	padding-top:5px;
	margin-left:10px;
	padding-bottom:20px;
}

#center-column div.lead{
	font-size:10px;
	color:#5E5953;
	line-height:150%;
	margin:0;
}

#center-column div.lead p.lead {
	float:left;
	margin:0;
	padding:0;
	width:320px;
}

#center-column div.lead p.rss {
	float:right;
	border:1px solid #DDD;
	width:95px;
	margin:3px;
	padding:3px;
	line-height:120%;
	color:#AAA;
}

#center-column div.lead p.rss img{
	float:left;
	margin-right:3px;
	border:none;
}

#center-column h2 {
	margin:5px 0;
}

#center-column ul.news {
	margin:0;
	padding:0;
}

#center-column ul.news li{
	list-style-type:none;
	margin:0;
}

#center-column ul.news li dl{
	margin:0 5px 5px 5px;
	padding:0;
	float:left;
}

#center-column ul.news li dl dt{
	float:left;
	width:60px;
	font-size:12px;
	line-height:14px;
	text-align:center;
	background-color:red;
	color:white;
}

#center-column ul.news li dl dd{
	margin-left:70px;
}

#center-column ul.news li dl dd h3{
	font-size:12px;
	margin:0;
	line-height:120%;
	color:blue;
}

#center-column ul.news li dl dd h3 a{
	text-decoration:none;
}

#center-column ul.news li dl dd p{
	font-size:12px;
	line-height:120%;
	margin:0;
}

#shop-info {

}

#shop-info h2{
	border-bottom:4px solid orange;
}

#shop-info h2 img{
	border:none;
	display:block;
}

#shop-info a{
	text-decoration:none;
}

#shop-info p.lead {
	font-size:10px;
	margin:0 0 0 1em;
	text-indent: -1em; 
	line-height:110%;
	color:#5E5953;
}

#shop-info img.shop-info-image {
	border:none;
}

#shop-info ul {
	margin:0;
	padding:0;
}

#shop-info ul li{
	width:100%;
	margin-top:5px;
	clear:both;
	padding:0;
	list-style-type:none;
	font-size:12px;
}

#shop-info ul li dl{
	margin:0;
	line-height:120%;
}

#shop-info ul li dl dt{
	margin:0;
	color: #452300;
}

#shop-info ul li dl dd{
	margin:0;
}

#shop-info ul li dl dd h3{
	margin:0;
	font-size:12px;
}

#shop-info ul li dl dd h3 a{
	text-decoration:none;
}

#shop-info ul li dl dd .item{
	float:left;
	margin:0 2px 0 0;
	border:1px solid gray;
}


#shop-info ul li dl dd p{
	margin:0;
}

#shop-info ul li dl dd p.price{
	clear:right;
	color:red;
	font-weight:bold;
	text-align:right;
}

#shop-info ul li dl dd div.item-second{
	width:210px;
	float:left;
	margin:5px 0;
}

#shop-info ul li dl dd div.item-third{
	width:210px;
	float:right;
	margin:5px 0;
}

#shop-info a.item-detail {
	display:block;
	float:right;
	margin:3px 0px;
	padding:2px;
	border:1px solid gray;
	color:gray;
	font-size:10px;
}

#shop-info a.item-detail:hover{
	color: #339900;
	border-color:#339900;
}

div#teach {
	background:url(img/etc/top/motto/motto_footer.gif) no-repeat bottom left;
	padding-bottom:10px;
	background-color:#ccff00;
}

div#teach h3{
	display:inline;
	margin:0;
	padding:0;
}

div#teach h3 span{
	display:none;
}

div#teach ul {
	margin:5px 0 0 10px;
	padding:0;
	text-align:left;
}

div#teach ul li{
	list-style-type:none;
	width:130px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}

div#teach ul li h4{
	margin:0;
	padding:0;
}

div#teach ul li p{
	margin:2px 0;
	padding:0;
	width:130px;
	font-size:12px;
}

div#teach ul li p a{
	color:#006633;
	text-decoration:none;
}

div#teach ul li p a:hover{
	color:red;
}

div#teach ul li img{
	border:none;
}

/* ########## 　ノーマル2カラムのベース　　######## */
div#column2-main {
	float:right;
	width:600px;
	padding-top:5px;
	margin-left:5px;
}

div#column2-main h2{
	margin:10px 0;
	padding:0;
}


/* ########## 　右袖にボタン配置時のセンターカラム（標準使用）　　######## */
div#stand-column {
	width:460px;
	float:left;
	margin:0px 8px 0 2px;
	padding-bottom:20px;
}

div#stand-column p.stand {
	text-indent:1em;
}

/* ##### Center Column Topics(2column) ##### */

div#topics-page {
	float:left;
	width:460px;
	margin:0 8px 0 2px;
	padding-bottom:20px;
}


/* ##### Right Column ##### */

#right-column {
	float:right;
	width:160px;
	padding-bottom:10px;
}

p.desc{
	
	margin:10px 5px 5px 15px;
	text-indent:-10px;
	font-size:10px;
	line-height:120%;
	color:#663300;
}

#right-column h3 {
	margin:0 auto;
	width:140px;
}

#right-column img {
	border:none;
}

#right-column ul.farm{
	margin:5px 10px 0 10px;
	padding:0;
	width:140px;
}

#right-column ul.farm li{
	list-style-type:none;
}

#right-column ul.recipe-list{
	margin:5px 10px 0 10px;
	padding:0;
	width:140px;
}

#right-column ul.farm p{
	text-align:center;
	font-size:12px;
	margin:2px 0;
}

#right-column ul.farm p a{
	text-decoration:none;
}

#right-column ul.farm p.photo img{
	border:1px solid gray;
}

#right-column ul.recipe-list li{
	margin:0;
	padding:0;
	list-style-type:none;
}

#right-column ul.recipe-list dl{
	margin:0;
	float:right;
	width:80px;
	font-size:12px;
}

#right-column ul.recipe-list dl dt{
	padding:3px;
	text-align:center;
	color:white;
}

#right-column ul.recipe-list dl dd{
	padding:0;
	margin:2px 0 0 0; 
	font-size:10px;
	line-height:110%;
}

#right-column ul.recipe-list dl dd a{
	text-decoration:none;
}

#right-column ul.recipe-list dl dd img{
	border:1px solid gray;
}

#right-column ul.recipe-list dl dt#rec-recent{
	background-color:#99CCCC;
	color:blue;
}

#right-column ul.recipe-list dl dt#rec-ushi{
	background-color:green;
}

#right-column ul.recipe-list dl dt#rec-buta{
	background-color:red;
}

#right-column ul.recipe-list dl dt#rec-egg{
	background-color:#FF3300;
}

#left-column div.link ul {
	margin-top:0;
}

/* ##### Right Column 2 ##### */

div#right-column2 {
	width:120px;
	float:left;
	margin:0;
	padding:0;
}

div#right-column2 img{
	border:none;
	margin-bottom:8px;
}




ul.m-link {

	width:140px;
	margin:0 10px;
	padding:0;
	font-size:10px;
}

ul.m-link {
	text-align:center;
}

ul.m-link li{
	margin:0 0 5px 0;
	padding:0;
	list-style-type:none;
}

ul.m-link img{
	margin:0 auto;
	display:block;
}

#footer {
	background-color:#FF9900;
	font-size:10px;
	line-height:25px;
	clear:both;
	margin:0;
	padding:0;
	text-align:center;
}

@media print {
	* html #footer {
		background-color:white;
	}
}

div.clear {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:0;
	padding:0;
}

div.clear hr{
	display:none;
}

#left-column ul li a#m-top{
	background:url(img/etc/menu/menu_r1_c1.gif) no-repeat left top;
}
#left-column ul li a#m-topics{
	background:url(img/etc/menu/menu_r3_c1.gif) no-repeat left top;
}
#left-column ul li a#m-ushi{
	background:url(img/etc/menu/menu_r7_c1.gif) no-repeat left top;
}
#left-column ul li a#m-buta{
	background:url(img/etc/menu/menu_r9_c1.gif) no-repeat left top;
}
#left-column ul li a#m-egg{
	background:url(img/etc/menu/menu_r11_c1.gif) no-repeat left top;
}
#left-column ul li a#m-tr-ushi{
	background:url(img/etc/menu/menu_r15_c1.gif) no-repeat left top;
}
#left-column ul li a#m-tr-buta{
	background:url(img/etc/menu/menu_r17_c1.gif) no-repeat left top;
}
#left-column ul li a#m-tr-egg{
	background:url(img/etc/menu/menu_r19_c1.gif) no-repeat left top;
}
#left-column ul li a#m-webshop{
	background:url(img/etc/menu/menu_r21_c1.gif) no-repeat left top;
}
#left-column ul li a#m-torihiki{
	background:url(img/etc/menu/menu_r23_c1.gif) no-repeat left top;
}
#left-column ul li a#m-ichiba{
	background:url(img/etc/menu/ichiba.gif) no-repeat left top;
}
#left-column ul li a#m-farm{
	background:url(img/etc/menu/menu_r25_c1.gif) no-repeat left top;
}
#left-column ul li a#m-recipe{
	background:url(img/etc/menu/menu_r27_c1.gif) no-repeat left top;
}
#left-column ul li a#m-store{
	background:url(img/etc/menu/menu_r29_c1.gif) no-repeat left top;
}
#left-column ul li a#m-display{
	background:url(img/etc/menu/menu_r31_c1.gif) no-repeat left top;
}
#left-column ul li a#m-coffee{
	background:url(img/etc/menu/menu_r33_c1.gif) no-repeat left top;
}
#left-column ul li a#m-Q-A{
	background:url(img/etc/menu/menu_r35_c1.gif) no-repeat left top;
}
#left-column ul li a#m-privacy{
	background:url(img/etc/menu/menu_r37_c1.gif) no-repeat left top;
}
#left-column ul li a#m-ask{
	background:url(img/etc/menu/menu_r39_c1.gif) no-repeat left top;
}


#left-column ul li a#m-top:hover{
	background:url(img/etc/menu/menu_r1_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-topics:hover{
	background:url(img/etc/menu/menu_r3_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-ushi:hover{
	background:url(img/etc/menu/menu_r7_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-buta:hover{
	background:url(img/etc/menu/menu_r9_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-egg:hover{
	background:url(img/etc/menu/menu_r11_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-tr-ushi:hover{
	background:url(img/etc/menu/menu_r15_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-tr-buta:hover{
	background:url(img/etc/menu/menu_r17_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-tr-egg:hover{
	background:url(img/etc/menu/menu_r19_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-webshop:hover{
	background:url(img/etc/menu/menu_r21_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-torihiki:hover{
	background:url(img/etc/menu/menu_r23_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-ichiba:hover{
	background:url(img/etc/menu/ichiba_2.gif) no-repeat left top;
}
#left-column ul li a#m-farm:hover{
	background:url(img/etc/menu/menu_r25_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-recipe:hover{
	background:url(img/etc/menu/menu_r27_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-store:hover{
	background:url(img/etc/menu/menu_r29_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-display:hover{
	background:url(img/etc/menu/menu_r31_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-coffee:hover{
	background:url(img/etc/menu/menu_r33_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-Q-A:hover{
	background:url(img/etc/menu/menu_r35_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-privacy:hover{
	background:url(img/etc/menu/menu_r37_c1_f2.gif) no-repeat left top;
}
#left-column ul li a#m-ask:hover{
	background:url(img/etc/menu/menu_r39_c1_f2.gif) no-repeat left top;
}


/* 更新　*/

div#center-column div.ban-071112 {
	width:430px;
	height:127px;
	background:url(img/banner/071112/ban_3.jpg) no-repeat right bottom;
	margin:5px 0;
}

div#center-column div.ban-071112 img{
	float:left;
	border:none;
}

div#center-column div.ban-071112 a{
	display:block;
	float:right;
	width:141px;
	height:25px;
	margin-top:40px;
}

div#center-column div.ban-071112 a img{
	float:none;
}

/* CSS Document */

