@charset "UTF-8";

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


/* Letstry Style
------------------------------------------------------------ */

.letstryText { float: left; width: 400px; }
.letstryImg { float: right; width: 171px; }

.letstryNavi {
	position: relative;
	width: 300px;
	background-color: #e2ff7f;
}

.letstryNaviLeft { float: left; width: 300px; }
.letstryNaviRight { float: right; width: 300px; }

.letstryNavi .icon {
	position: absolute; bottom: 0; left: 0;
	width: 300px;
}

.letstryNavi p.text { padding: 5px 10px 0 116px; }

.letstryNavi p.link {
	text-align: right;
	padding: 0 20px 15px 0;
}

.letstryNavi p.link span.arrow {
	background: url(/j/syokuiku/kodomo_navi/letstry/img/letstry_arrow.gif) no-repeat right;
	font-size: 80%;
	padding: 4px 20px 4px 0;
	zoom: 1;
}


/* Sample Style
------------------------------ */

.sampleText { float: left; width: 420px; }
.sampleImg { float: right; width: 171px; }


/* Count Style
------------------------------ */

.countTable {
	width: 620px;
	background-color: #333333;
}

.countTable td {
	background-color: #ffffff;
	vertical-align: middle;
	padding: 4px 5px 3px 5px;
}

.countTable td.category1 { font-weight: bold; color: #ffffff; background-color: #dea62b; vertical-align: middle; text-align: center; white-space: nowrap; }
.countTable td.category2 { font-weight: bold; color: #ffffff; background-color: #7fa778; vertical-align: middle; text-align: center; white-space: nowrap; }
.countTable td.category3 { font-weight: bold; color: #ffffff; background-color: #e9827f; vertical-align: middle; text-align: center; white-space: nowrap; }
.countTable td.category4 { font-weight: bold; color: #ffffff; background-color: #a17e9f; vertical-align: middle; text-align: center; white-space: nowrap; }
.countTable td.category5 { font-weight: bold; color: #ffffff; background-color: #529db8; vertical-align: middle; text-align: center; white-space: nowrap; }

.countTable td.name1 { background-color: #f6dcab; }
.countTable td.name2 { background-color: #d0e1c8; }
.countTable td.name3 { background-color: #f9d0cb; }
.countTable td.name4 { background-color: #decbdc; }
.countTable td.name5 { background-color: #cde6f5; }

.countCarry { float: left; padding-right: 20px; }


/* Chart Style
------------------------------ */

.chartTable1 {
	width: 620px;
	background-color: #333333;
}

.chartTable1 th {
	color: #ffffff;
	background-color: #666666;
	vertical-align: middle;
	padding: 4px 5px 3px 5px;
}

.chartTable1 th.title { text-align: left; }

.chartTable1 td {
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 4px 5px 3px 5px;
}

.chartTable1 td.category1 { width: 20px; font-weight: bold; color: #ffffff; background-color: #dea62b; text-align: center; vertical-align: middle; }
.chartTable1 td.category2 { width: 20px; font-weight: bold; color: #ffffff; background-color: #7fa778; text-align: center; vertical-align: middle; }
.chartTable1 td.category3 { width: 20px; font-weight: bold; color: #ffffff; background-color: #e9827f; text-align: center; vertical-align: middle; }
.chartTable1 td.category4 { width: 20px; font-weight: bold; color: #ffffff; background-color: #a17e9f; text-align: center; vertical-align: middle; }
.chartTable1 td.category5 { width: 20px; font-weight: bold; color: #ffffff; background-color: #529db8; text-align: center; vertical-align: middle; }

.chartTable1 td.name1 { background-color: #f6dcab; text-align: left; vertical-align: middle; }
.chartTable1 td.name2 { background-color: #d0e1c8; text-align: left; vertical-align: middle; }
.chartTable1 td.name3 { background-color: #f9d0cb; text-align: left; vertical-align: middle; }
.chartTable1 td.name4 { background-color: #decbdc; text-align: left; vertical-align: middle; }
.chartTable1 td.name5 { background-color: #cde6f5; text-align: left; vertical-align: middle; }

.chartTable2 {
	width: 620px;
	background-color: #333333;
}

.chartTable2 th {
	color: #ffffff;
	background-color: #666666;
	vertical-align: middle;
	padding: 4px 5px 3px 5px;
}

.chartTable2 td {
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 4px 5px 3px 5px;
}

.chartTable2 td.name { background-color: #f6dcab; text-align: left; vertical-align: middle; }


/* Count Style
------------------------------ */

.countArrow { text-align: right; }

.countArrow span.arrow {
	background: url(/j/syokuiku/kodomo_navi/letstry/img/count_arrow.gif) no-repeat left 3px;
	padding-left: 30px;
}


/* Test Style
------------------------------ */

.testList1 { height: 1041px; }

.testList1 ul {
	clear: both;
}

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

.testList1 li img { vertical-align: top; }

.testList2 { height: 190px; }

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

.testList2 li img { vertical-align: bottom; }

.testFrame { background: url(/j/syokuiku/kodomo_navi/letstry/img/test_frame_02.gif) no-repeat left bottom #f6f1d6;}

.testFrame ul {
	background: url(/j/syokuiku/kodomo_navi/letstry/img/test_frame_01.gif) no-repeat left top;
	padding: 15px 15px 10px 15px;
}

.testFrame ul li {
	background-image: none;
	padding: 0 0 10px 0;
}