@charset "utf-8";

* {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 80%/150% "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka";
	color: #FFFFFF;
	background: #000000;
}
h1,h2,h3,h4 { margin: 0px; }
a { text-decoration: none; }
a:link { color: #306BCF; }
a:visited { color: #306BCF; }
a:hover { color: #306BCF;	text-decoration: underline; }
ul, dl, ol, li, dt, dd {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
p {	margin: 0px; padding: 0px; }
img {
	border-style: none;
	display: block;
}
em {
	font-style: normal;
	font-weight: normal;
}

/* class */
.mt5 { margin-top: 5px; }
.mb5 { margin-bottom: 5px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.ml10 { margin-left: 10px; }
.mr10 { margin-right: 10px; }
.mt15 { margin-top: 15px; }
.mb15 { margin-bottom: 15px; }
.ml15 { margin-left: 15px; }
.mr15 { margin-right: 15px; }
.mt20 { margin-top: 20px; }
.mb20 { margin-bottom: 20px; }
.ml20 { margin-left: 20px; }
.mr20 { margin-right: 20px; }
.mt30 { margin-top: 30px; }
.mb30 { margin-bottom: 30px; }
.ml30 { margin-left: 30px; }
.mr30 { margin-right: 30px; }

.pt5 { padding-top: 5px; }
.pb5 { padding-bottom: 5px; }
.pl5 { padding-left: 5px; }
.pr5 { padding-right: 5px; }
.pt10 { padding-top: 10px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.pr10 { padding-right: 10px; }
.pt15 { padding-top: 15px; }
.pb15 { padding-bottom: 15px; }
.pl15 { padding-left: 15px; }
.pr15 { padding-right: 15px; }
.pt20 { padding-top: 20px; }
.pb20 { padding-bottom: 20px; }
.pl20 { padding-left: 20px; }
.pr20 { padding-right: 20px; }
.pt30 { padding-top: 30px; }
.pb30 { padding-bottom: 30px; }
.pl30 { padding-left: 30px; }
.pr30 { padding-right: 30px; }

.ml7 { margin-left: 7px; }

.floatleft { float: left; }
.floatright { float: right; }

.aligncenter {	text-align: center; }
.alignleft { text-align: left; }
.alignright { text-align: right; }

.clear { clear: both; }
.color01 { color: #CC0000; }
.color02 { color: #FF3300; }
.iconfix { vertical-align: middle; }

/* 背景画像 */
#wrapper00 {
	background: url(../images/bkgimage00.jpg) no-repeat center 0px;
}
#wrapper01 {
	background: url(../images/bkgimage01.jpg) no-repeat center 0px;
}
#wrapper02 {
	background: url(../images/bkgimage02.jpg) no-repeat center 0px;
}

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* トップページヘッダー */
#header00 {
	position: relative;
	height: 530px;
}
#header00 h1 {
	position: absolute;
	width: 200px;
	height: 270px;
	top: 120px;
	left: 290px;
	text-indent: -10000px;
}
#header00 h1 a {
	display: block;
	height: 270px;
	width: 200px;
}

/* 飛騨牛ヘッダー */
#header01 {
	position: relative;
	height: 480px;
}
#header01 h1 {
	position: absolute;
	width: 80px;
	height: 100px;
	top: 30px;
	left: 20px;
	text-indent: -10000px;
}
#header01 h1 a {
	display: block;
	height: 100px;
	width: 80px;
}

/* プリンヘッダー */
#header02 {
	position: relative;
	height: 560px;
}
#header02 h1 {
	position: absolute;
	width: 80px;
	height: 100px;
	top: 30px;
	left: 20px;
	text-indent: -10000px;
}
#header02 h1 a {
	display: block;
	height: 100px;
	width: 80px;
}

#content {
}

/* トップページコンテンツ */
#content ul#banner {
}
#content ul#banner li {
	float: left;
	width: 385px;
	height: 430px;
}
#content ul#banner li.leftimage {
	background: url(../images/image-top01.jpg) no-repeat;
	position: relative;
}
#content ul#banner li.rightimage {
	background: url(../images/image-top02.jpg) no-repeat;
	position: relative;
}
#content ul#banner li ul.button {
	position: absolute;
	bottom: 60px;
	right: 15px;
}
#content ul#banner li ul.button li {
	height: 30px;
	width: 120px;
}

/* 飛騨牛コンテンツ */
#content #hidagyu01 {
	height: 250px;
	background: url(../images/image-hidagyu01.jpg) no-repeat;
}
#content #hidagyu01 p {
	font-size: 12px;
	line-height: 2em;
	width: 390px;
	padding-top: 20px;
	padding-left: 20px;
}
#content #hidagyu02 {
	height: 430px;
	margin-top: 25px;
	background: url(../images/image-hidagyu02.jpg) no-repeat;
	position: relative;
}
#content #hidagyu02 span.button {
	height: 30px;
	width: 150px;
	display: block;
	position: absolute;
	bottom: 70px;
	right: 80px;
}

/* プリンコンテンツ */
#content #pudding01 {
	height: 700px;
	background: url(../images/image-pudding01.jpg) no-repeat;
	position: relative;
}
#content #pudding01 a {
	position: absolute;
	bottom: 24px;
	right: 144px;
}
#content #pudding01 p {
	padding: 150px 80px 80px;
	font-size: 12px;
	line-height: 2.3em;
}
#content #pudding02 {
	height: 310px;
	background: url(../images/image-pudding02.jpg) no-repeat;
	margin-top: 25px;
}
#content #pudding02 p {
	font-size: 12px;
	line-height: 2em;
}
#content #pudding02 p.text01 {
	padding-top: 100px;
	padding-left: 30px;
}
#content #pudding02 p.text02 {
	padding-left: 30px;
	padding-top: 50px;
}
#content #pudding03 {
	height: 440px;
	background: url(../images/image-pudding03.jpg) no-repeat;
	position: relative;
}
#content #pudding03 p {
	font-size: 12px;
	line-height: 2em;
}
#content #pudding03 p.text01 {
	padding-left: 30px;
	width: 520px;
	padding-top: 20px;
}
#content #pudding03 p.text02 {
	padding-top: 70px;
	padding-left: 30px;
	width: 520px;
}
#content #pudding03 div.text03 {
	position: absolute;
	bottom: 30px;
	left: 40px;
	font-size: 10px;
	line-height: 15px;
	width: 100px;
	text-align: center;
}
#content #pudding03 div.text04 {
	position: absolute;
	bottom: 30px;
	left: 180px;
	font-size: 10px;
	line-height: 15px;
	width: 100px;
	text-align: center;
}
#content #pudding03 p.text05 {
	position: absolute;
	bottom: 20px;
	left: 305px;
	width: 250px;
	height: 50px;
	font-size: 12px;
	line-height: 2em;
}
#content #pudding04 {
	height: 300px;
	background: url(../images/image-pudding04.jpg) no-repeat;
	position: relative;
}
#content #pudding04 a {
	position: absolute;
	bottom: 20px;
	right: 144px;
}
#content #pudding04 table {
	width: 410px;
	position: absolute;
	right: 40px;
	bottom: 80px;
	font-size: 12px;
	line-height: 24px;
}
#content #pudding04 table th, #content #pudding04 table td {
	text-align: center;
	vertical-align: middle;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: normal;
}
#content #pudding04 table th {
	width: 120px;
}
#content #pudding04 table td {
	width: 290px;
}

/* フッター */
#footer {
	clear: both;
	text-align: center;
	padding-top: 10px;
	font-size: 10px;
	padding-bottom: 30px;
}
#footer span {
	display: block;
	margin-bottom: 20px;
	font-size: 12px;
	background: url(../images/arrow.gif) no-repeat left center;
	text-align: left;
	padding-left: 20px;
	width: 220px;
	margin-right: auto;
	margin-left: auto;
}
#footer span a {
	color: #FFFFFF;
	text-decoration: underline;
}