@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-05-16
------------------------------------------------------------ */


/* Sheet Index Style
------------------------------------------------------------ */

.sheetIndexBtn { width: 620px; height: 52px; }

.sheetIndexBtn li {
	float: left;
	padding-left: 0;
	background-image: none;
}

.sheetIndexBtn img { vertical-align: top; }


/* Sheet Title Style
------------------------------------------------------------ */

.sheetTitle {
	width: 620px;
	height: 195px;
	position: relative;
}

.sheetTitle .navi {
	position: absolute; top: 33px; right: 7px;
}

.sheetTitle .navi { height: 35px; }

.sheetTitle .navi li {
	float: left;
	padding-left: 0;
	background-image: none;
}

.sheetTitle .navi img { vertical-align: top; }

.sheetTitle .catch {
	position: absolute; top: 95px; right: 7px;
}


/* Sheet Challenge Style
------------------------------------------------------------ */

h3.sheetChallenge01,
h3.sheetChallenge02,
h3.sheetChallenge03,
h3.sheetChallenge04,
h3.sheetChallenge05 {
	font-size: 120%;
	line-height: 140%;
	padding-left: 10px;
	margin-bottom: 10px;
}

h3.sheetChallenge01 { border-left: solid 5px #dea62b; }
h3.sheetChallenge02 { border-left: solid 5px #7fa778; }
h3.sheetChallenge03 { border-left: solid 5px #e9827f; }
h3.sheetChallenge04 { border-left: solid 5px #a17e9f; }
h3.sheetChallenge05 { border-left: solid 5px #529db8; }

.sheetChallengeCheck {
	width: 620px;
	height: 90px;
	position: relative;
}

.sheetChallengeCheck p { position: absolute; top: 0; right: 0; }
.sheetChallengeCheck p img { vertical-align: middle; }

.sheetChallengeCheck a:link		{ color: #333333; text-decoration: none; }
.sheetChallengeCheck a:visited	{ color: #333333; text-decoration: none; }
.sheetChallengeCheck a:hover	{ color: #333333; text-decoration: none; }

.sheetChallenge2 {
	width: 620px;
	height: 595px;
	position: relative;
}

.sheetChallenge2 div { position: absolute; top: 0; left: 0; }

.sheetChallenge5 { height: 42px; }

.sheetChallenge5 .left {
	float: left;
	width: 300px;
	height: 40px;
	font-weight: bold;
	border-top: solid 1px #cfcecd;
	border-bottom: solid 1px #cfcecd;
	margin-right: 10px;
}

.sheetChallenge5 .left a {
	background: url(/j/syokuiku/kodomo_navi/sheet/img/check_arrow.gif) no-repeat left center;
	display: block;
	margin-top: 13px;
	padding-left: 19px;
}

.sheetChallenge5 a:link		{ color: #333333; text-decoration: none; }
.sheetChallenge5 a:visited	{ color: #333333; text-decoration: none; }
.sheetChallenge5 a:hover	{ color: #333333; text-decoration: none; }

.sheetChallenge5 .left a img {
	vertical-align: middle;
}

.sheetChallengeLink {
	height: 24px;
	text-align: center;
}

.sheetChallengeLink .back {
	background: url(/j/syokuiku/kodomo_navi/sheet/img/link_arrow_01.gif) no-repeat right center;
	padding-right: 20px;
}

.sheetChallengeLink .next {
	background: url(/j/syokuiku/kodomo_navi/sheet/img/link_arrow_02.gif) no-repeat left center;
	padding-left: 20px;
}

.sheetChallengeLink img { vertical-align: middle; }

.sheetChallengeLink a:link		{ color: #333333; text-decoration: none; }
.sheetChallengeLink a:visited	{ color: #333333; text-decoration: none; }
.sheetChallengeLink a:hover		{ color: #333333; text-decoration: none; }


/* Sheet Cooking Style
------------------------------------------------------------ */

.sheetCookingImg {
	float: right;
	padding-left: 30px;
}

.sheetCookingList {
	width: 620px;
	height: 265px;
	position: relative;
}

.sheetCookingList a { position: absolute; top: 9px; right: 5px; }
.sheetCookingAns { background: url(/j/syokuiku/kodomo_navi/sheet/img/answer_frame_02.gif) no-repeat left bottom #f6f1d6;}

.sheetCookingAns ul {
	background: url(/j/syokuiku/kodomo_navi/sheet/img/answer_frame_01.gif) no-repeat left top;
	padding: 20px;
}

.sheetCookingAns li {
	background: none;
	padding-left: 0;
}