/*---------------------------------------------------------------------------------
COMMON
---------------------------------------------------------------------------------*/

*{
margin:0;
padding:0;
font-weight:normal;
font-style:normal;
border:0;}

body{
line-height:1.7em;
color:#666;
margin:0;
padding:0;
text-align:center;
font-size:small;
font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
background:#ffffff;}

a{outline:none;color:#277F00;}
a:visited{color:#277F00;}
a:hover{color:#FFC834;}

.box_main p.bold{font-weight:bold; font-size:medium; margin:0 0 10px; padding:0;}
.box_main p.h70{min-height:70px;}
.box_main_top{width:680px;
clear:both;
height:115px;
padding:10px 0 10px 0;
margin:0 0 20px 0;
display: block;
overflow: hidden;}
/*---------------------------------------------------------------------------------
OTHERS
---------------------------------------------------------------------------------*/
.box_right	{float:right; text-align:left;}
.box_left	{float:left; text-align:left;}
.box_center	{float:left; text-align:left; margin-left:10px;}
.box_main .text_right {text-align:right; margin:5px 0 0 0;}

.boder-bottom_rakuten{border-bottom:solid 1px #BBBBBB;}
.boder-bottom{border-bottom:solid 1px #BBBBBB; padding:0 0 10px 0;}
.boder-top{border-top: solid 1px #BBBBBB; padding:10px 0 0 0;}
.boder-bottom_dotted{border-bottom: 1px dotted #BBBBBB;
padding:0 0 10px 0;}
.boder-top_dotted{border-top: 1px dotted #BBBBBB; padding-top:10px;}
/*---------------------------------------------------------------------------------
TAG
---------------------------------------------------------------------------------*/
p{width:auto;display:block;
margin:5px 0px}
p img{margin:10px 5px;}
strong{font-weight:bold;}
em{color:#FBB600; font-size:125%;}
/*---------------------------------------------------------------------------------
WRAPPER
---------------------------------------------------------------------------------*/
#wrapper{
width:900px;
margin:0 auto;
}

/*---------------------------------------------------------------------------------
HEAD
---------------------------------------------------------------------------------*/
#header{
width:900px;
height:30px;
margin:0 auto;
background:#ffffff;
margin-bottom:15px;
margin-top:15px;
display:block;
}
		
	#eyecatch_box{
	width:900px;
	height:300px;
	margin:20px auto;
	clear:both;
	}

	#eyecatch{
	background:url("img/eyecatch.jpg") 0 0 no-repeat;
	width:900px;
	height:300px;
	}

/*
#contents{
width:900px;
margin:0 auto;
text-align:left;
}
*/

	h1{
	display:block;
	float:left;
	width:200px;
	height:30px;
	line-height:30px;
	text-indent:-99999px;
	background:url("img/rogo_01.jpg") 0 0 no-repeat;
	float:left;
	margin:0 auto;
	}
	
		h1 a{
		display:block;
		width:200px;
		height:30px;
		line-height:30px;
		margin:0 auto;
		}
					#nav{
					width:401px;
					height:30px;
					line-height:30px;
					margin:0 auto;
					background:url("img/bg_menu.jpg") 0 0 no-repeat;
					list-style:none;
					float:right;
					}
					
					#nav li{
					display:block;
					width:100px;
					height:30px;
					line-height:30px;
					float:left;
					text-indent:-99999px;
					}
					
					#nav li a {
					display:block;
					width:100px;
					height:30px;
					line-height:30px;
					background:url("img/bg_menu.jpg") 0 0 no-repeat;
					}
					
					#nav li#n01 a		{width:100px;	background-position:0 0 ;}
					#nav li#n02 a		{width:100px;	background-position:0 -100px;}
					#nav li#n03 a		{width:100px;	background-position:0 -200px;}
					#nav li#n04 a		{width:100px;	background-position:0 -300px;}

					#nav li#n01 a:hover	{width:100px;	background-position:0 -30px ;}
					#nav li#n02 a:hover	{width:100px;	background-position:-100px -30px;}
					#nav li#n03 a:hover	{width:100px;	background-position:-200px -30px;}
					#nav li#n04 a:hover	{width:100px;	background-position:-300px -30px;}

/*---------------------------------------------------------------------------------
MAIN
---------------------------------------------------------------------------------*/
#main{clear:both; text-align:left; width:900px; margin:0 auto;}
					
	#container{
	width:680px;
	float:right;
	margin:0px auto;
	font-size:110%;
	}

	.box_main{width:680px;overflow:hidden;
	margin:5px 0 5px 0;}

	.box_column_l{
	width:470px;
	height:auto;
	}
	.box_column_s{
	width:200px;
	height:230px;
	}
			.box_3column{
			width:680px;
			height:100px;
			margin-bottom:20px;	
			}
			
			.box_3_img{
			width:220px;
			height:100px;
			}
			.box_3_img_rakuten{
			width:220px;
			height:100px;
			margin-left:10px;
			}
			.box_3_p{
			width:430px;
			}

			h2#title_news{
			background:url("img/title/title_news.jpg") 0 0 no-repeat;
			width:680px;
			height:40px;
			text-indent:-99999px;
			}
			#subtitle_index{
			background:url("img/subtitle_index.jpg") 0 0 no-repeat;
			width:470px;
			height:66px;
			text-indent:-99999px;
			}
			.index{
			margin-bottom:10px;
			}
			ul.index.top{
			border-top:1px #BBBBBB solid;
			border-bottom:1px #BBBBBB solid;
			}
			
			ul.index li{
			background:url("/img/circle_icon.gif") 0 50% no-repeat;
			text-indent:10px;
			list-style:none;
			padding:5px 0 5px 0;
			}
			ul.index li.dotted{
			border-bottom: 1px #BBBBBB dotted;
			}
			.products_dotted{
			border-bottom: 1px #BBBBBB dotted;
			}
			.day{
			width:120px;
			margin:0 15px 0 0;
			}
			
			ul.index li.top_last{
			padding:5px 0;
			margin:0 10px 20px 5px;
			background:none;}	
			
			ul.index li.top_last a{
			background:none;}	
			

#primary{
width:200px;
float:left;
margin:0 auto;
}
.store{
width:200px;
height:80px;
padding-top:10px;
}
		.s_bn{
		width:200px;
		margin-top:10px;}
		
.s_bn_tel_fax{
width:200px;
margin-top:10px;
line-height:17px;}

		.s_bn li{
		width:200px;
		margin-bottom:5px;
		list-style:none;}
		
		a.sb_bu{
		display:block;
		width:200px;
		height:65px;}
		a.sb_bu{background:url("/img/bn_busi.jpg") 0 0 no-repeat; 	text-indent:-99999px; height:65px;}
		
		a.sb_bu:hover{
		display:block;
		width:200px;
		height:65px;
		line-height:65px;
		background:url("/img/bn_busi.jpg") 0 -65px no-repeat; text-indent:-99999px;
		clear:both;}


		a.sb_bu_content{
		display:block;
		width:330px;
		height:65px;}
		a.sb_bu_content{background:url("/img/bn_busi_l.jpg") 0 0 no-repeat; 	text-indent:-99999px; height:65px;}
		
		a.sb_bu_content:hover{
		display:block;
		width:330px;
		height:65px;
		line-height:65px;
		background:url("/img/bn_busi_l.jpg") 0 -65px no-repeat; text-indent:-99999px;
		clear:both;}
		


		.s_bn a.sb_honpo{
		display:block;
		width:200px;
		height:110px;}
		.s_bn a.sb_honpo{background:url("img/bn_honpo_01.jpg") 0 0 no-repeat; 	text-indent:-99999px; height:110px;}
		
		.s_bn a.sb_honpo:hover{
		display:block;
		width:200px;
		height:110px;
		line-height:110px;
		background:url("img/bn_honpo_01.jpg") 0 -110px no-repeat; text-indent:-99999px;
		clear:both;}

		
		.s_bn a.sb_re{
		display:block;
		width:200px;
		height:65px;}
		.s_bn a.sb_re{background:url("img/bn_recipe.jpg") 0 0 no-repeat; 	text-indent:-99999px; height:65px;}
		
		.s_bn a.sb_re:hover{
		display:block;
		width:200px;
		height:65px;
		line-height:65px;
		background:url("img/bn_recipe.jpg") 0 -65px no-repeat; text-indent:-99999px;
		clear:both;}
		
		
		
.store ul{
list-style:none;
text-indent:5px;
height:80px;
width:135px;
float:right;
}
.store ul li{
font-size:100%;
margin:-5px;
padding:2px 0 2px 0;}
#store_01,#store_02,#store_03{
width:120px;
}
.store_box{
width:200px;
clear:both;
}
.store_img{
width:60px;
/*height:100px;*/
float:left;}
		#submenu{
		width:200px;
		height:100px;
		}				
		#submenu li{
		display:block;
		width:200px;
		height:30px;
		line-height:30px;
		margin-bottom:5px;
		list-style:none;
		text-indent:-99999px;
		}
		#submenu a{
		display:block;
		width:200px;
		height:30px;
		line-height:30px;
		}

		#submenu #s01 a{background:url("img/submenu_01.jpg") 0 0 no-repeat;}
		#submenu #s02 a{background:url("img/submenu_02.jpg") 0 0 no-repeat;}
		#submenu #s03 a{background:url("img/submenu_03.jpg") 0 0 no-repeat;}
		#submenu #s04 a{background:url("img/submenu_04.jpg") 0 0 no-repeat;}

		#submenu #s01 a:hover{background:url("img/submenu_01.jpg") width:200px; background-position:0 -30px;}
		#submenu #s02 a:hover{background:url("img/submenu_02.jpg") width:200px; background-position:0 -30px;}
		#submenu #s03 a:hover{background:url("img/submenu_03.jpg") width:200px; background-position:0 -30px;}
		#submenu #s04 a:hover{background:url("img/submenu_04.jpg") width:200px; background-position:0 -30px;}


		#submenu_sm{
		width:200px;
		height:300px;
		margin:0 0 10px 0;
		}				
		#submenu_sm li,#submenu_sm a{
		display:block;
		width:200px;
		height:60px;
		line-height:60px;
		list-style:none;
		text-indent:-99999px;
		}
		#submenu_sm a{
		background:url("img/side_menu_bn.jpg") 0 0 no-repeat;
		}
		#submenu_sm #sm01 a		{width:200px;	background-position:0 0 ;}
		#submenu_sm #sm02 a		{width:200px;	background-position:0px -60px;}
		#submenu_sm #sm03 a		{width:200px;	background-position:0px -120px;}
		#submenu_sm #sm04 a		{width:200px;	background-position:0px -180px;}
		#submenu_sm #sm05 a		{width:200px;	background-position:0px -240px;}

		#submenu_sm #sm01 a:hover{width:200px; background-position:-200px 0px;}
		#submenu_sm #sm02 a:hover{width:200px; background-position:-200px -60px;}
		#submenu_sm #sm03 a:hover{width:200px; background-position:-200px -120px;}
		#submenu_sm #sm04 a:hover{width:200px; background-position:-200px -180px;}
		#submenu_sm #sm05 a:hover{width:200px; background-position:-200px -240px;}

		.back{
		width:680px;
		border-top:solid 1px #BBBBBB;
		margin-top:30px;
		}

		
		
.foot{
margin:0;
padding:0;
background:#2B6329;
clear:both;
height:290px;
}

#footer{
color:#FFFFFF;
height:145px;
margin:10px 0 10px 0;
padding:20px 5px 20px 20px;
clear:both;
}

#footer a{color:#FFFFFF;}
#footer a:hover{color:#CBF2AE;}

.foot_copy{
color:#FFFFFF;
border-top:1px solid #ffffff;
padding-top:30px;
clear:both;
text-align:center;
margin:0 auto;
}

.foot_copy a{color:#CBF2AE;}
.foot_copy a:visited{color:#CBF2AE;}
.foot_copy a:hover{color:#6BC244;}

.footer_box{
width:155px;
height:125px;
margin-right:10px;
}
ul.footer_ul{
list-style:none;
}
ul.footer_ul li{
background:url("img/circle_icon_02.gif") 0 50% no-repeat;
text-indent:12px;
}

dl.footer_ul dt{
background:url("img/arrow_01.gif") 0 50% no-repeat;
text-indent:12px;
}
dl.footer_ul dd{
background:url("img/circle_icon_03.gif") 0 50% no-repeat;
text-indent:12px;
}

.clearx:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.box_3column .box_center{
margin-left:10px;
}
.box_2ul{
width:680px;
margin:20px 0 20px 0;
list-style:none;
}
.ul_right{
width:200px;
}
.ul_left{
width:200px;
}

.li_123{
list-style-type: decimal;
list-style-position:inside;
}
.li_no{
list-style-type: none;
}





.box_4column{
width:680px;
height:260px;
margin:10px 0 10px 0;}


.do_left{
width:325px;
height:240px;
float:left;}

.do_left img{
width:165px;
float:left;
margin-right:0px;}

.do_left h4{
width:150px;
float:right;
margin-left:-20px;
margin-top:10px;
font-size:115%;
font-weight:700;
line-height:20px;
list-style-image:none;}
.do_left p{
width:150px;
float:right;}



.do_right{
width:325px;
height:240px;
float:right;}

.do_right img{
width:165px;
float:left;
margin-right:0px;}

.do_right h4{
width:150px;
float:right;
margin-left:-20px;
margin-top:10px;
font-size:120%;
font-weight:700;
line-height:20px;}

.do_right p{
width:150px;
float:right;}

#down{
clear:both;
}

.dl_media{
width:680px;}

.dl_media dt{
width:110px;
float:left;
padding-left:20px;
background:url("img/bg_arrow.gif") 0 50% no-repeat;}

.dl_media dd{
width:535px;
float:right;
padding-left:10px;
border-left:1px solid #CCCCCC;}

.box_half{
width:330px;
margin:10px 0 10px 0;}

.box_factory{
padding-bottom:0;
width:680px;
}

.box_factory{
width:680px;
}
.h4{
font-size:110%;
font-weight:700;
}
.box_half_li{
width:330px;
margin:10px 0 10px 0;
border-bottom:#BBBBBB 1px dotted;
padding:0 0 10px 0;}
.box_half_li h4{
width:330px;
font-size:110%;
}
.box_half h4{
width:330px;
font-size:135%;
}

.box_factory{
width:680px;
}
.box_half_fa{
width:330px;
margin:0 10px 0 0;}
.box_half_text{
width:300px;
margin:10px 20px 10px 0;
padding:0 0 10px 0;}

.factory_box{
width:680px;
margin-bottom:10px;
}
.factory_right,.factory_left{
width:300px;
background:#E9FBD7;}

.factory_right p,.factory_left p{
padding:10px;}

.factory_arrow{
width:60px;
padding-top:120px;
}
.factory_arrow_02{
width:500px;
height:60px;
padding:5px 0 5px 120px;
}.factory_arrow_03{
width:560px;
padding:5px 50px 5px 0;
height:60px;
}

.ul_bisiness{
width:500px;
padding:10px;
}
.ul_bisiness th{
background:#E9FBD7;
width:250px;
}
.table_4column td{
width:130px;
}


.sitemap li{
list-style:none;
padding:7px;
}
.sitemap ul li{
margin-left:20px;

}

.site_right{
margin-top:-2em;
margin-left:180px;
}



h4.box_h4{
font-size:115%;
font-weight:700;
margin-bottom:-20px;}

.honpo{
border-top:solid 1px #2B6329;
width:680px;
padding:5px 0 5px 0;
clear:both;
}
.gui td{
padding:10px;
}
.gui th{
width:175px;
padding:10px;
}
.gui th img{
margin:5px;}
.t_color th{
background:#CCCCCC;
}
.t_color td{
background:#E3E3E3;
}

.clear { display: inline-table; }

.recipe_list{
clear:both;
margin-bottom:10px;
border-bottom: 1px dotted #BBBBBB;}

.recipe_list .item{
float:left;
width:160px;
margin-bottom:20px;}

.recipe_list .item h5{font-size:100%; font-weight:bold; background:none; padding:5px 0; line-height:1.5em; min-height:2em; width:150px;}

.recipe_list .item p.excerpt{
width:150px;}
p.excerpt{
display:block;
height:5px;
}

.products_list{
clear:both;
margin-bottom:10px;
margin-top:-15px;}
.products_list .item{
float:left;
width:160px;
margin-bottom:15px;
}

.products_list .item h5{font-size:100%; font-weight:bold; background:none; padding:5px 0; line-height:1.5em; height:2em; width:150px;}

.products_list .item p.excerpt{
width:150px;}

.products_list p.excerpt{
height:10px;
margin:-2px;}

.item a img:hover{
width:150px;
height:150px;
}

			.buy_box{
			display:block;
			width:330px;
			height:110px;
			line-height:110px;
			list-style:none;
			clear:both;
			padding-top:10px;
			margin-top:10px;
			}
			a.buy{
			display:block;
			width:200px;
			height:110px;
			line-height:110px;
			background:url("img/bn_honpo_01.jpg") right 0px no-repeat;
			text-indent:-99999px;
			margin-left:130px;
			}
			a.buy:hover{
			display:block;
			width:200px;
			height:110px;
			line-height:110x;
			background:url("img/bn_honpo_01.jpg") right -110px no-repeat;
			clear:both;
			margin-left:130px;
			}
			.buy_content{
			display:block;
			width:330px;
			height:65px;
			line-height:65px;
			list-style:none;
			text-indent:-99999px;
			clear:both;
			}
			a.buy_content{
			display:block;
			width:330px;
			height:65px;
			line-height:65px;
			background:url("img/bn_honpo_01_l.jpg") 0 0 no-repeat;
			}
			a.buy_content:hover{
			display:block;
			width:330px;
			height:65px;
			line-height:65x;
			background:url("img/bn_honpo_01_l.jpg") 0 -65px no-repeat;
			clear:both;
			}

					.mail_button_01{
					display:block;
					width:230px;
					height:65px;
					line-height:65px;
					list-style:none;
					text-indent:-99999px;
					background:url("img/contact_01.jpg") 0 0 no-repeat;
					clear:both;}
					a.mail_button_01{
					display:block;
					width:230px;
					height:65px;
					line-height:65px;}
					a.mail_button_01:hover{
					display:block;
					width:230px;
					height:65px;
					line-height:65px;
					background:url("img/contact_01.jpg") 0 -65px no-repeat;
					clear:both;}

.mail_button_01_l{
display:block;
width:330px;
height:65px;
line-height:65px;
list-style:none;
text-indent:-99999px;
background:url("img/contact_01_l.jpg") 0 0 no-repeat;
clear:both;}
a.mail_button_01_l{
display:block;
width:330px;
height:65px;
line-height:65px;}
a.mail_button_01_l:hover{
display:block;
width:330px;
height:65px;
line-height:65px;
background:url("img/contact_01_l.jpg") 0 -65px no-repeat;
clear:both;}


					.mail_button_02{
					display:block;
					width:230px;
					height:65px;
					line-height:65px;
					list-style:none;
					text-indent:-99999px;
					clear:both;}
					a.mail_button_02{
					display:block;
					width:230px;
					height:65px;
					line-height:65px;
					background:url("img/contact_02.jpg") 0 0 no-repeat;}
					a.mail_button_02:hover{
					display:block;
					width:230px;
					height:65px;
					line-height:65px;
					background:url("img/contact_02.jpg") 0 -65px no-repeat;
					clear:both;}
.mail_button_02_l{
display:block;
width:330px;
height:65px;
line-height:65px;
list-style:none;
text-indent:-99999px;
background:url("img/contact_02_l.jpg") 0 0 no-repeat;
clear:both;}
a.mail_button_02_l{
display:block;
width:330px;
height:65px;
line-height:65px;}
a.mail_button_02_l:hover{
display:block;
width:330px;
height:65px;
line-height:65px;
background:url("img/contact_02_l.jpg") 0 -65px no-repeat;
clear:both;}




.entry-content{
width:680px;
margin:0 auto;
clear:both;
}

#content{
width:680px;
margin:0 auto;
clear:both;
}



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


/*---------------------------------------------------------------------------------
CLEARFIX-HACK
---------------------------------------------------------------------------------*/
#head:after,#eyecatch_box:after,#contents:after,.foot:after,.foot_copy:after,.box_main:after,.box_3column:after,.box_2ul:after,.box_4column:after,.box_left h4:after,.dl_media:after,.factory_box:after,.ul_bisiness:after,.factory_arrow_02:after,.box_3column:after,#main:after,.next_read:after,.box_recipe:after,.box_re_img:after,.re_01:after,.entry-content:after,.recipe_list:after,.box_main_top:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#head,#eyecatch_box,#contents,.foot,.foot_copy,.box_main,.box_3column,.box_2ul,.box_4column,.box_left h4,.dl_media,.factory_box,.ul_bisiness,.factory_arrow_02,.box_3column,#main,.next_read,.box_recipe,.box_re_img,.re_01,.entry-content,.recipe_list,.box_main_top {display: inline-block;}

/* Hides from IE-mac \*/
* html #head,* html #eyecatch_box,* html #contents,* html .foot,* html .foot_copy,* html .box_main,* html .box_3column,* html .box_2ul,* html .box_4column,* html .box_left h4,.dl_media,* html .factory_box,.* html ul_bisiness,* html .factory_arrow_02,.* html .box_3column,.* html #main,* html .next_read,* html .box_recipe,* html .box_re_img,* html .re_01,* html .entry-content,* html .recipe_list,* html .box_main_top {height: 1%;}
#head,#eyecatch_box,#contents,.foot,.foot_copy,.box_main,.box_3column,.box_2ul,.box_4column,.box_left h4,* html .dl_media,.factory_box,.ul_bisiness,.factory_arrow_02,.box_3column,.box_3column,#main,.next_read,.box_recipe,.box_re_img,.re_01,.entry-content,.recipe_list,.box_main_top{display: block;}
/* End hide from IE-mac */