@charset "UTF-8";

/* =====================================
	recipemain
===================================== */
#recipecontainer {/*レシピ*/
	position:relative;
	width: 642px;
	margin: 0px auto;
	text-align: left;
	border-top: 27px solid #673a19;
}

#recipeBox {/*ikuos*/
	width: 620px;
	padding:10px 10px 60px;
	border: 1px solid #cacaca;
	background: url(../images/rfooter.gif) no-repeat left bottom;
}

.rtitle {/*h1料理名*/
	padding: 5px 0px 5px 5px;
	background-color:#fbcbcb;
	font-size: 16px;
	font-weight: bold
}

#recipe {
	margin-top: 10px;
	width:100%;
}

#recipe dt { float:left; }

#recipe dd { margin-left:363px; }

#recipe dd ul {
	padding-left: 5px;
	font-size: 12px;
	list-style:none;
	padding-top:-2px;
}

.rmidashi01, .rmidashi02 {/*h2,h3*/
	padding: 5px 0px 4px 5px;
	margin-bottom: 5px;
	font-size: 14px;
	color: #856147;
	background-color:#e7e0da;
	border-color: #856147;
	border-width: 0px 0px 2px 4px;
	border-style: solid;
}

.rmidashi01 {/*h2*/ margin-left: 5px; }

.rtext01 {
	padding-left: 5px;
	font-size: 12px;
}

.rmidashi03 {/*h4シェフの一言*/
	padding: 5px 0px 4px 5px;
	margin: 15px 0 5px;
	font-size: 14px;
	color: #856147;
	background-color:#ffeacf;
	border: 1px solid #856147;
}

.chef {/*コメント*/
	margin-top: -6px;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #856147;
}

/* =====================================
	number
===================================== */

.pochi {
	list-style-image: url(/recipe/images/pochi.gif);
	list-style-position: outside;
	margin-left: 20px;
}

.pochili {
	list-style:none;
	padding-left:10px;
	background:url(/recipe/images/pochi.gif) no-repeat top left;
}

.howtolist li {/*作り方手順*/
	padding:0 0 10px 25px;
	font-size: 12px;
	list-style: none;
}

.no1 {
	background-image: url(/recipe/images/no1.gif);
	background-repeat: no-repeat;
}

.no2 {
	background-image: url(/recipe/images/no2.gif);
	background-repeat: no-repeat;
}

.no3 {
	background-image: url(/recipe/images/no3.gif);
	background-repeat: no-repeat;
}

.no4 {
	background-image: url(/recipe/images/no4.gif);
	background-repeat: no-repeat;
}

.no5 {
	background-image: url(/recipe/images/no5.gif);
	background-repeat: no-repeat;
}

.no6 {
	background-image: url(/recipe/images/no6.gif);
	background-repeat: no-repeat;
}

.no7 {
	background-image: url(/recipe/images/no7.gif);
	background-repeat: no-repeat;
}

.no8 {
	background-image: url(/recipe/images/no8.gif);
	background-repeat: no-repeat;
}

.no9 {
	background-image: url(/recipe/images/no9.gif);
	background-repeat: no-repeat;
}

.no10 {
	background-image: url(/recipe/images/no10.gif);
	background-repeat: no-repeat;
}

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

.closebt {
	width: 640px;
	margin-right: 0;
	margin-top: 10px;
	padding-bottom: 30px;
	text-align:right;
}

/* =====================================
	メキシカンポークフェア　メキシカンポーク×ぐるなび
===================================== */

.rmain {/*メキシカンポーク×ぐるなびの各shopbox*/
	width: 620px;
	padding: 10px 0px 10px 10px;
}

.fairtitle {/*h2*/
	padding: 5px 0px 5px 5px;
	background-color:#FFF4AB;
	font-size: 16px;
	font-weight: bold;
}

.shopPht {/*09ik*/
	margin-top:10px;
	padding-bottom:10px;
	font-size: 10px;
	list-style:none;
}

.shopInfo {/*09ik-table全体*/
	width:100%;
	border-collapse:collapse;
	margin: 10px 0;
	border: 1px solid #cacaca;
	font-size: 12px;
}

.shopInfo th, .shopInfo td {/*09ik*/
	border-collapse:collapse;
	padding: 3px;
	border: 1px solid #cacaca;
}

.shopInfo th {/*09ik支店名*/
	border-collapse:collapse;
	padding: 3px;
	border: 1px solid #cacaca;
	background: #FFFFDD;
	font-weight:normal;
	text-align:left;
}

.infoitem {/*09ik住所・TEL*/
	background: #FFF2CF;
	white-space:nowrap;
}

/* =====================================
	CM-window
===================================== */
#cmBox {
	border-top: 10px solid #673a19;
	padding:10px 0 60px;
	text-align: center;
	background: url(../images/rfooter.gif) no-repeat left bottom;
}

.closebt2 {
	margin-right: 10px;
	margin-top: 10px;
	text-align:right;
}

/* =====================================
	data-window
===================================== */

#dataBox {
	width:810px;
	position:relative;
	margin: 0px auto;
	padding:10px 10px 60px;
	border-right: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-top: 27px solid #673a19;
	text-align: left;
}

#datafooter {
	background: #673A19 url(../images/rfooter.gif) no-repeat left bottom;
	position:relative;
	width:830px;
	margin: 0px auto;
	height:50px;
	border-right: 1px solid #cacaca;
	border-left: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

.datatable {
	width:100%;
	border-collapse:collapse;
	font-size: 12px;
	margin:0 0 5px;
}

.datatable caption { text-align:right; }

.datatable td {
	border-collapse:collapse;
	padding: 2px;
	border: 1px solid #cacaca;
}

.datatable .year {
	text-align:center;
	font-weight:bold;
	background:#FC3;
}

.closebt3 {
	width:800px;
	position:relative;
	margin:10px auto 0;
	padding:0 10px 30px 0;
	text-align:right;
}