@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; }
/* */

html {
	height: 100%;
}

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

*{
	margin:0;
	padding:0;
}

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

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

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 {/*ナビゲーション全体 09ik*/
	list-style:none;
}
.navi_logo{
	margin: 10px 0px 30px 30px;
}

.navi01{/*menu基礎知識*/
	width: 200px;
	height: 58px;
	background-image: url(/common/images/navi01.gif);
	background-repeat: repeat-x;
	padding-top: 35px;
	font-size:11px;
	line-height: 1.55;
	color:#673a19;
}

.navi01 li a{/*09ik*/
	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;}
	
/* =====================================
	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 0px 30px 10px;
	font-size:12px;
}

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

/*==========================================
販促サポート
==========================================*/
.promomidashi {
	background-color: #ffe2c0;
	margin: 0 0 10px;
	font-size:14px;
	padding: 3px 0px 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-color: #d6af63;
	border-width: 2px;
	border-style:solid;
	padding: 5px 10px 10px 5px;
	margin-bottom: 15px;
}

.eventpickuptitle {
	width: 680px;
	font-size:14px;
	padding: 3px 3px 3px 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);
}

.relationlink {/*09*/
	height:14px;
	font-size:10px;
	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;
}

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

address {/*09*/
	font-style:normal;
	text-align:right;
	font-size:10px;
	padding: 20px 20px 5px 0px;
	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;
}

/* =====================================
	common
===================================== */
.clearfloat {/* div フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要がある */
	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 0px 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-style: solid;
	border-color: #ffa200;
	border-width: 2px;
}

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

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

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

/* =====================================
	メキシカンポークはなぜ安心？
===================================== */
.check_box {
width:520px;
	background-color: #fffcd7;
	margin:10px;
	padding: 10px;
	border-style: solid;
	border-color: #45b700;
	border-width: 2px;
}

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

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

.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;
}

.check_arrow{
	width: 100%;
	text-align:center;
}

.check_arrow img{
	margin: 10px auto 10px auto;
}

.check_middle {
background-image:url(/check/images/arrowmiddle.gif);
background-repeat:repeat-y;
width:50px;
}
/* =====================================
	メキシカンポークレシピ
===================================== */

.recipe_category {/*h2*/
	background-color: #fbcbcb;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size:14px;
	padding: 3px 3px 3px 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;
}

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

.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;
	}
	
	/* =====================================
	プレミア試食会
===================================== */
	
	#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-style: solid;
	border-color: #ebeae5;
	border-width: 1px;
}
	
.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{}
.bizNews{/*bizニュースNewマーク*/
	/*display:none;*/
vertical-align:middle;}

.newsMark{
vertical-align:middle;
margin-left:0px;
_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-l180{margin-left:180px;}
.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-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-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;}
/*高さ*/
.h50{height:50px;}
.h60{height:60px;}
.h80{height:80px;}
.h100{height:100px;}
.h120{height:120px;}
.h470{height:470px;}