@charset "utf-8";

/* MenuIndex
-------------------------------------------------------------------------------------------*/
.menuIndex p.leadText {
	width: 650px;
	margin: 0 0 30px 17px;
}

.menuIndex .menuBox {
	width: 685px;
	margin-bottom: 75px;
}
.menuIndex .menuBox h2 {
	margin-bottom: 10px;
}

/* Left(text)
------------------------ */
.menuIndex .menuBox .textBox {
	width: 310px;
	float: left;
	margin-left: 17px;
	display: inline;
}
.menuIndex .menuBox .textBox p {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* Right(images)
------------------------ */
.menuIndex .menuBox .imageBox {
	width: 333px;
	float: right;
	position: relative;
	text-align: center;
}
.menuIndex .menuBox .imageBox p a {
	padding-left: 12px;
	background: url(../images/common/marker_arrow.jpg) no-repeat 0 2px;
}

.menuIndex .menuBox .imageBox .goesInDetail {
	width: 165px;
	float: left;
	text-align: center;
	position: relative;
}

.menuIndex .menuBox .imageBox .goesInDetail img.layoutA {
	margin-top: -25px;
	position: relative;
}
.menuIndex .menuBox .imageBox .goesInDetail img.layoutAA {
	margin-top: -25px;
	margin-right: -20px;
	position: relative;
}
.menuIndex .menuBox .imageBox .goesInDetail img.layoutB {
	margin-top: 50px;
	position: relative;
}
.menuIndex .menuBox .imageBox .goesInDetail img.layoutC {
	margin-top: 15px;
	position: relative;
}





/* MenuDetails (詳細ページ)
-------------------------------------------------------------------------------------------*/

/* main
------------------------ */
#detailsMain {
	width: 668px;
	position: relative;
	text-align: justify;
	text-justify: inter-ideograph;
}


/* --高さ・背景指定-- */
.menuDetails .beef01,
.menuDetails .beef02,
.menuDetails .chicken01,
.menuDetails .chicken02,
.menuDetails .lamb,
.menuDetails .mutton,
.menuDetails .pork01,
.menuDetails .pork02
{
	height: 505px !important;
	height /**/: 590px;
	margin: -70px 0 40px 17px;
	padding-top: 85px;
}
.menuDetails .set01 {
	height: 445px !important;
	height /**/: 530px;
	margin: -70px 0 40px 17px;
	padding-top: 85px;
}
.menuDetails .set02 {
	height: 540px !important;
	height /**/: 625px;
	margin: -70px 0 40px 17px;
	padding-top: 85px;
}
.menuDetails .set03 {
	height: 535px !important;
	height /**/: 620px;
	margin: -70px 0 40px 17px;
	padding-top: 85px;
}
.menuDetails .beef01 { background: url(../menu/01_beefA/images/image.jpg) no-repeat right top; }
.menuDetails .beef02 { background: url(../menu/02_beefB/images/image.jpg) no-repeat right top; }
.menuDetails .chicken01 { background: url(../menu/03_chickenA/images/image.jpg) no-repeat right top; }
.menuDetails .chicken02 { background: url(../menu/04_chickenB/images/image.jpg) no-repeat right top; }
.menuDetails .lamb { background: url(../menu/05_lamb/images/image.jpg) no-repeat right top; }
.menuDetails .mutton { background: url(../menu/06_mutton/images/image.jpg) no-repeat right top; }
.menuDetails .pork01 { background: url(../menu/07_porkA/images/image.jpg) no-repeat right top; }
.menuDetails .pork02 { background: url(../menu/08_porkB/images/image.jpg) no-repeat right top; }
.menuDetails .set01 { background: url(../menu/09_setA/images/image.jpg) no-repeat right top; }
.menuDetails .set02 { background: url(../menu/10_setB/images/image.jpg) no-repeat right top; }
.menuDetails .set03 { background: url(../menu/11_setC/images/image.jpg) no-repeat right top; }



/* --見出し・マーカー指定-- */
#detailsMain h2 {
	margin-bottom: 10px;
	padding-left: 35px;
	font-weight: bold;
	font-size: 185%;
}
#detailsMain h2.set span {
	line-height: 0.7;
	font-weight: bold;
	font-size: 70%;
}
#detailsMain h2.beef { background: url(../menu/images_details/marker_beef.jpg) no-repeat 0 4px; }
#detailsMain h2.chicken { background: url(../menu/images_details/marker_chicken.jpg) no-repeat 0 4px; }
#detailsMain h2.muttonHead { background: url(../menu/images_details/marker_mutton.jpg) no-repeat 0 4px; }
#detailsMain h2.pork { background: url(../menu/images_details/marker_pork.jpg) no-repeat 0 4px; }
#detailsMain h2.set { background: url(../menu/images_details/marker_set.jpg) no-repeat 0 0; padding-left: 40px; }

#detailsMain p.leadText {
	width: 290px;
}


/* 共通
------------------------ */
#detailsMain .imagesBoxA {
	width: 312px;
	position: absolute;
	bottom: 0;
	left: 0;
}
#detailsMain .imagesBoxA img {
	display: inline;
	margin-right: 1px;
}
#detailsMain .howToBoxA {
	width: 275px;
	position: absolute; 
	top: 460px;
	left: 355px;	
}

/* 豚ホルモン
------------------------ */
#detailsMain .imagesBoxB {
	width: 312px;
	position: absolute;
	top: 340px;
	left: 0;
}
#detailsMain .imagesBoxB img.img01 {
	width: 230px;
	position: absolute;
	top: 0;
	left: 0;
}
#detailsMain .imagesBoxB img.img02 {
	width: 165px;
	position: absolute;
	top: 111px;
	left: 139px;
}

/* 他人セット
------------------------ */
#detailsMain .imagesBoxSetA {
	width: 450px;
	position: absolute;
	top: 370px;
	left: 0;
}
#detailsMain .imagesBoxC img {
	display: inline;
}
#detailsMain .howToBoxSetA {
	width: 275px;
	position: absolute; 
	top: 400px;
	left: 355px;	
}

/* 特選他人セット
------------------------ */
#detailsMain .imagesBoxSetB {
	width: 600px;
	position: absolute;
	top: 370px;
	left: 0;
}
#detailsMain .imagesBoxB img {
	display: inline;
}
#detailsMain .howToBoxSetB {
	width: 290px;
	position: absolute; 
	top: 550px;
	left: 0;	
}

/* 親子セット
------------------------ */
#detailsMain .imagesBoxSetC {
	width: 600px;
	position: absolute;
	top: 360px;
	left: 0;
}
#detailsMain .imagesBoxC img {
	display: inline;
}
#detailsMain .howToBoxSetC {
	width: 290px;
	position: absolute; 
	top: 545px;
	left: 0;	
}



#detailsMain img.plus {
	margin-bottom: 50px;
}


/* Details (商品内容)
------------------------ */
#details {
	width: 669px;
	margin: 0 0 50px 17px;
	padding-top: 40px;
	background: url(../images/common/dot_line.jpg) no-repeat 0 0; 
}
#details h3 {
	font-weight: bold;
}
#details dl dt {
	width: 142px !important;
	width /**/: 150px;
	padding: 12px 0 12px 8px;
	float: left;
	clear: left;
	font-weight: bold;
	background: url(../images/common/marker_square.jpg) no-repeat left center; 	
}
#details dl dd {
	margin: 0 50px 0 150px;
	padding: 12px 0;
}


/* Price (価格表)
------------------------ */
#price {
	width: 669px;
	margin: 0 0 50px 17px;
}
#price h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
#price table {
	width: 323px;
	font-size: 100%;
	float: left;
	margin-right: 5px;
}
#price table th {
	padding: 8px 0;
	border-top: none;
	border-right: 1px solid #F5F3EC;
	border-bottom: 1px solid #F5F3EC;
	border-left: none;
	background: url(../menu/images_details/price_backgroundA.gif) repeat top left;
	color: #FFFFFF;
	text-align: center;
}
#price table td {
	padding: 8px 0;
	border-top: none;
	border-right: 1px solid #F5F3EC;
	border-bottom: 1px solid #F5F3EC;
	border-left: none;
	background: url(../menu/images_details/price_backgroundB.gif) repeat top left; 
}
#price td.amount {
	text-align: center;
}
#price td.price {
	 text-align: right;
	 padding-right: 10px;
}

/* Order (オーダーはこちら)
------------------------ */
#order {
	width: 669px;
	margin: 0 0 65px 17px;
}
#order h3 {
	font-weight: bold;
	margin-bottom: 5px;
}
#order h4 {
	font-weight: bold;
}
#order .order01 {
	width: 300px !important;
	width /**/: 323px;
	height: 71px !important;
	height /**/: 94px;
	padding: 23px 0 0 23px;
	float: left;
	margin: 0 5px 15px 0;
	background: url(../menu/images_details/order_back.jpg) no-repeat top left; 
}
#order .order02 {
	width: 300px !important;
	width /**/: 323px;
	height: 71px !important;
	height /**/: 94px;
	padding: 23px 0 0 23px;
	float: left;
	background: url(../menu/images_details/order_pdf_back.jpg) no-repeat top left; 
}
#order p a {
	padding-left: 12px;
	background: url(../menu/images_details/order_marker_arrow.jpg) no-repeat 0 2px; 	
}
#order p a:link    { color: #555555; text-decoration: underline; }
#order p a:visited { color: #555555; text-decoration: underline; }
#order p a:hover   { color: #949384; text-decoration: none; }
#order p a:active  { color: #949384; text-decoration: none; }


/* ReaderDownload
------------------------ */
#order .readerBox {
	width: 651px;
	position: relative;
	clear: left;
}
#order .readerBox p {
	width: 500px;
	text-align: right;
	float: right;
	margin: 2px 140px 0 0;
	display: inline;
	font-size: 90%;
	line-height: 1.4;
}
#order .readerBox img {
	width: 135px;
	position: absolute;
	top: 0;
	right: 0;
}


/* menuList (お品書き)
------------------------ */
#menuList {
	width: 685px;
	margin: 0 0 80px 0;
	background: url(../menu/images_details/menu_background.jpg) repeat-y left top; 
}
#menuList h4 {
	margin-left: 15px;
	margin-bottom: 5px;
}
#menuList .menuSmallBox {
	width: 137px;
	float: left;
	text-align: center;
}
#menuList ul {
	text-align: center;
}
#menuList .menuSmallBox li {
	font-size: 90%;
	list-style: none;
	line-height: 1.3;
}
#menuList .menuSmallBox li a {
	padding-left: 10px;
	background: url(../images/common/marker_arrow.jpg) no-repeat 0 2px;
}
#menuList .menuSmallBox li.stay {
	display: inline;
	padding-left: 10px;
	background: url(../images/common/marker_square02.jpg) no-repeat 0 1px;
}









/* ORDER
-------------------------------------------------------------------------------------------*/


/* COMPANY
-------------------------------------------------------------------------------------------*/