@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-02-20
------------------------------------------------------------ */


/* Check Style
------------------------------------------------------------ */

h2.check {
	width: 620px;
	height: 115px;
	border: 0;
	margin-bottom: 20px;
}

.checkRead {
	width: 590px;
	height: 32px;
	margin: 0 0 20px 15px;
}

.checkFrame1,
.checkFrame2,
.checkFrame3,
.checkFrame4 { position: relative; width: 620px; height: 609px; }
.checkFrame5 { position: relative; width: 620px; height: 644px; }

.checkFrame1 { background: url(/j/syokuiku/minna_navi/check/img/check_chart_bg1.gif) no-repeat left top; }
.checkFrame2 { background: url(/j/syokuiku/minna_navi/check/img/check_chart_bg2.gif) no-repeat left top; }
.checkFrame3 { background: url(/j/syokuiku/minna_navi/check/img/check_chart_bg3.gif) no-repeat left top; }
.checkFrame4 { background: url(/j/syokuiku/minna_navi/check/img/check_chart_bg4.gif) no-repeat left top; }
.checkFrame5 { background: url(/j/syokuiku/minna_navi/check/img/check_chart_bg5.gif) no-repeat left top; }

.checkStart {
	position: absolute;
	width: 133px;
	height: 25px;
	margin: 23px 0 0 43px;
}

.checkArrow1 { position: absolute; width: 60px; height: 18px; margin: 15px 0 0 425px; }
.checkArrow2 { position: absolute; width: 60px; height: 18px; margin: 15px 0 0 523px; }

.checkChart { padding: 48px 0 0 11px; }
.checkChart ul { clear: both; }

.checkChart li {
	float: left;
	height: 167px;
	background-image: none;
	padding: 0 20px 0 0px;
	margin: 0;
}

.checkChart img {
	width: 159px;
	vertical-align: bottom;
	margin-left: 20px;
}

.checkNavi { width: 620px; height: 85px; }
.checkNavi li { float: left; padding-left: 0; }
.checkNavi img { vertical-align: bottom; }

.selectFrame1 { background-color: #f19137; }
.selectFrame2 { background-color: #29beff; }
.selectFrame3 { background-color: #fb6ebd; }
.selectFrame4 { background-color: #28b857; }
.selectFrame5 { background-color: #be6e0b; }

.selectFrame1,
.selectFrame2,
.selectFrame3,
.selectFrame4,
.selectFrame5 { position: relative; width: 620px; color: #ffffff; }

.selectType {
	position: absolute;
	width: 130px;
	height: 70px;
	margin: 40px 0 0 46px;
}

.selectRead {
	font-size: 125%;
	padding: 30px 30px 18px 225px;
}

.selectText { padding: 0 30px 40px 225px; }

.linkarea_index{
	width: 620px;
	margin: 0;
	padding:10px 20px 10px 20px;
	background: url(/j/syokuiku/minna_navi/check/img/linkarea_index_bg.gif) repeat-y;
}

.check_index_btarea{
	text-align:center;
	width: 620px;
	height: 521px;
	margin: 0;
	padding: 0 20px 0 20px;
	background: url(/j/syokuiku/minna_navi/check/img/btarea_bg_index.gif) no-repeat left top;
}

.check_index_btarea_cont1{
	width: 580px;
	padding: 0;
	margin: 0;
}

.check_index_btarea_cont2{
	width: 380px;
	margin: 0 auto;
	padding: 0;
}