@charset "utf-8";

@import url('../../common/css/base.css');
/* CSS Document */

#header {
	position: relative;
	height: 400px;
	overflow: hidden;
	background: url(/event/images/bg_gray.gif);
	z-index: 1;
}

/* HeaderInner */
#header-inner {
	position:relative;
	width: 950px;
	height: 400px;
	margin: 0px auto;
	z-index: 2;
}

/* HeaderBackground */
#back-img {
	display: block;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

#event {
	position: absolute;
	width: 950px;
	height: 250px;
	top: 150px;
	left: 0px;
	z-index: 2;
}
#event img.bt {
	top: 40px;
	left: 30px;
}

#page-navi {
	text-align: center;
}
#main-container {
	margin: 0px;
}

/* Outline */
table#outline {
	width: 870px;
	margin-bottom: 30px;
}
table#outline th,table#outline td {
	color: #333;
	border-bottom: 2px dotted #CCC;
}
table#outline th {
	padding-right: 40px;
	white-space: nowrap;
	text-align: left;
}
table#outline td {
	padding: 10px 0px 10px 20px;
	border-left: 10px solid #C0F3FE;
}
table#outline td strong {
	font-size: 18px;
}
table#outline td em {
	color: #393;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	font-style: normal;
}
table#outline td div {
	position: relative;
}
table#outline td a.bigsite {
	position: absolute;
	padding: 3px 20px;
	font-size: 12px;
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	top: 20px;
	right: 0px;
	background: #00A358;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #000;　/* Firefox用 */  
	-webkit-box-shadow: 1px 1px 3px #000;　/* Safari,Google Chrome用 */ 
}
table#outline td a.bigsite:hover {
	background: #33B67A;
}

/* DemoSchedule */
.demo #main-inner {
	background: #FFF url(/event/hcj2013/images/bg_cooking-show.jpg) no-repeat top right;
}
.demo-schedule p.read-copy {
	margin-bottom: 30px;
}
#main-container .demo-schedule h2 {
	padding-bottom: 5px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #008CFF;
	border-bottom: 3px dotted #999;
}
.cookeverio {
	margin-top: 20px;
}
.schedule {
	margin-bottom: 30px;
}
table#demo-schedule {
	width: 870px;
	margin-bottom: 30px;
}
table#demo-schedule th,table#demo-schedule td {
	padding:5px 10px;
	color: #333;
}
table#demo-schedule th {
	text-align: left;
	border-bottom: 2px solid #666;
}
table#demo-schedule td {
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
}
table#demo-schedule th.category {
	width: 140px;
	padding-left:10px;
	background: url(/event/hcj2013/images/bg_th-schedule.gif) no-repeat center top;
}
table#demo-schedule td.recipe {
	line-height: 1.4em;
	text-align: center;
	background: url(/event/hcj2013/images/bg_td-schedule.gif) no-repeat center center;
}
table#demo-schedule td.recipe span {
	font-size: 12px;
	font-weight: normal;
}
table#demo-schedule td.theme {
	width: 110px;
	height: 110px;
	text-align: center;
	font-weight: bold;
	color: #FFF;
	line-height: 1.4em;
}
table#demo-schedule td.meat {
	background: url(/event/hcj2013/images/bg_11.gif) no-repeat center center;
}
table#demo-schedule td.fish {
	background: url(/event/hcj2013/images/bg_12.gif) no-repeat center center;
}
table#demo-schedule td.vegetable {
	background: url(/event/hcj2013/images/bg_13.gif) no-repeat center center;
}
table#demo-schedule td.fruit {
	background: url(/event/hcj2013/images/bg_14.gif) no-repeat center center;
}
table#demo-schedule td.grain {
	background: url(/event/hcj2013/images/bg_15.gif) no-repeat center center;
}
table#demo-schedule td.meat-recipe {
	color:#AF1B40;
	font-weight: bold;
	text-shadow: 1px 1px 0px #FFF;
}
table#demo-schedule td.fish-recipe {
	color:#3D477A;
	font-weight: bold;
	text-shadow: 1px 1px 0px #FFF;
}
table#demo-schedule td.vegetable-recipe {
	color:#00A358;
	font-weight: bold;
	text-shadow: 1px 1px 0px #FFF;
}
table#demo-schedule td.fruit-recipe {
	color:#D15274;
	font-weight: bold;
	text-shadow: 1px 1px 0px #FFF;
}
table#demo-schedule td.grain-recipe {
	color:#D8721D;
	font-weight: bold;
	text-shadow: 1px 1px 0px #FFF;
}
#demo-machine {
	position: relative;
	width: 810px;
	padding: 0px 30px;
	margin-bottom: 20px;
}
#demo-machine p {
	float: left;
	padding-right: 70px;
	font-size: 12px;
}
#demo-machine p img {
	margin-bottom: 10px;
}
#demo-machine p strong {
	color:#06C;
}
#demo-machine p.r-end {
	padding-right: 0px;
}