@charset "utf-8";
/*===============================================
リセット
===============================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin: 0; padding: 0;} table{ border-collapse: collapse; border-spacing: 0;} img{ border: none; vertical-align: bottom;} address,caption,cite,code,dfn,em,strong,th,var{ font-style:normal; font-weight:normal;} article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{ display: block;}
a{ text-decoration: none; color: #111111;} a:hover{ text-decoration: underline;} label{ cursor: pointer;}
/*===============================================
共通
===============================================*/
body{
color: #333;
line-height: 1.6;
background-color:#fff;
}
header {
	/*position: fixed; */
	top: 0px;					/* 位置(上0px) */
	left: 0px;					/* 位置(右0px) */
	width: 100%;
	height:    57px;
	background-image: url("img/nervous.jpg");
	background-repeat: no-repeat;
	background-position: center;
	margin-top: 0;
	margin-bottom: 0;
	z-index:2;
}
#cook {
  margin: 10px;
  width: 100%;
  height: 130px;
  list-style: none;
  /*border: 2px solid #00f;*/
}
#cook li {
  margin: 5px;
  width: 200px;
  height: 130px;
  float: left;
  position: relative;
}
#cook li img {
  position: absolute;
}
#cook li.off, #cook li.lock {
  pointer-events : none;
}