@charset "utf-8";

/*(｀･ω･)>>===============================================================================

 *

 * @file        : food.css

 * @description : フードメニューのメイン部に当てるスタイル

 * @auther      : K.Akemura

 * @note        :

 *

 *

 *-----------------------------------------------------------------------------------------

 * Tracks

 *-----------+-------+------------+--------------------------------------------------------

 * @id    | @date    | @auther    | @description

 *--------+----------+------------+--------------------------------------------------------

 * WT_0001|2010/08/11|K.Akemura   |新規作成

 *--------+----------+------------+--------------------------------------------------------

 *

 *

 *-----------------------------------------------------------------------------------------

 *

 *                                         ©Copyright 2010 White.Co.Jp All right reserved

 *

 ===============================================================================<<(･ω･｀)*/

/* コンテンツタイトル */
.conttitle{
	width:800px;
	height:30px;
	background-color:#d8ce9f;	/* 背景色 */
		background-image:url(../../img/pc01/title_food.png);
	z-index:1;
	}


/* メイン領域 */
.foodmain{
	width:800px;
	height:420px;
	background-color:#d8ce9f;	/* 背景色 */
	position:relative;
	overflow:auto;
	z-index:1;
	}

/* フードimg01の設定 */
.foodimg01{
	position:absolute;
	top:50px;
	left:140px;
	z-index:3;
	/* sake画像 height:133px; width:100px; */
	}
/* フードimg01の影設定 */
.foodimgsd01{
	position:absolute;
	top:36px;
	left:125px;
	/*background-color:#333631;/*影の色:黒緑くろみどり*/
	z-index:2;
	/* sake画像 height:133px; width:100px; */
	}

/* 画像あり2つ目 */
.foodimg02{
	position:absolute;
	top:210px;
	left:560px;
	z-index:3;
	/* sake画像 height:133px; width:100px; */
	}
/* フードimg02の影設定 */
.foodimgsd02{
	position:absolute;
	width:100px;
	height:133px;
	top:196px;
	left:546px;
	/*background-color:#333631;/*影の色:黒緑くろみどり*/
	z-index:2;
	/* sake画像 height:133px; width:100px; */
	}

/* フードimg03設定 */
.foodimg03{
	position:absolute;
	top:400px;
	left:150px;
	z-index:3;
	/* sake画像 height:133px; width:100px; */
	}
/* フードimg03の影設定 */
.foodimgsd03{
	position:absolute;
	width:100px;
	height:133px;
	top:386px;
	left:136px;
	/*background-color:#333631;/*影の色:黒緑くろみどり*/
	z-index:2;
	/* sake画像 height:133px; width:100px; */
	}

/* フードimg04設定 */
.foodimg04{
	position:absolute;
	top:540px;
	left:210px;
	z-index:3;
	/* sake画像 height:133px; width:100px; */
	}
/* フードimg04の影設定 */
.foodimgsd04{
	position:absolute;
	width:100px;
	height:133px;
	top:526px;
	left:196px;
	/*background-color:#333631;/*影の色:黒緑くろみどり*/
	z-index:2;
	/* sake画像 height:133px; width:100px; */
	}

/* フードimg05設定 */
.foodimg05{
	position:absolute;
	top:680px;
	left:270px;
	z-index:3;
	/* sake画像 height:133px; width:100px; */
	}
/* フードimg05の影設定 */
.foodimgsd05{
	position:absolute;
	width:100px;
	height:133px;
	top:666px;
	left:256px;
	/*background-color:#333631;/*影の色:黒緑くろみどり*/
	z-index:2;
	/* sake画像 height:133px; width:100px; */
	}

/* 画像あり商品文言のバック画像 */
.ftxtbk01{
	position:absolute;
	top:58px;
	left:250px;
	z-index:2;
	width:300px;
	height:120px;
	background-image:url(../../img/pc01/foodtextback01.png);
	}
.ftxtbk02{
	position:absolute;
	top:218px;
	left:250px;
	z-index:2;
	width:300px;
	height:120px;
	background-image:url(../../img/pc01/foodtextback01.png);
	}
.ftxtbk03{
	position:absolute;
	top:400px;
	left:253px;
	z-index:2;
	width:280px;
	height:110px;
	background-image:url(../../img/pc01/foodtextback02.png);
	}

.ftxtbk04{
	position:absolute;
	top:540px;
	left:313px;
	z-index:2;
	width:280px;
	height:110px;
	background-image:url(../../img/pc01/foodtextback02.png);
	}
	
.ftxtbk05{
	position:absolute;
	top:680px;
	left:373px;
	z-index:2;
	width:280px;
	height:110px;
	background-image:url(../../img/pc01/foodtextback02.png);
	}

/* 商品名領 */
.fnamep01{
	position:absolute;
	top:5px;
	left:5px;
	z-index:3;
	width:290px;
	height:10px;
	}
.fname01{
	display:table-cell;
	width:290px;
	height:10px;
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	font-size:20px;	/* フォントサイズ */
	vertical-align:middle;
	text-align:center;
	color: #0d0015;	/* 文字色 */
	}
*:first-child+html div.fname01{/* IE */
	display:inline;
	zoom:1;
	}

/* 商品価格名領域 */
.fpricep01{
	position:absolute;
	top:29px;
	left:150px;
	z-index:3;
	width:120px;
	height:10px;
	}
.fprice01{
	display:table-cell;
	width:120px;
	height:20px;
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	font-size:18px;	/* フォントサイズ */
	vertical-align:middle;
	text-align:right;
	color: #0d0015;	/* 文字色 */
	}
*:first-child+html div.fprice01{/* IE */
	display:inline;
	zoom:1;
	}

/* 商品コメント名領域カバー01 */
.fcomp01wk{
	position:absolute;
	top:51px;
	left:10px;
	z-index:3;
	width:280px;
	height:60px;
	background-color:#ba2636;
	}
/* 商品コメント名領域01 */
.fcomp01{
	display:table-cell;
	height:60px;
	width:280px;
	vertical-align:middle;
	text-align:center;
	}

.fcom01{
	width:260px;
	margin:auto;
	vertical-align:middle;
	font-size:16px;	/* フォントサイズ */
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	text-align:left;
	color: #ffffff;	/* 文字色 */
	}
* html div.fcom01{
	display:inline;
	zoom:1;
	}
*:first-child+html div.fcom01{
	display:inline;
	zoom:1;
	}
* html div.fcomp01 div.heightBase{
	height:100%;
	display:inline;
	zoom:1;
	vertical-align:middle;
	}
*:first-child+html div.fcomp01 div.heightBase{
	height:100%;
	display:inline;
	zoom:1;
	vertical-align:middle;
	}


/* 画像ありその2 */
/* 商品名領02 */
.fnamep02{
	position:absolute;
	top:5px;
	left:5px;
	z-index:3;
	width:270px;
	height:20px;
	}
.fname02{
	display:table-cell;
	width:270px;
	height:20px;
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	font-size:18px;	/* フォントサイズ */
	vertical-align:middle;
	text-align:center;
	color: #0d0015;	/* 文字色 */
	}
*:first-child+html div.fname02{/* IE */
	display:inline;
	zoom:1;
	}

/* 商品価格名領域02 */
.fpricep02{
	position:absolute;
	top:27px;
	left:170px;
	z-index:3;
	width:80px;
	height:10px;
	}
.fprice02{
	display:table-cell;
	width:80px;
	height:20px;
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	font-size:16px;	/* フォントサイズ */
	vertical-align:middle;
	text-align:right;
	color: #0d0015;	/* 文字色 */
	}
*:first-child+html div.fprice02{/* IE */
	display:inline;
	zoom:1;
	}

/* 商品コメント名領域カバー02 */
.fcomp02wk{
	position:absolute;
	top:47px;
	left:10px;
	z-index:3;
	width:260px;
	height:55px;
	background-color:#ba2636;
	}
/* 商品コメント名領域02 */
.fcomp02{
	display:table-cell;
	width:260px;
	height:55px;
	vertical-align:middle;
	text-align:center;
	}

.fcom02{
	width:250px;
	margin:auto;
	vertical-align:middle;
	font-size:15px;	/* フォントサイズ */
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	text-align:left;
	color: #ffffff;	/* 文字色 */
	}
* html div.fcom02{
	display:inline;
	zoom:1;
	}
*:first-child+html div.fcom02{
	display:inline;
	zoom:1;
	}
* html div.fcomp02 div.heightBase{
	height:100%;
	display:inline;
	zoom:1;
	vertical-align:middle;
	}
*:first-child+html div.fcomp02 div.heightBase{
	height:100%;
	display:inline;
	zoom:1;
	vertical-align:middle;
	}


/*文言のみ*/

.ftxtbk06{/* 画像無し領域場所指定 */
	position:absolute;
	top:850px;
	left:90px;
	z-index:2;
	width:300px;
	height:25px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk07{/* 画像無し領域場所指定 */
	position:absolute;
	top:850px;
	left:410px;
	z-index:2;
	width:300px;
	height:25px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk08{/* 画像無し領域場所指定 */
	position:absolute;
	top:890px;
	left:90px;
	z-index:2;
	width:300px;
	height:25px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk09{/* 画像無し領域場所指定 */
	position:absolute;
	top:890px;
	left:410px;
	z-index:2;
	width:300px;
	height:25px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk10{/* 画像無し領域場所指定 */
	position:absolute;
	top:965px;
	left:90px;
	z-index:2;
	width:300px;
	height:50px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk11{/* 画像無し領域場所指定 */
	position:absolute;
	top:965px;
	left:410px;
	z-index:2;
	width:300px;
	height:50px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk12{/* 画像無し領域場所指定 */
	position:absolute;
	top:1020px;
	left:90px;
	z-index:2;
	width:300px;
	height:50px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk13{/* 画像無し領域場所指定 */
	position:absolute;
	top:1020px;
	left:410px;
	z-index:2;
	width:300px;
	height:50px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk14{/* 画像無し領域場所指定 */
	position:absolute;
	top:1075px;
	left:90px;
	z-index:2;
	width:300px;
	height:50px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

.ftxtbk15{/* 画像無し領域場所指定 */
	position:absolute;
	top:1075px;
	left:410px;
	z-index:2;
	width:300px;
	height:50px;
	border-bottom: dotted 2px #aa1111;/*■下線の幅・色*/
	}

/* 商品名前"・" */
.foodsyu06{
	position:absolute;
	top:8px;
	left:10px;
	/*background-color:#333631;/*影の色:黒緑くろみどり*/
	z-index:4;
	/* sake画像 height:133px; width:100px; */
	}
/* 商品名領 */
.fnamep03{
	position:absolute;
	top:5px;
	left:10px;
	z-index:3;
	width:250px;
	height:20px;
	}
.fname03{
	display:table-cell;
	width:250px;
	height:20px;
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	font-size:19px;	/* フォントサイズ */
	text-align:left;
	color: #0d0015;	/* 文字色 */
	}
*:first-child+html div.fname03{/* IE */
	display:inline;
	zoom:1;
	}
/* 商品価格名領 */
.fpricep03{
	position:absolute;
	top:8px;
	right:10px;
	z-index:3;
	width:50px;
	height:20px;
	}
.fprice03{
	display:table-cell;
	width:50px;
	height:20px;
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	font-size:14px;	/* フォントサイズ */
	text-align:right;
	color: #0d0015;	/* 文字色 */
	}
*:first-child+html div.fname03{/* IE */
	display:inline;
	zoom:1;
	}


.foodend{
	position:absolute;
	top:940px;
	left:20px;
	width:750px;
	height:50px;
	}
.fcommentp{
	position:absolute;
	top:8px;
	right:10px;
	z-index:3;
	width:700px;
	height:20px;
	}
.fcomment{
	display:table-cell;
	width:700px;
	height:20px;
	font-family:'HGP行書体','Osaka',Verdana,Arial, sans-serif;	/* フォント */
	font-size:16px;	/* フォントサイズ */
	text-align:right;
	color: #ad0015;	/* 文字色 */
	}