@charset "UTF-8";
 @import url(pop.css);

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

clearfix Hack

------------------------------ */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix { display: inline-block; }

/* Hide Mac IE \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* */
* {
	margin:0;
	padding:0;
}

html { height: 100%; }

body {
	height: 100%;
	text-align: center;
	background-color: #ffffff;
}

img { border:0; }

h1, h2, h3, h4, h5 {
	margin:0;
	padding:0;
	font-weight:normal;
}

/* =====================================
	container
===================================== */
* html div#container { height:100%; }/*ie6*/

div#container {
	position:relative;
	width: 947px;
	min-height: 100%;
	margin: 0px auto;
	text-align: left;
}

body > #container { height: auto; }

/* =====================================
	header
===================================== */
#header {
	width: 947px;
	height: 25px;
	background-image: url(/common/images/head.gif);
}

/* =====================================
	navi
===================================== */
.navibg {/*ナビゲーション全体*/
	width: 200px;
	padding: 0px 10px 30px 10px;
	background-image: url(/common/images/navibg.jpg);
	text-align: left;
	font-size:11px;
	line-height: 1.15;
}

.navibg li { list-style:none; }/*ナビゲーション全体 09ik*/

.navi_logo { margin: 10px 0px 30px 30px; }

.naviNewList { margin-bottom:10px; }/*2010改訂TEST*/

.navi-base {/*menu基礎知識2010改訂*/
	width: 200px;
	background-image: url(/common/images/navibase-top.gif);
	background-repeat: no-repeat;
	padding-top: 35px;
	font-size:11px;
	line-height: 1.55;
	color:#673a19;
}

.navi-base li {/*2010改訂TEST*/ background: url(/common/images/navibase.gif) repeat-y; }

.navi-base li a {/*2010改訂TEST*/
	padding-left:22px;
	background: url(/common/images/arrow_or.gif) no-repeat 10px 2px;
}

.bbtm {
	text-indent:-22px;
	padding-left:22px;
}

/*arrowを上下の真ん中に持ってきたい時は以下の指示にかえる*/
/*.navi-base li a{
	padding-left:22px;
	background: url(/common/images/arrow_or.gif) no-repeat 10px center;
	
}

.bbtm a{display:block;}*/

/*****************************************************************************************************************/

.navi01 {/*menu基礎知識*/
	width: 200px;
	height: 43px;/*58を縮小2011*/
	background-image: url(/common/images/navi01h78.gif);/*これがbtmまでの1画面*/
	background-repeat: repeat-x;
	padding-top: 35px;
	font-size:11px;
	line-height: 1.55;
	color:#673a19;
	margin-bottom:10px;/*2010追加*/
}

.navi01 li a {
	padding-left:22px;
	background: url(/common/images/arrow_or.gif) no-repeat 10px center;
}

/*****************************************************************************************************************/


.navi {/*画像メニューul*/ margin: 10px 0px; }

.navi li {/*09ik*/ margin-bottom:10px; }

.navi li img { vertical-align:bottom; }/*09ik*/

.bnavi_t {/*ビジネスパートナーの皆様へ*/
	margin-top: 10px;
	padding: 5px 0px 5px 0px;
	border-width:  1px 1px 0px 1px;
	border-style: solid;
	border-color: #b09378;
	background-color: #e4e4e4;
	text-align:center;
}

.bnavi_waku {/*ビジネスメニュー*/
	padding-top: 10px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #b09378;
	background-color: #ffffff;
	line-height: 1.7;
}

.bnavi_waku li a {/*09ik-bizmenu*/
	padding-left:25px;
	background: url(/common/images/arrow_bl.gif) no-repeat 10px center;
}

.biz-cat { /*09ik-bizmenu*/
	border-top: 1px solid #e7ded6;
	padding:10px 0 0 10px;
	margin-top:10px;
}

.biz-line { /*09ik-bizmenu*/
	border-top: 1px solid #e7ded6;
	padding-top:10px;
	margin-top:10px;
}

.sideRelational {
	text-align:center;
	background:#673A19;
	color:#FFF;
	margin-bottom:10px;
	padding:3px 0;
}

/* =====================================
	top-newsBar
===================================== */
.title_news { margin: 10px 0 10px -2px; }

/* =====================================
	title for h1
===================================== */
.titlebg1, .titlebg2 {
	width: 710px;
	background-image: url(/common/images/titlebg.jpg);
	background-repeat: repeat-x;
	padding-left: 10px;
	font-size:16px;
	line-height: 1.35;
	color:#673a19;
}

.titlebg1 {
	height: 38px;
	padding-top: 40px;
}

.titlebg2 {
	height: 48px;
	padding-top: 30px;
}

/* =====================================
	pan
===================================== */
.pan {
	width: 710px;
	height: 37px;
	background-image: url(/common/images/panbg.jpg);
	padding: 10px 0 0 10px;
	font-size:10px;
	color:#005579;
}

/* =====================================
	main
===================================== */
.main {/*table右contents*/
	width: 700px;
	padding: 0px 0 30px 10px;
	font-size:12px;
}

.midashi {
	background-color: #ffe2c0;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:14px;
	padding: 3px 0 3px 3px;
}

/*==========================================
販促サポート
==========================================*/
.promomidashi {
	background-color: #ffe2c0;
	margin: 0 0 10px;
	font-size:14px;
	padding: 3px 0 3px 3px;
}

.promomidashi2 {
	margin: 5px 0;
	font-size:14px;
	border-width: 1px;
	padding: 3px 0px 3px 3px;
	border-color: #d6af63;
	border-top-style:solid;
	border-bottom-style:solid;
}

.retail-tool li {
	float:left;
	margin-right:20px;
	list-style:none;
}

.retail-tool li img { margin:10px 0; }

/*==========================================
ニュース・Bizニュース09ik
==========================================*/
.news_list {
	font-size:12px;
	border-color: #d6af63;
	border-width: 1px;
	border-top-style:dashed;
	padding: 10px 0;
}

.news_list dt {
	color:#ffae00;
	padding-bottom: 3px;
}

/*==========================================
イベント・キャンペーン プレミア試食会 FOODEX その他 09ik
==========================================*/
.event_list {
	font-size:14px;
	width: 700px;
	border-color: #d6af63;
	border-width: 1px;
	border-top-style:dashed;
	padding: 10px 0;
	min-height:80px;
}

.event_list dt, .event_list-btm dt { float:left; }

.event_list dd, .event_list-btm dd {
	padding-left:85px;
	padding-bottom:10px;
}

.event_list dd p, .event_list-btm dd p { font-size:12px; }

.event_list-btm {
	font-size:14px;
	width: 700px;
	border-color: #d6af63;
	border-width: 1px;
	border-top-style:dashed;
	border-bottom-style:dashed;
	padding: 10px 0;
	min-height:80px;
}

/********イベント＆キャンペーンhead***********/
.eventpickup {
	width: 680px;
	border: 2px solid #d6af63;
	padding: 5px 10px 10px 5px;
	margin-bottom: 15px;
}

.eventpickuptitle {
	width: 680px;
	font-size:14px;
	padding: 3px;
	margin-bottom: 10px;
	background-color: #ffd051;
}

.textnewsdate {
	font-size:12px;
	color:#ffae00;
	padding-bottom: 3px;
}

/***********************************/
.ko-head {/*KICKOFF EVENT-h3ik*/
	font-size:14px;
	font-weight:bold;
	color:#006B73;
}

/*****************090731cookpadタイアップflash******************/
#cookpad {
	width:680px;
	margin:0 auto;
	_margin-top:-10px;
}

/*IE7*/
*:first-child+html #cookpad { margin-top:-10px; }

.cookpadrecipe { background: url(/event/images/recipe-back.jpg) no-repeat left 220px; }

/*****************090731cookpadタイアップbtn******************/
#recipeMenu {
	margin-left:19px;
	height:202px;
	width:682px;
}

#recipeMenu-lft {
	float:left;
	width:315px;
	height:56px;
	background: url(/event/images/recipe-btn-lb.jpg) no-repeat;
	margin-right: 18px;
	padding-top: 146px;
	padding-left: 17px;
}

#recipeMenu-rgt {
	float:left;
	width:314px;
	height:135px;
	background: url(/event/images/recipe-btn-rb.jpg) no-repeat;
	padding-top: 67px;
	padding-left: 18px;
}

/* =====================================
	取り扱い企業
===================================== */
.companylist {/*09*/
	margin: 10px 0;
	border: 1px solid #cacaca;
	font-size: 10px;
	width:100%;
}

.companylist th {/*09*/
	font-weight: normal;
	background: #fff3d7;
	text-align: left;
}

.companylist th, .companylist td {/*09*/
	padding: 3px;
	border: 1px solid #cacaca;
}

/* =====================================
	shade
===================================== */
.shade {
	width: 7px;
	background-image: url(../images/shade.jpg);
}

/* =====================================
	footer link
===================================== */
#footerbg {
	width: 947px;
	background-image: url(/common/images/footerlink.gif);
}

#footerbk {/*2010改訂*/
	width: 947px;
	background-image: url(/common/images/ftrblock.gif);
	padding-bottom:60px;
	background-repeat: no-repeat;
}

.relationlink {/*09*/
	height:14px;
	font-size:12px;
	padding: 5px 0px 5px 15px;
}

.relationlink li {/*09*/
	list-style:none;
	float:left;
	line-height:14px;
}

.relationlink li a {/*09*/
	padding-left:30px;
	background: url(/common/images/arrow_or.gif) no-repeat 20px center;
}

/* =====================================
	common
===================================== */
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/* =====================================
	table
===================================== */
table {
	margin:0;
	padding:0;
	border-collapse:collapse;
}

.va-top { vertical-align:top; }

.kickoff {/*イベント060313用*/
	border: 1px solid #BF2E33;
	line-height:16px;
	margin-top:30px;
}

.kickoff th {
	padding:5px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: left;
	background: #BF2E33;
}

.kickoff td { padding:5px; }

/* =====================================
	main
===================================== */
.subh_bg {
	background-color: #c7e4b4;
	margin: 10px 0;
	font-size:14px;
	padding: 3px 0 3px 3px;
}

.sublong {
	text-align: left;
	padding-top: 10px;
	font-size:14px;
	line-height: 1.6;
	color:#666666;
}

.shop_bg {
	background-color: #e1c7a6;
	margin-top: 10px 0;
	font-size:14px;
	padding: 3px 5px 3px 5px;
}

.shop_top {
	font-size:10px;
	padding: 5px 0;
}

.shop_list {
	font-size:10px;
	border-color: #bc9665;
	border-width: 1px;
	border-top-style:dashed;
	padding: 5px 0;
}

.shop_top td, .shop_list td {
	padding-left: 5px;
	padding-bottom: 10px;
	vertical-align:top;
}

.ev_bg {
	background-color: #FFFFCC;
	font-size: 12px;
	padding: 5px 10px;
	line-height: 18px;
	border: 2px solid #ffa200;
}

.comment {
	font-size:10px;
	padding: 5px 10px;
}

.marginleft10 { padding: 0 10px 10px 10px; }

/* =====================================
	お問い合わせ
===================================== */
.orange_box {
	width: 350px;
	font-size:14px;
	padding: 5px 10px;
	line-height: 18px;
	border: 2px solid #ffa200;
	margin:20px 0 30px;
}

/* =====================================
	メキシカンポークはなぜ安心？
===================================== */

#checkTopBox {/*2011一番上のbox*/
	background:url(/check/images/catch02_v2.gif) no-repeat;
	height: 80px;/*アキ含む*/
	width: 700px;
	padding:168px 0 0 87px;
}

#checkTopBox li {/*詳しくはこちら*/
	list-style:none;
	float:left;
	margin-right:104px;
}

.check_box2 {
	background-color: #ffffff;
	padding: 10px;
	border: 1px solid #45b700;
}

.check_box3 {
	width: 320px;
	background-color: #ffffff;
	padding: 0 0 10px 0;
	border: 2px solid #45b700;
}

.check_h {/*h3*/
	background-color: #45b700;
	font-size: 14px;
	margin-bottom: 5px;
	color: #ffffff;
	padding: 5px;
}

.check_o { /*h4*/
	color: #FF7200;
	font-size: 12px;
	margin-bottom: 5px;
	padding: 5px;
}

.check_h2 {/*h5*/
	background-color: #aedb68;
	font-size: 14px;
	margin-bottom: 5px;
	color: #333333;
	padding: 5px;
}

/* =====================================
	メキシカンポークレシピ
===================================== */

#recipeToparea {
	margin:0 0 25px;
	padding:5px 5px 2px 10px;
	background:#FFEBDF;
	border:1px solid #F99;
}

#recipeLinkBtn { line-height:1.8; }

#recipeLinkBtn a {
	padding-left:22px;
	background: url(/common/images/arrow_or.gif) no-repeat 10px 2px;
}

.recipe_category {/*h2*/
	background-color: #fbcbcb;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:14px;
	padding: 3px;
}

.recipeList li {/*09ik*/
	list-style:none;
	font-size: 12px;
	padding: 5px 0 5px 5px;
}

.recipe_list {
	border-color: #fbcbcb;
	border-width: 1px;
	border-top-style:dashed;
}

/* =====================================
	メキシカンポークが食べられるお店
===================================== */

.restaurantTitle {/*h2*/
	font-size: 14px;
	font-weight: bold;
	background: #fff4ab;
	padding: 8px 0px 8px 14px;
	margin-bottom: 10px;
}

.restaurantMenu {/*h3*/
	font-size: 12px;
	font-weight: bold;
	background: #E8E6CE;
	padding: 6px 0;
	text-align:center;
	margin:10px 0 5px;
}

.pht-box3, .cap-box3 {
	width:100%;
	padding-bottom:10px;
}

.pht-box3 li {
	list-style:none;
	text-align:center;
	float:left;
	width:233px;
	padding-bottom:15px;
}

.cap-box3 li {
	list-style:none;
	float:left;
	width:223px;
	padding:5px;
}

/* =====================================
	プレミア試食会
===================================== */
	
.shop_buy {
	border-color: #bc9665;
	border-width: 1px;
	border-bottom-style:dashed;
	margin:0 0 20px;
}

.shop_buy li {
	border-color: #bc9665;
	border-width: 1px;
	border-top-style:dashed;
	padding: 5px 0;
}
	
#tastingParty {/*左body段*/
	float:left;
	width:468px;
	padding-bottom:10px;
}

#tastingParty-pht {/*右写真段*/
	font-size: 10px;
	margin-left:485px;
	_margin-left:480px;
	width:215px;
	padding:10px 0;
}

#tastingParty-pht img { padding-bottom:5px; }

.chef-box {/*シェフのコメント*/
	padding:10px;
	background: #ebeae5;
	min-height:188px;
	_height:188px;
}

.chef-box img { float:left; }

.chef-box h3,  .chef-box p { padding-left:140px; }

.chef-box h3 {/*コメント見出し*/
	margin-bottom:15px;
	font-size: 14px;
	font-weight: bold;
	color: #FF7200;
}

.pre_recipe {
	padding: 10px 15px;
	font-size: 10px;
	line-height: 18px;
	border: 1px solid #ebeae5;
}

.pre_recipe h4 {/*試食会レシピ*/
	font-size: 14px;
	color: #669966;
}

.pre_recipe li { list-style-position: inside; }

/* =====================================
	MPEAについて
===================================== */	
#mpeaGroup h4 a {
	font-size: 12px;
	padding-left:10px;
}

#mpeaGroup img { float:left; }

#mpeaGroup p { margin-left:110px; }

/**************************************************/

.Hover { }

.nowrap { white-space: nowrap; }

#sideAddition01 {/*企業魂*/ /*display:none;*/}

.bizNews {/*bizニュースNewマーク*/ /*display:none;*/
vertical-align:middle; }

.newsMark {
	vertical-align:middle;
	margin-left:5px;
	_margin-left:10px;
}

/*IE7*/
*:first-child+html .newsMark { margin-left:10px; }

.lst-st-no li { list-style:none; }

.img-box img { display:block; }

.img-box2 img { vertical-align: bottom; }

/*マージン*/
.mgn-l05 { margin-left:5px; }
.mgn-l10 { margin-left:10px; }
.mgn-l85 { margin-left:85px; }
.mgn-l110 { margin-left:110px; }
.mgn-l180 { margin-left:180px; }

.mgn-r0 { margin-right:0; }
.mgn-r05 { margin-right:5px; }
.mgn-r10 { margin-right:10px; }
.mgn-r20 { margin-right:20px; }
.mgn-r30 { margin-right:30px; }

.mgn-t-10 { margin-top:-10px; }
.mgn-t-15 { margin-top:-15px; }
.mgn-t-20 { margin-top:-20px; }
.mgn-t05 { margin-top:5px; }
.mgn-t10 { margin-top:10px; }
.mgn-t15 { margin-top:15px; }
.mgn-t20 { margin-top:20px; }
.mgn-t30 { margin-top:30px; }
.mgn-t40 { margin-top:40px; }
.mgn-t50 { margin-top:50px; }
.mgn-t60 { margin-top:60px; }
.mgn-t70 { margin-top:70px; }
.mgn-t80 { margin-top:80px; }
.mgn-t90 { margin-top:90px; }
.mgn-t100 { margin-top:100px; }

.mgn-b05 { margin-bottom:5px; }
.mgn-b10 { margin-bottom:10px; }
.mgn-b15 { margin-bottom:15px; }
.mgn-b20 { margin-bottom:20px; }
.mgn-b30 { margin-bottom:30px; }
.mgn-b40 { margin-bottom:40px; }
.mgn-b50 { margin-bottom:50px; }

/*余白*/
.pad-t-05 { padding-top:-5px; }
.pad-t05 { padding-top:5px; }
.pad-t10 { padding-top:10px; }
.pad-t20 { padding-top:20px; }
.pad-t30 { padding-top:30px; }
.pad-t40 { padding-top:40px; }

.pad-b03 { padding-bottom:03px; }
.pad-b05 { padding-bottom:05px; }
.pad-b10 { padding-bottom:10px; }
.pad-b15 { padding-bottom:15px; }
.pad-b20 { padding-bottom:20px; }
.pad-b40 { padding-bottom:40px; }

.pad-r05 { padding-right:5px; }
.pad-r08 { padding-right:8px; }
.pad-r10 { padding-right:10px; }
.pad-r14 { padding-right:14px; }
.pad-r20 { padding-right:20px; }

.pad-l05 { padding-left:5px; }
.pad-l10 { padding-left:10px; }
.pad-l85 { padding-left:85px; }
.pad-l90 { padding-left:90px; }
.pad-l110 { padding-left:110px; }
.pad-l170 { padding-left:170px; }
.pad-l240 { padding-left:240px; }

.pad-05 { padding:5px; }

.f-lft { float:left; }
.f-rt { float:right; }

.t-lt { text-align:left; }
.t-rht { text-align:right; }
.t-ctr { text-align:center; }

/*幅*/
.w99p { width:99%; }
.w100p { width:100%; }

.w20 { width:20px; }
.w185 { width:185px; }
.w210 { width:210px; }
.w220 { width:220px; }
.w245 { width:245px; }
.w314 { width:314px; }
.w530 { width:530px; }
.w680 { width:680px; }

/*色*/
.c-og { color:#FF7200; }
.c-grn { color:#00AE0C; }
.c-red { color: #F00; }
.c-bk { color:#000; }

/*高さ*/
.h50 { height:50px; }
.h60 { height:60px; }
.h80 { height:80px; }
.h100 { height:100px; }
.h120 { height:120px; }
.h470 { height:470px; }

/*背景色*/

.bc-orange { background: #F93; }

/* =====================================
	footer
===================================== */

address {/*2010改訂に伴い不要だが将来アドレスが復活した時に備え保存。ネーミングページで使用*/
	font-style:normal;
	text-align:right;
	font-size:10px;
	padding: 20px 20px 5px 0;
	width: 927px;
	height: 32px;
	background-image: url(/common/images/footer.gif);
	color: #FFFFFF;
}

address a:link, address a:visited {/*09*/ color: #ffae00; }

address a:hover {/*09*/ color: #ffae00; }

/* =====================================
	ネーミング臨時
===================================== */
#namingBannerHome {
	position:absolute;
	top:240px;
	left:223px;
}