@charset "utf-8";

/* ======================================================
	基本CSS
======================================================= */
html,body{height: 100%;}
body >#wrapper{height: auto;}
body{
	image-rendering: optimizespeed;
	-webkit-text-size-adjust: 100%;
	-webkit-touch-callout: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6em;
	font-weight: bold;
	min-width: 320px;
	width: 100%;
	text-align: center;
	color: #000;
 }
html{font-size:62.5%;}
body{font-size: 14px; font-size: 1.4rem;}

p  { font-size: 1.4rem;
padding: 0.1em 0;
line-height:1.6em ;
}

img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	width: 100% ;
}

/* ======================================================
	基本モジュール
======================================================= */
/* wrapper */
#wrapper {
	padding: 0;
	margin: 0 auto;
 	text-align:center; 
	overflow: hidden;
	background-color: #fff;
	height:100%;
	min-height: 100%;
	position: relative;
		}
		
/* header */
#header{
	position:relative;
	top: 0;
	width: 100%;
	height: auto;
	}
	
/* footer */
#footer {
background-color: #ffe33b;
    margin-top: 1em;
    border-top: 2px solid #ffe33b;
    padding: 0.5em 0;
	clear:both;
}

#footer .copyright {
    text-align: center;
    font-size: 1.0rem;
}

/* コンテンツ */
#contents {
	overflow: hidden;
	margin: 0.3em auto 0;
	width: 100%;
}

/******----------- main-----------******/
#main{width: 100%;}

#main p.sttl,.info p.IMG{padding:0;}

#main ul.flyer {
margin-top: 0.2em;
margin-bottom: 0.2em;
}

#main ul.flyer li{display: block;}

/******----------- recipe-----------******/



/******----------- info-----------******/
.info {width: 100%; margin-bottom: 0.5em;}

.info ul{ }

.info ul li{
display: block;
margin-bottom: 0.2em ;
}

/******----------- link-----------******/
.link {width: 100%;}
.link table{width: 100%;}

.link table tr.nml{/*ノーマル*/
color: #000;
background-color: #fff;}

.link table tr.recipe{/*ノーマル*/
color: #000;
margin-bottom: 0.2em;
background-color: #fff;}



.link table tr.ccpd{/*バナーの種類で変えられます*/
color: #330000;
background-color: #F5EEE8;}

.link table td.txt{
width: 40%; 
font-size: 1.2rem;
padding: 0.1em;
vertical-align: middle;
line-height: 1.3em;
text-align: center;
}
.link table td.banner{
width: 58%;
 padding: 1px 0;
 vertical-align: middle;
 }
 
.link table td.bannerAll{
width: 100%;
 padding: 1px 0;
 vertical-align: middle;
 }