/* ==================== レイアウト ==================== */

body{ margin:0 auto; font-size:16px;}

#container	{
	background-color: #FFFFF7;
	width: 998px;
	margin: auto;}

#content	{margin:100px 0 15px 0;}

#foot	{clear: both;}

#head, #content, #foot
	{background-color: #FFFFF7;}
	
	
h2  {font-weight:normal;
      font-size:12px;
	  padding-top:80px;
		
	}
	
/* ==================== 新着情報 ==================== */
	
.top_news	{
	height:200px;
	font-weight:bold;
	font-size:14px;
	border-left:4px solid #FFE9AC;
	border-bottom:1px solid #F5F5F5;
	padding:0;
}

.news_title {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}

.news_date {
	color:#666;
	text-align:right;
	margin-top: 5px;
	font-size:0.9em;
}

.blog{
	background-color:#FFF;
	padding:0px 40px 15px 10px;
	margin-top:0;
	width:800px;
	}
	
.topics{
	width:831px;
	border-bottom:1px solid #CCC;
	border-left:6px solid #FFC733;
	font-weight:bold;
	padding:7px;
	margin:100px 0 0 73px;
	
	}
	
.blog_text{
	width:900px;
	padding:10px;
	text-align:left;
	}
	
.blog_title{
	width:770px;
	padding-left:10px;
	line-height:150%;
	text-align:left;
	}
	
	
.time{
	color:#F90;
	font-weight:bold;
	text-align:left;}
	
	
.lis{ list-style:none;
      line-height:150%;
      margin-left:30px;
      padding:30px 0 30px 0px;
	  border-bottom:1px dotted #E4E4E4;}

#blog_topics{
	background-color:#FFF;
	width:998px;
	border-top:25px #FFC733 solid;
	margin:50px auto;
	}

.entry-title
 {
	 font-weight:bold;
	 font-size:20px;
	 color:#333;
	 padding:8px;
	 width:750px;
	 text-align:left;
	 margin:0;}
	 
.b_time {
	margin:5px 0 30px 0;}
	
/* ==================== 検索フォーム ==================== */

.search_top{
	margin-top:40px;}


.t_h1{
	font-size:25px;
	color:#333;
	}
	
.t_h2{
	font-size:16px;
	color:#333;
	font-weight:bold;
	}
	
.search{padding:40px; font-size:15px;}
	
.p_search{
	font-size:15px;
	color:#333;
	}

.search{
	border:0;
	background-image:url(images/blog_m.gif);
	background-repeat:no-repeat;
	width:69px;
	padding:7px;
	}
	
.search2{
	
    background-image: none;
	width:220px;
	padding:7px 5px 2px 6px;}




/* ==================== リンク ==================== */
a	{color: #000000;
	text-decoration: none;}
	
	a:hover	{text-decoration: underline;}
	
a:hover img {
    filter: alpha(opacity=80); /* internet explorer */
    -khtml-opacity: 0.8;      /* khtml, old safari */
    -moz-opacity: 0.8;       /* mozilla, netscape */
    opacity: 0.8;           /* fx, safari, opera */
}

/* ==================== ヘッダー ==================== */
#head	{background: none;
	background-repeat: no-repeat;
	background-position: 0 5px;}

#head h1 {margin: 0;
	font-family: 'Arial Black', sans-serif;
	}

#head h1 a	{color: #000000;
	text-decoration: none}

#head p	{margin: 0px 0 0;}

#head p#desc  {font-size: 12px;
	color: #666666;
	margin-top: 0px;
	padding-left: 62px;}


.head_search01{
	float:right;
	margin-top:4px;
	height:35px;
	width:500px;
	}

.head_search02{
	float:right;
	margin-top:4px;
	height:35px;
	width:350px;
	}
	
.head_left{
	margin-top:40px;
	float:left;
	width:276px;
	}
	
.head_right{
	margin-top:30px;
	float:right;
	width:700px;}
	
.head_nav {
            font-size:16px;
			font-weight:bold;
			}
.head_nav li a
    {font-size:16px;
	list-style-type:none;
	color: #666666;
	text-decoration:none;}
.head_nav li a:hover{text-decoration:underline;}

.head_nav li {display:inline;
	list-style-type: none;
	padding-left:40px;
	}
	
.head_nav li.last {display:inline;
	list-style-type: none;
	
	}
	
.head_nav ul {margin:0;padding:0;}


.head_bar	{
	color: #666666;
	text-align:center;
	padding:20px 0;
	font-size:15px;
	margin: 0px;
	vertical-align:middle;
     }




/* ==================== ナビゲーションバー ==================== */
.menu	{font-size: 12px;
	height: 40px;
	background-color: #ffffff;
	border: solid 1px #aaaaaa;
	margin: 0;
	padding: 0;}

.menu ul	{margin: 0;
	padding: 0;}

.menu li	{list-style-type: none;
	float: left;}

.menu li a	{display: block;
	width: 120px;
	line-height: 40%;
	border-right: solid 1px #aaaaaa;
	text-align: center;}

.menu li a:hover	{background-color: #72f686}




/* ==================== スライドショー ==================== */

/* == スライドショー == */
#slideshow1 {
   position: relative;
   width:  238px; /* ボックスの横幅 */
   height: 482px; /* ボックスの高さ */
}


#slideshow1 p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 482px; /* ボックスの高さ */
}

#slideshow1 p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow1 p.last-active {
   z-index: 9;
}

#slideshow1 p img {
   width:  238px; /* 画像の横幅 */
   height: 482px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}



/* == スライドショー2 == */
#slideshow2 {
   position: relative;
   width:  238px; /* ボックスの横幅 */
   height: 462px; /* ボックスの高さ */
}


#slideshow2 p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 462px; /* ボックスの高さ */
}

#slideshow2 p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow2 p.last-active {
   z-index: 9;
}

#slideshow2 p img {
   width:  238px; /* 画像の横幅 */
   height: 462px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}


/* == スライドショー3 == */
#slideshow3 {
   position: relative;
   width:  238px; /* ボックスの横幅 */
   height: 437px; /* ボックスの高さ */
}


#slideshow3 p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 437px; /* ボックスの高さ */
}

#slideshow3 p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow3 p.last-active {
   z-index: 9;
}

#slideshow3 p img {
   width:  238px; /* 画像の横幅 */
   height: 437px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}

/* == スライドショー4 == */
#slideshow4 {
   position: relative;
   width:  244px; /* ボックスの横幅 */
   height: 417px; /* ボックスの高さ */
}


#slideshow4 p {
   position: absolute;
   top:  0;
   left: 0;
   z-index: 8;
   opacity: 0.0;
   margin: 0;
   background-color: white; /* ボックスの背景色(必須) */
   height: 417px; /* ボックスの高さ */
}

#slideshow4 p.active {
   z-index: 10;
   opacity: 1.0;
}

#slideshow4 p.last-active {
   z-index: 9;
}

#slideshow4 p img {
   width:   244px; /* 画像の横幅 */
   height: 417px; /* 画像の高さ */
   display: block;
   border: 0;
   margin-bottom: 10px; /* 画像下部の余白 */
}



/* ==================== ページトップ ==================== */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 30px;
    font-size: 77%;
	z-index:3;
}

#page-top a {
    background:#FFD966 ;
    text-decoration: none;
    color: #9C8443;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}

#page-top a:hover {
    text-decoration: none;
    background: #FFE9AC;

}	


/* ==================== 新着情報 ==================== */

td.topics{
	font-weight:bold;
	border-left:6px solid #FFC733;
	border-bottom:2px solid #C9C9C9;
	background-color:#FFFFF7;
	}
	
td.date{
	border-bottom:1px dotted #666666;
	color:#FFC733;
	padding:10px;
	font-weight:bold;
	width:20%;
	}
	
td.comment{
	border-bottom:1px dotted #666666;
	padding:10px;
	line-height:150%;
	font-size:15px;
	}	

td.topics_img{
	border-bottom:1px dotted #666666;
	padding:10px;
	}
	


/* ==================== コンテンツ ==================== */
#content	{background: none;}

#content h2	{font-size: 24px;
	margin: 0 0 20px;
	border-left: solid 24px #cbf01c;
	padding-left: 5px;}

#content h3	{font-size: 16px;
	border-left: solid 12px #8bc124;
	padding-left: 10px;}

#content p	{font-size: 16px;
	line-height: 1.5;
	margin: 0 0 20px;}

/* 画像 */
.alignleft	{float: left;
	margin-right: 20px;
	margin-bottom: 20px;}

.alignright	{float: right;
	margin-left: 20px;
	margin-bottom: 20px;}

.aligncenter	{clear: both;
	display: block;
	margin: 25px auto;}

a img	{border: none;}




/* ==================== コンテンツ共有 ==================== */

.red{
	color:#F00;}

.main_img{
	padding-top:40px;
	}

.p8 {
	padding:8px;}
	
.p10 {
	padding:10px;}
	
.p15 {
	padding:25px 10px 10px 10px;}
	
.p55 {
	padding:55px 10px 10px 10px;}

	
.t_p30{
	padding-top:30px;}	
	
.t_p50{
	padding-top:50px;}	
	
.t_p80{
	padding-top:80px;}	
	
.m_down {
	margin-bottom:20px;}
	
.t_space{
	line-height:180%;
	vertical-align:top;
	padding-top:28px;
	}
	
.t_space2{
	padding-top:15px;
	padding-right:30px;
	line-height:190%;
	vertical-align:top;}	
	
.t_space3{

	padding:8px;
	line-height:190%;
}

.t_space4{
	padding:0px 20px;
	line-height:190%;
}

	
m_contents{
	margin-top:40px;}
	
	
.voice{
	width:950px;
	padding:14px;
	}	
	
	
/* ==================== 製品情報 ==================== */

.product{  padding:5px 0 55px 52px;
		   line-height:170%;}



/* ==================== お役立ち情報　タブ ==================== */

#useful	{background: none;
	}

	
.useful_nav li a{font-size:12px;
	list-style-type:none;
	color: #666666;
	text-decoration:none;}
.useful_nav li a:hover{text-decoration:underline;}
.useful_nav li {display:inline;
	list-style-type: none;
	padding-right:10px;}
	
.foot_nav li.first {border-left:solid 1px #aaaaaa;}
.useful_nav ul {margin:0;padding:0;}


.useful_bar	{
	color: #666666;
	text-align:center;
	font-size:15px;
	margin: 0px;
	vertical-align:middle;
     }
	 
.useful_bar a {color:#ffffff;}
.useful_bar a:hover {text-decoration:underline;}


#meat_line{
	padding-bottom:60px;
	margin-top:0;
	background-color:#FFF;
	border-top:25px #FF6699 solid;}


#recipe_line{
	padding-bottom:60px;
	margin-top:0;
	background-color:#FFF;
	border-top:25px #E8362D solid;}

#about_line{
	padding-bottom:60px;
	margin-top:0;
	background-color:#FFF;
	border-top:25px #FFC733 solid;}
	
#company_line{
	padding-bottom:60px;
	margin-top:0;
	background-color:#FFF;
	border-top:25px #5BA84A solid;}	
	
#search_line{
	padding-bottom:60px;
	margin-top:40px;
	background-color:#FFF;
	border-top:25px #FFC733 solid;}



/* ==================== お役立ち情報　お肉のこと ==================== */


#meat_line h3 {
	margin:50px 0 40px 13px;	
	padding:7px;
	font-weight:bold;
	border-left:6px solid #FF6699;
	border-bottom:2px solid #FF6699;
	width:950px;
	}
	
.m_top50{
	margin-top:50px;
	width:940px;}
	
.m_top80{
	margin-top:80px;
	width:940px;}	

.p_text {
	color:#FF6699;
	font-weight:bold;
	}





#meattab	{background: none;
	}
	
.meat_nav {	padding:10px;}
.meat_nav li a{font-size:14px;
	list-style-type:none;
	color: #666666;
	text-decoration:none;}
.meat_nav li a:hover{text-decoration:underline;}
.meat_nav li {display:inline;
	list-style-type: none;
	border-right: solid 1px #FF6699;
	padding-left:10px;
	padding-right:10px;}
	
.meat_nav li.first {border-left:solid 1px #FF6699;}

.meat_nav ul {margin:0;padding:0;}


.meat_bar	{
	color: #666666;
	text-align:center;
	padding:20px 0;
	font-size:15px;
	margin: 0px;
	vertical-align:middle;
     }
	 
.meat_bar a {color:#ffffff;}
.meat_bar a:hover {text-decoration:underline;}


.hozon {
	border:1px solid #FF6699;}

.hozon_text {
	padding:0 7px 10px 13px;
	line-height:150%;
	margin-top:0;}
	

#meat_content {
width: 704px;
margin: 10px auto;
background-color: #ffffff;
padding-bottom: 10px;}

#meat_content_inner01 {
width: 676px;
margin: 0px auto;
padding: 10px 0;}



/* ==================== お役立ち情報　レシピ ==================== */

a.a_p{color: #EE7A71;
	 }
	

#recipe_line h3 {
	margin:80px 0 40px 13px;	
	padding:7px;
	font-weight:bold;
	border-left:6px solid #E8362D ;
	border-bottom:2px solid #E8362D;
	width:950px;
	}
	
.re_menu{
	padding:0 0 5px 15px;
	font-size:18px;
	font-weight:bold;
	}	
	
.re_link{
	padding:15px 25px 50px 0;
	color:#EE7A71;
	float:right;}
	
	
.recipe_img{
	float:left;
	padding:0 5px 10px 10px;}	

.recipe_about01{
	padding:0 100px 0 0;
	width:450px;
	height:351px;
	float:right;
	background-image:url(images/recipe_back01.jpg);
	background-repeat:no-repeat;}
	
.recipe_aboutp02{
	line-height:250%;

	padding:25px 0 20px 10px;
	margin:0 0 0 15px;
	width:967px;
	height:871px;
	background-image:url(images/recipe_backp.gif);
	background-repeat:no-repeat;}
	
	
.recipe_aboutp03{
	line-height:250%;
	padding:25px 0 20px 10px;
	margin:0 0 0 15px;
	width:967px;
	height:449px;
	background-image:url(images/recipe_backp02.gif);
	background-repeat:no-repeat;}		
	
	
	
.recipe_aboutp04{
	line-height:250%;
	padding:25px 0 20px 10px;
	margin:0 0 0 15px;
	width:967px;
	height:906px;
	background-image:url(images/recipe_backp04.gif);
	background-repeat:no-repeat;}
	
	
	
.recipe_about02{
	line-height:250%;
	padding:25px 0 20px 10px;
	margin:0 0 0 15px;
	width:967px;
	height:349px;
	background-image:url(images/recipe_backp03.gif);
	background-repeat:no-repeat;}
	
.recipe_about03{
	padding:0 100px 0 0;
	width:450px;
	height:666px;
	float:right;
	background-image:url(images/recipe_back03.gif);
	background-repeat:no-repeat;}	
	
.recipe_about04{
	padding:0 100px 0 0;
	width:450px;
	height:429px;
	float:right;
	background-image:url(images/recipe_back04.gif);
	background-repeat:no-repeat;}	
	
.recipe_about05{
	padding:0 100px 0 0;
	width:450px;
	height:881px;
	float:right;
	background-image:url(images/recipe_back05.gif);
	background-repeat:no-repeat;}	
	
	
	
.pn_tx{
	margin-bottom:0;
	padding:20px 0 5px 38px;
	font-size:18px;
	color:#F3A09A;
	font-weight:bold;
	}


.cook{
	width:500px;
	padding:5px;
	line-height:180%;
	}
	
	
	
/* ==================== お役立ち情報　ハム・ソーセージのお話 ==================== */


#abouttab	{background: none;
	}


#about_line h3 {
	margin:50px 0 40px 13px;	
	padding:7px;
	font-weight:bold;
	border-left:6px solid #FFC733;
	border-bottom:2px solid #FFC733;
	width:950px;
	}
	

.about_nav {	padding:10px;}
.about_nav li a{font-size:14px;
	list-style-type:none;
	color: #666666;
	text-decoration:none;}
.about_nav li a:hover{text-decoration:underline;}
.about_nav li {display:inline;
	list-style-type: none;
	border-right: solid 1px #FFC733;
	padding-left:10px;
	padding-right:10px;}
	
.about_nav li.first {border-left:solid 1px #FFC733;}

.about_nav ul {margin:0;padding:0;}


.about_bar	{
	color: #666666;
	text-align:center;
	padding:20px 0;
	font-size:15px;
	margin: 0px;
	vertical-align:middle;
     }
	 
.about_bar a {color:#ffffff;}
.about_bar a:hover {text-decoration:underline;}



.q{ font-weight:bold;
     font-size:20px;
	 color:#FFC733;
	 }
	 
.q_text{ font-weight:bold;
     font-size:18px;
	 }
	 
	 
.a{ font-weight:bold;
     font-size:18px;
	 color:#F00;}

.po_text {
	margin:8px 2px;
	color:#FFC733;
	font-weight:bold;
	}
	
.about_w{
	width:260px;
	line-height:180%;
	margin:5px;
	padding:5px;
}


.about_sausage{
	width:278px;
	height:393px;
	vertical-align:top;
	}
.about_ham{
	width:278px;
	height:366px;
	vertical-align:top;
	}



/* ==================== ハム・ソーセージの話　スライドショー ==================== */

#main_slide {
	width:350px;
	height:350px;
	border:2px #FFC733 solid;
    margin:20px auto 40px auto;
	background-image:url(images/recipe_bk002.gif);
            
			}
#main_slide div {text-align:center;margin-top:20px;}
#main_slide p {width:280px;margin:0 auto;text-align:left;}

#main_slide02 {width:350px;
	height:350px;
	border:2px #FFC733 solid;
    margin:20px auto 40px auto;
	background-image:url(images/recipe_bk002.gif);
	}
#main_slide02 div {text-align:center;margin-top:20px;}
#main_slide02 p {width:280px;margin:0 auto;text-align:left;}


/* ==================== 会社案内 ==================== */

#company_line h3 {
	margin:50px 0 40px 13px;	
	padding:7px;
	font-weight:bold;
	border-left:6px solid #5BA84A;
	border-bottom:2px solid #5BA84A;
	width:950px;
	}

.company_about{
	line-height:180%;
	border-bottom:1px solid #ABCEA2;
	padding:8px;
	}
	
.company_about2{
	line-height:180%;
	border-bottom:1px solid #ABCEA2;
	padding:8px;
	width:700px;}


/* ==================== 会社案内 ==================== */



/* ==================== お問い合わせ ==================== */
#contact{ 
      width:950px;
	  border:1px solid #E7E6E0;
	  margin:0 20px;}
	  

#contact table{
	width:920px;
	padding:10px;
	}

#contact table td{
	padding:5px 0 5px 5px;
	text-align:left;
	border:1px solid #CCC;}
	
.bg_o{
	background-color:#FFECBB;

	width:180px;
	height:40px;}
	
	
	
	
	
/* ==================== サイトマップ ==================== */

.sitemap_nav {	padding:10px 0 20px 200px;
                float:left;}
.sitemap_nav li {
	padding:10px;
	}
	
.sitemap2_nav {	padding:10px 200px 20px 20px;
float:right;}
.sitemap2_nav li {
	padding:10px;
	list-style-type:none;
	}

/* .sitemap_nav li a{font-size:12px;
	list-style-type:none;
	color: #666666;
	text-decoration:none;}
.sitemap_nav li a:hover{text-decoration:underline;}

	
.sitemap_nav li.first {border-left:solid 1px #aaaaaa;}

.sitemap_nav ul {margin:0;padding:0;} */



	
/* ==================== フッター ==================== */
#foot	{background: none;
   	border-top: solid 1px #aaaaaa;
	padding-top:15px;
	}

	
.foot_nav {	padding:10px;}
.foot_nav li a{font-size:12px;
	list-style-type:none;
	color: #666666;
	text-decoration:none;}
.foot_nav li a:hover{text-decoration:underline;}
.foot_nav li {display:inline;
	list-style-type: none;
	border-right: solid 1px #aaaaaa;
	padding-left:10px;
	padding-right:10px;}
	
.foot_nav li.first {border-left:solid 1px #aaaaaa;}

.foot_nav ul {margin:0;padding:0;}


.foot_bar	{
	color: #666666;
	text-align:center;
	padding:20px 0 5px 0;
	font-size:15px;
	margin: 0px;
	vertical-align:middle;
     }
	 
.foot_bar a {color:#ffffff;}
.foot_bar a:hover {text-decoration:underline;}