/**
CONTENS
*/

.line {
	padding: 5em 0;
}
.first {
	padding: 1em 0 4em;
}
.scond {
	padding: 1em 0 5em;
}
#container {
	margin: 0 auto;
	width: 1024px;
}
a.anchor {
	width: 0;
	height: 0;
}
.section3 {
	padding-top: 6em;
}
.section6 {
	padding: 6em 0 2em;
}
.section8 {
	padding: 3em 0;
}
.section9 {
	padding-bottom: 6em;
}
.food, .profile {
	background-color: #f6f5ed;
	overflow: hidden;
}
.food {
	padding: 2em 0 2em 4%;
}
.food dl {
	width: 30%;
	float: left;
}
.food dl img {
	width: 100%;
	height: auto;
}
.food dl.food2 {
	width: 36%;
	padding: 0 3%;
}
.food h2 {
	padding: 1em 0 0.5em;
	text-align: center;
}
.food h1 {
	border: 2px solid #b39555;
	padding: 0.2em;
	color: #b39555;
	font-size: 1.2em;
	text-align: center;
}
.food dd {
	padding-top: 1em;
}
.food p {
	font-size: 0.9em;
	padding-bottom: 1.5em;
}
.food dd h2 {
	border-top: 1px dotted #ccc;
	color: #FF8000;
}
.food dd h2.color2 {
	color: #408000;
}
.profile .ifca {
	width: 30%;
	padding: 3em 3%;
	text-align: center;
	float: left;
}
.profile .ifca img {
	width: 100%;
	height: auto;
}
.profile .teacher {
	width: 69%;
	float: right;
	padding: 0 0 0 3%;
	border-left: 1px solid #ccc;
}
.profile .teacher .image {
	float: right;
	padding-left: 2em;
}
.profile .teacher h1 {
	font-size: 1.6em;
	padding: 1.4em 0 0.5em;
}
.profile .teacher .list {
	font-size: 0.9em;
}
.profile .teacher .scroll {
	height: 14.5em;
	overflow-y: scroll;
}
.movie-aria {
    padding: 50px 0;
}
.start {
	padding-bottom: 2em;
}
#page-guide-area {
	padding-top: 2em;
	border-top: 1px solid #ccc;
}

/*
@media screen and (max-width: 1024px) {
	#container {
		width: 100%;
	}
	#computer #container #oil-img img {
		width: 100%;
		height: auto;
	}
	.food h2 span {
		display: none;
	}
}
*/

/*
 * movie
*/
/* pc btn */
#oil-img {
	position: relative;
}
#openBtn {
	cursor: pointer;
	display: block;
	width: 220px;
	height: 220px;
	position: absolute;
	top: 290px;
	left: 780px;
}