@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------
	reset
--------------------------------------------------*/
#content * {
	margin: 0;
	padding: 0;
}


/*--------------------------------------------------
	common parts
--------------------------------------------------*/
#content a:hover img,
#content a:focus img,
#content a:active img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#content .present {
	padding: 10px 15px 10px 55px;
	background: #fff4f0 url(../images/bg_present.gif) no-repeat 5px 10px;
}

#content .present p {
	margin-bottom: 0 !important;
}

#movebtn {
	padding: 30px 0;
	text-align: center;
}


/*--------------------------------------------------
	index.html
--------------------------------------------------*/
/* --- pagetitle --- */
#pagetitle {
	position: relative;
}

#pagetitle .text {
	width: 395px;
	font-size: 12px;
	line-height: 1.25;
	position: absolute;
	top: 230px;
	left: 15px;
}

#pagetitle .offer {
	margin-top: 5px;
	font-size: 12px;
	text-align: right;
}

.recipe span {
	color: red;
}
.recipe .indegre {
	position: relative;
}
.recipe .indegre p.person {
	position: absolute;
	top: 10px;
	right: 5px;
}

/* --- column01 --- */
#column01 {
	width: 711px;
	height: 444px;
	margin-top: 12px;
	padding-top: 85px;
	background: transparent url(../images/bg_column01.jpg) no-repeat;
}

#column01 .recipe {
	width: 285px;
	margin: 0 0 0 399px;

}

#column01 .recipe h3 {
	font-size: 0.01em;
	text-indent: -9999px;
}

#column01 .recipe h4 {
	margin: 0 0 7px 8px;
}

#column01 .recipe .indegre {
	width: 269px;
	padding: 8px;
	margin-bottom: 10px;
	background-color: #fff5e9;
}

#column01 .recipe .indegre h4 {
	margin-left: 0;
}

#column01 .recipe .indegre .data {
	margin-top: 10px;
}

#column01 .recipe .indegre p {
	font-size: 12px;
	line-height: 1.5;
}

#column01 .recipe ol {
	margin-left: 30px;
}

#column01 .recipe ol li {
	font-size: 14px;
	line-height: 1.5;
}


/* --- column02 --- */
#column02 {
	width: 711px;
	height: 444px;
	margin-top: 12px;
	padding-top: 85px;
	background: transparent url(../images/bg_column02.jpg) no-repeat;
}

#column02 .recipe {
	width: 285px;
	margin: 0 0 0 399px;
}

#column02 .recipe h3 {
	font-size: 0.01em;
	text-indent: -9999px;
}

#column02 .recipe h4 {
	margin: 0 0 7px 8px;
}

#column02 .recipe .indegre {
	width: 269px;
	padding: 8px;
	margin-bottom: 10px;
	background-color: #fff5e9;
}

#column02 .recipe .indegre h4 {
	margin-left: 0;
}

#column02 .recipe .indegre .data {
	margin-top: 10px;
}

#column02 .recipe .indegre p {
	font-size: 12px;
	line-height: 1.5;
}

#column02 .recipe ol {
	margin-left: 30px;
}

#column02 .recipe ol li {
	font-size: 14px;
	line-height: 1.5;
}


/* --- column03 --- */
#column03 {
	width: 711px;
	height: 444px;
	margin-top: 12px;
	padding-top: 85px;
	background: transparent url(../images/bg_column03.jpg) no-repeat;
}

#column03 .recipe {
	width: 285px;
	margin: 0 0 0 399px;
}

#column03 .recipe h3 {
	font-size: 0.01em;
	text-indent: -9999px;
}

#column03 .recipe h4 {
	margin: 0 0 7px 8px;
}

#column03 .recipe .indegre {
	width: 269px;
	padding: 8px;
	margin-bottom: 10px;
	background-color: #fff5e9;
}

#column03 .recipe .indegre h4 {
	margin-left: 0;
}

#column03 .recipe .indegre .data {
	margin-top: 10px;
}

#column03 .recipe .indegre p {
	font-size: 12px;
	line-height: 1.5;
}

#column03 .recipe ol {
	margin-left: 30px;
}

#column03 .recipe ol li {
	font-size: 14px;
	line-height: 1.5;
}


/* --- column04 --- */
#column04 {
	width: 701px;
	height: 196px;
	margin: 24px auto 0;
	position: relative;
	background: transparent url(../images/bg_column04.jpg) no-repeat;
}

#column04 h4 {
	color: #e1442f;
	font-size: 18px;
	font-weight: bold;
	position: absolute;
	top: 24px;
	left: 215px;
}

#column04 p {
	width: 350px;
	font-size: 14px;
	line-height: 1.5;
	position: absolute;
	top: 64px;
	left: 210px;
}


/* --- teacher --- */
#teacher {
	margin-top: 35px;
	font-size: 12px;
	line-height: 1.5;
	border: 1px solid #ccc;
	background: transparent url(../images/bg_teacher.gif) no-repeat left bottom;
}

#teacher .left {
	width: 372px;
	margin: 14px;
	float: left;
	background-color: #fef3f2;
}

#teacher .left .photo {
	float: left;
}

#teacher .left .text {
	width: 195px;
	margin-left: 15px;
	float: left;
}

#teacher .left h4 {
	padding: 10px 0;
}

#teacher .right {
	width: 290px;
	margin-top: 25px;
	float: left;
}

#teacher .right h4 {
	margin-bottom: 7px;
}


/* --- present --- */
#present {
	margin: 20px 0 30px;
	padding: 0 0 18px;
	border: 1px solid #ffaab6;
}

#present .title {
	height: 216px;
	background: transparent url(../images/bg_present.jpg) no-repeat center bottom;
}

#present .title h3 {
	font-size: 0.01em;
	text-indent: -9999px;
}

#present .title dl {
	margin: 80px 0 0 15px;
	width: 390px;
}

#present .title dl dt {
	margin-bottom: 5px;
	color: #0c7d2f;
	font-size: 18px;
	font-weight: bold;
}

#present .title dl dd {
	line-height: 1.5;
}

#present .app {
	text-align: center;
}

#present .app dl {
	margin: 10px 0 20px;
}

#present .app dl dt {
	color: #f14d64;
	line-height: 1.5;
}

#present .app dl dd {
	line-height: 1.5;
}

#present .caution {
	margin: 0 18px;
	padding: 5px 12px 12px;
	background-color: #eee;
}

#present .caution dl * {
	font-size: 12px;
}

#present .caution dl dt {
	margin-top: 10px;
}

#present .caution dl dd ul {
	margin-left: 25px;
}

#present .caution dl dd ul li {
	line-height: 1.5;
}