@charset "utf-8";

/*----------------------------------------------------------------------

	common

----------------------------------------------------------------------*/
* { margin: 0; padding: 0; border: 0; outline: none; }

html, body {
	background: url(images/bg_body_01.jpg) center top repeat-y #000;
	color: #000;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.0;
}

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

li { list-style-type: none; }


/*-----------------------------------
	class
-----------------------------------*/
.floatleft  { float: left; }
.floatright { float: right; }

.clearboth  { clear: both;  height: 0; }
.clearleft  { clear: left;  height: 0; }
.clearright { clear: right; height: 0; }

.textleft   { text-align: left;   }
.textcenter { text-align: center; }
.textright  { text-align: right;  }

.size10 { font-size: 10px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size17 { font-size: 17px; }
.size18 { font-size: 18px; }
.size20 { font-size: 20px; }

.bold   { font-weight: bold;   }
.normal { font-weight: normal; }

.hidden { display: none; }

.red   { color: #E50000; }
.black { color: #000; }
.blue  { color: #2692FF; }
.gold  { color: #D9A300; }

.mspm { font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }

.mgt10px { margin-top:10px; }

.mgt5px { margin-top:5px; }

.gazo img:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}

/*-----------------------------------
	header
-----------------------------------*/
#header {
	width: 960px;
	margin: 0 auto;
	height: 180px;
	padding: 10px 0 0;
}

	#header #logo {
		height: 80px;
	}

	#header #navi {
		height: 50px;
		padding: 20px 0 0;
	}

		#header #navi ul {
			height: 50px;
			border-left: 1px dashed #000;
		}

			#header #navi ul li {
				float: left;
				width: 158px;
				height: 50px;
				border-right: 1px dashed #000;
				text-align: center;
				font-size: 14px;
				font-weight: bold;
				line-height: 1.2;
				text-shadow: 1px 1px 1px #FFF;
			}

			#header #navi ul li.end,
			#header #navi ul li.end a {
				width: 157px;
			}

				#header #navi ul li a {
					display: block;
					width: 158px;
					height: 37px;
					padding: 13px 0 0;
					color: #000;
					text-decoration: none;
				}

				#header #navi ul li a:hover,
				#header #navi ul li.active a {
					color: #E50000;
				}

					#header #navi ul li a span {
						font-size: 10px;
						font-weight: normal;
					}


/*-----------------------------------
	wrapper
-----------------------------------*/
#wrapper {
	background: url(images/bg_outer_01.jpg) center bottom no-repeat;
	padding: 0 0 40px;
}

#wrapper_contact {
	background: url(images/bg_outer_01.jpg) center bottom no-repeat;
	padding: 0 0 1000px;
}


/*-----------------------------------
	inner wrapper
-----------------------------------*/
#inner_wrap {
	width: 880px;
	margin: 0 auto;
	min-height: 1410px;
	background: url(images/bg_main_01.png);
	padding: 40px 40px 0;
}

#inner_wrap_contact {
	width: 880px;
/*	height: 700px;*/
	margin: 0 auto;
/*	min-height: 1410px;*/
	background: url(images/bg_main_01.png);
	padding: 40px 40px 0;
}
/*-----------------------------------
	main
-----------------------------------*/
#main {
	min-height: 1230px;
	padding-bottom: 40px;
}

	#main h3 {
		background: url(images/bg_title_02.png) left top no-repeat;
		height: 27px;
		padding: 3px 0 0 10px;
		font-size: 20px;
		font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

	#main .contentcase {
		background: #FFF;
		padding: 20px;
		margin: 20px 20px 0;
	}

		#main .contentcase h4 {
			font-size: 14px;
			line-height: 1.5;
		}

		#main .contentcase p {
			font-size: 13px;
			line-height: 1.5;
		}

	#main .tablecase {
		margin: 15px 15px 0;
	}

		#main .tablecase table {
			font-size: 13px;
			width: 100%;
		}

			#main .tablecase th {
				background: #FFF;
				padding: 15px 15px 10px;
				line-height: 1.5;
				text-align: left;
				font-weight: normal;
				vertical-align: top;
				width: 130px;
			}
	
			#main .tablecase td {
				background: #FFF;
				padding: 15px 15px 10px;
				line-height: 1.5;
				vertical-align: top;
			}


/*-----------------------------------
	footer
-----------------------------------*/
#footer {
	height: 119px;
	padding-top: 20px;
	border-top: 1px dashed #000;
}

	#footer .pagetop {
		text-align: right;
	}

		#footer .pagetop a {
			text-decoration: none;
		}

	#footer .copyright {
		text-align: center;
		padding-top: 30px;
	}


/*----------------------------------------------------------------------

	index.html

----------------------------------------------------------------------*/
#index_wrapper {
	background: url(images/bg_outer_01.jpg) center bottom no-repeat;
}

#index_main {
	width: 960px;
	margin: 0 auto;
}


	#index_main #message {
	}
	
		#index_main #message h3,
		#index_main #message p {
			display: none;
		}
	
	
	#slideshow {
		margin-top: 25px;
		position: relative;
	}
	
		#slideshow .jclite {
			width: 960px;
			height: 520px;
		}
	
			#slideshow .jclite li {
				width: 960px;
				height: 500px;
				padding: 10px 0;
				background: url(images/bg_slide_01.png) center top no-repeat;
				text-align: center;
			}
	
		#slideshow .prev {
			width: 40px;
			height: 70px;
			position: absolute;
			top: 225px;
			left: 25px;
			background: url(images/slide_prev_01.png) 0 0 no-repeat;
			cursor: pointer;
			z-index: 999;
		}
	
		#slideshow .next {
			width: 40px;
			height: 70px;
			position: absolute;
			top: 225px;
			left: 895px;
			background: url(images/slide_next_01.png) 0 0 no-repeat;
			cursor: pointer;
			z-index: 999;
		}
	
		#slideshow .prev:hover,
		#slideshow .next:hover {
			background-position-x: -40px;
		}


#index_bottom {
	margin-top: 40px;
	padding: 40px 0 0;
	background: url(images/bg_main_01.png) left top;
	/*min-height: 550px;*/
}

	#index_bottom .inner {
		width: 960px;
		margin: 0 auto;
	}

		#index_bottom .inner .left {
			float: left;
			width: 660px;
			padding-bottom: 40px;
		}

			#index_bottom .inner .left h3 {
				background: url(images/bg_title_02.png) left top no-repeat;
				height: 27px;
				padding: 3px 0 0 10px;
				font-size: 20px;
				font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			}

			#index_bottom .inner .left .section {
				background: #FFF;
				margin-top: 10px;
				padding: 0 10px 10px;
			}

				#index_bottom .inner .left .section .article {
					padding: 10px 0 6px;
					line-height: 1.4;
					border-bottom: 1px dashed #999;
				}

					#index_bottom .inner .left .section .article p.date {
						float: left;
						width: 70px;
						text-align: center;
					}

					#index_bottom .inner .left .section .article p.content {
						float: left;
						width: 555px;
						padding-left: 15px;
					}
					#index_bottom .inner .left .section .article p.content_b {
						float: left;
						width: 555px;
						padding-left: 15px;
						font-size: 14px;
					}

		#index_bottom .inner .right {
			float: left;
			width: 260px;
			padding: 0 0 40px 40px;
		}

			#index_bottom .inner .right h3 {
				background: url(images/bg_title_02.png) left top no-repeat;
				height: 27px;
				padding: 3px 0 0 10px;
				font-size: 20px;
				line-height: 1.0;
				font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
			}

			#index_bottom .inner .right .address {
				padding-top: 10px;
				line-height: 1.4;
			}
	
				#index_bottom .inner .right .address h4 {
					font-size: 14px;
					margin-top: 10px;
				}

		#index_bottom .inner .footer {
			border-top: 1px dashed #000;
			padding: 20px 0 60px;
		}

			#index_bottom .inner .footer .pagetop {
				text-align: right;
			}

				#index_bottom .inner .footer .pagetop a {
					text-decoration: none;
				}

			#index_bottom .inner .footer .copyright {
				text-align: center;
				padding-top: 30px;
			}


/*----------------------------------------------------------------------

	companyinfo.html

----------------------------------------------------------------------*/
#d_message {
}

	#d_message .contentcase p {
		font-size: 15px;
	}


#outline {
	padding-top: 40px;
}

	#outline .photo {
		padding: 15px 5px 0;
	}


/*----------------------------------------------------------------------

	about.html

----------------------------------------------------------------------*/
#whatshidagyu {
}

	#whatshidagyu .contentcase p {
		width: 480px;
		font-size: 15px;
	}


#aboutcompany {
	padding-top: 40px;
}

	#aboutcompany .contentcase h5 {
		width: 480px;
		padding-bottom: 8px;
	}

	#aboutcompany .contentcase p {
		width: 480px;
		font-size: 15px;
	}


#productionflow {
	padding-top: 40px;
}

	#productionflow .left {
		float: left;
		width: 290px;
		padding: 45px 0 0;
	}

	#productionflow .center {
		float: left;
		width: 280px;
		padding: 25px 20px 0 10px;
	}

		#productionflow .center h5 {
			font-size: 14px;
			height: 14px;
			padding-bottom: 6px;
		}

		#productionflow .center p {
			font-size: 12px;
			line-height: 1.4;
		}

		#productionflow .center #cont1 {
			height: 60px;
		}
		#productionflow .center #cont2 {
			height: 80px;
		}
		#productionflow .center #cont3 {
			height: 80px;
		}
		#productionflow .center #cont4 {
			height: 240px;
		}
		#productionflow .center #cont5 {
			height: 28px;
			padding-top: 12px;
		}
		#productionflow .center #cont6 {
			height: 83px;
			padding-top: 12px;
		}

	#productionflow .right {
		float: left;
		width: 200px;
		padding: 45px 0 0;
	}


/*----------------------------------------------------------------------

	shopinfo.html

----------------------------------------------------------------------*/
#shopinfo_outer_wrap {
	width: 920px;
	margin: 0 auto;
	background: url(images/bg_main_01.png);
	padding: 20px 20px 0;
}

	#shopinfo_inner_wrap {
		width: 880px;
		min-height: 1430px;
		background: url(images/bg_shopinfo_01.png) center top no-repeat;
		padding: 440px 20px 0;
		position: relative;
	}

		/* 年末年始営業時間 */
		.article table {
			padding-left: 70px;
		}		
		.article td {
			text-align: center;
			width: 120px;
		}

		/* number traceability */
		#traceability {
			margin-left: 450px;
			width: 390px;
			height: 105px;
			background: url(images/bg_traceability_01.png) left top no-repeat;
			padding: 15px 20px 0;
		}

			#traceability .left {
				float: left;
				margin-top: 10px;
				padding: 5px 5px 0;
				width: 178px;
				height: 23px;
				border: 1px solid #DDD;
			}

				#traceability .left input {
					font-size: 12px;
					font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
					width: 178px;
				}

			#traceability .right {
				float: left;
				padding: 10px 0 0 10px;
				width: 60px;
				height: 30px;
			}

			#traceability p {
				padding-top: 6px;
			}


		/* about ushi-gen */
		#aboutushigen {
			padding-top: 40px;
		}

			#aboutushigen .info {
			}

				#aboutushigen .info h5 {
					background: url(images/bg_subtitle_01.jpg) left top no-repeat;
					height: 19px;
					padding: 1px 0 0 10px;
					font-size: 14px;
				}
	
				#aboutushigen .info .section {
					background: #FFF;
					padding: 0 10px 10px;
				}
	
					#aboutushigen .info .section .article {
						padding: 10px 0 6px;
						border-bottom: 1px dashed #999;
					}
	
						#aboutushigen .info .section .article p.date {
							float: left;
							width: 70px;
							text-align: center;
							line-height: 1.4;
						}
	
						#aboutushigen .info .section .article p.content {
							float: left;
							width: 695px;
							padding-left: 15px;
							line-height: 1.4;
						}

						#aboutushigen .info .section .article p.content_b {
							float: left;
							width: 695px;
							padding-left: 15px;
							line-height: 1.4;
							font-size: 14px;
						}

			#aboutushigen p.left {
				width: 480px;
			}
.location h5{
	background: url(images/bg_subtitle_01.jpg) left top no-repeat;
	height: 19px;
	padding: 1px 0 0 10px;
	margin: 5px auto;
	font-size: 14px;
}			
.link_mark{ margin: 1px 3px auto auto; }

.eating_shop{ margin-left: 5px; } 
/*----------------------------------------------------------------------

	contact.html

----------------------------------------------------------------------*/
#contact {
	padding-top: 40px;
}

	#contact input {
		border: 1px solid #DDD;
		width: 288px;
		padding: 5px;
		font-size: 12px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin-bottom: 5px;
	}

	#contact textarea {
		border: 1px solid #DDD;
		width: 388px;
		height: 238px;
		padding: 5px;
		font-size: 12px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin-bottom: 5px;
	}
	#contact textarea.kiyaku {
		border: 1px solid #DDD;
		width: 750px;
		height: 238px;
		padding: 5px;
		font-size: 12px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		margin-bottom: 5px;
	}	

	#contact #error1,
	#contact #error2,
	#contact #error3 {
		display: none;
		color: #E50000;
	}

	#contact #sent {
		display: none;
		font-size: 14px;
		font-weight:bold;
		color: #2692FF;
		padding-top: 5px;
	}

	#contact li {
		list-style-type: disc;
		margin-left: 20px;
		line-height: 1.5;
	}

	.contact_under img {
		margin:10px 20px;
	}
.contact_line {
	padding: 10px 0 6px;
	line-height: 1.4;
	border-bottom: 1px dashed #999;
}
.goto{
	cursor:pointer;
	border:1px solid #ffffff;
}

.goto_ON{
	cursor:pointer;
	border:1px solid #0000ff;
}