@charset "utf-8";
/* ================================================
構成css
================================================ */

#mainBtn4 a { background-position: -352px -51px;}




/* エリア
----------------------------------------------------------------------------- */


#kiji_ttl {
	background-image: url(../imgs/kousei/title.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 550px;
	font-size: 1%;
	line-height: 1%;
}

#kiji_ttl h2 {
	width: 550px;
	height: 33px;
	/* \*/overflow: hidden;
	display: block;
}

#spiral_ttl {
	background-image: url(../imgs/kousei/spiral/title.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 550px;
	font-size: 1%;
	line-height: 1%;
}
#spiral_ttl h2 {
	width: 550px;
	height: 33px;
	/* \*/overflow: hidden;
	display: block;
}

#level_ttl {
	background-image: url(../imgs/kousei/level/title.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 550px;
	font-size: 1%;
	line-height: 1%;
}
#level_ttl h2 {
	width: 550px;
	height: 33px;
	/* \*/overflow: hidden;
	display: block;
}

#kousei {
	margin:0;
	width: 480px;
	height:100%;
}

#kousei h3 {
	width: 480px;
	height: 72px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-image: url(../imgs/kousei/kousei_07.gif);
	background-repeat: no-repeat;
	padding-bottom: 10px;
}
#kousei #KoRead {
	font-size: 100%;
	line-height: 140%;
	font-weight: bold;
	padding-bottom: 28px;
	color: #333333;
	width: 480px;
}

#kousei #KoRead p.lnk{
	margin-top:8px;
	text-align:right;
}
#kousei #KoRead p.lnk a{
	text-align:right;
	font-size:108%;
	font-weight:bold;
	color:#00C;
}

#kousei #KoRead p.lnk a:hover{
	color:#F30;
}
#kousei h4 {
	background-image: url(../imgs/kousei/kousei_10.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 480px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	padding-bottom: 20px;
}
#corse_kakomi_bg {
	background-image: url(../imgs/kousei/corse_bg.gif);
	background-repeat: repeat-y;
	margin-bottom: 10px;
	width: 480px;
}
#corse_kakomi_bg_line {
	font-size: 1%;
	line-height: 1%;
	background-image: url(../imgs/kousei/corse_bg_line.gif);
	background-repeat: no-repeat;
	height: 2px;
	width: 480px;
}

#kousei dl {
	
}
#kousei dt {

}
#corse_kakomi_bg dd {
	padding-top: 13px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}



#kousei dl.nen1 {
	float: left;
	width: 233px;
}
#kousei dl.nen2 {
	float: right;
	width: 233px;
}

#kousei dt.nen1 {
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	height: 30px;
	width: 233px;
	background-image: url(../imgs/kousei/kousei_12.gif);
	background-repeat: no-repeat;
}
#kousei dt.nen2 {
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	height: 30px;
	width: 233px;
	background-image: url(../imgs/kousei/kousei_14.gif);
	background-repeat: no-repeat;
}
#hosoku_corse {
	font-size: 82%;
	line-height: 160%;
	text-align: left;
	margin-bottom: 20px;
	font-weight: bold;
	width: 480px;
}




#yajirushi {
	background-image: url(../imgs/kousei/kousei_13.gif);
	background-repeat: no-repeat;
	float: left;
	height: 199px;
	width: 14px;
	font-size: 1%;
	line-height: 1%;
}
#kousei dl.spiral {
	float: left;
	width: 300px;
}
#kousei .spiral dt {
	font-size: 120%;
	line-height: 200%;
	font-weight: bold;
	color: #0052c9;
	width: 300px;
	padding-top: 2px;
}
#kousei ol li {
	float: right;
	width: 180px;
	text-align: right;
}

#kousei .spiral dd {
	line-height: 140%;
	width: 300px;
	padding-top: 3px;
	padding-bottom: 3px;
}
.bold_red {
	font-weight: bold;
	color: #FF0000;
}
#kousei #lastcaiton {
	margin-top: 15px;
	padding-top: 5px;
	padding-bottom: 10px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #0066FF;
	border-bottom-color: #0066FF;
	width: 480px;
}
#lastcaiton li {
	list-style-position: inside;
	list-style-type: disc;
	padding-right: 10px;
	padding-left: 15px;
	text-indent: -12px;
}

/*スパイラル学習*/
#kousei #step {
	background:url(../imgs/kousei/spiral/step_bg.jpg) no-repeat top left;
	margin:10px 0 0 0;
	width: 480px;
	height:850px;
}
#kousei #step p.bar{
	float:right;
	margin-bottom:2em;
}
#kousei #step dl{
	clear:both;
	padding-bottom:1.6em;
}
#kousei #step dt{
	float:left;
	margin-right:1em;
	margin-bottom:2em;
}
#kousei #step dd.top{
	padding-top:1.4em;
}
#kousei #step dd.btm{
	padding-top:1em;
}
#btn_pdflink {
	float: right;
	height: 34px;
	width: 81px;
	text-align: left;
}
#btn_pdflink #btn_big {
	background-image: url(../imgs/kyouzai/kakudai.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 81px;
}
#btn_pdflink #btn_answer {
	background-image: url(../imgs/kyouzai/btn_answer.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 81px;
}
#qa{
	margin-top:60px;
	padding-left:50px;
	width:430px;
	text-align:center;
}
#qa p.qws{
	padding-right:20px;
}

#qa p.qes a,#qa p.ans a{
	float:left;
	margin-right:2em;
}
#qa p.qes a {
	width: 167px;
	height: 38px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/kousei/spiral/btn_q.jpg);
}
#qa p.ans a {
	width: 167px;
	height: 38px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/kousei/spiral/btn_a.jpg);
}
#qa p.qes a,#qa p.ans a { background-position: 0px 0px; }
#qa p.qes a:hover,#qa p.ans a:hover  { background-position: 0px -38px; }


/*拡大表示*/
#btn_big a {
	width: 81px;
	height: 34px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/kyouzai/kakudai.gif);
}
#btn_big a { background-position: 0px 0px; }
#btn_big a:hover  { background-position: 0px -34px; }


/*速さの問題*/
#btn_pdflink_l {
	float: right;
	margin-right:5px;
	height: 34px;
	width: 90px;
	text-align: left;
}
#btn_pdflink_l #btn_big_l {
	background-image: url(../imgs/kyouzai/btn_speed.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 90px;
}
#btn_big_l a {
	width: 90px;
	height: 34px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/kyouzai/btn_speed.gif);
}
#btn_big_l a { background-position: 0px 0px; }
#btn_big_l a:hover  { background-position: 0px -34px; }

/*解き方と答え*/
#btn_answer a {
	width: 81px;
	height: 34px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/kousei/spiral/btn_answer.gif);
}
#btn_answer a { background-position: 0px 0px; }
#btn_answer a:hover  { background-position: 0px -34px; }





#kousei #srlRead {
	font-size:100%;
	line-height:140%;
	padding-bottom:10px;
	color: #333333;
	width: 480px;
}
#kousei #srlRead p.lead{
	margin-bottom:1em;
}
#kousei #srlRead ul{
	margin-bottom:1em;
	list-style-type:none;
}
#kousei #srlRead li,#kousei #srlRead p{
	margin-bottom:0.4em;
}
#kousei #srlRead p.lnk{
	margin-bottom:1em;
	font-weight: bold;
	color: #0052c9;
}

/*level*/


#level ul{
	margin-top:1em;
}
#level li{
	margin-bottom:0.6em;
}
#level ul .bd{
	font-weight:bold;
	font-size:108%;
	line-height:140%;
}

#level .read1 li {
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
}

#level #honbun {
	padding-top: 20px;
	padding-bottom: 20px;
}
#level #honbun .cach01 {
	background-image: url(../imgs/kousei/level/level_01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 480px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
}

#honbun ul {
	padding-top: 15px;
}
#honbun li {
	line-height: 140%;
	font-weight: bold;
	color: #FF0000;
}
#level #honbun p {
	line-height: 130%;
	padding-top: 15px;
}
#level .test{
	margin:0;
	padding:0;
	height:100%;
}
#level .test p.ttl{
	clear:both;
	margin:0 auto 7px auto;

}
#level .test .lft{
	float:left;
	width:230px;
}
#level .test .rgt{
	float:left;
	margin-left:10px;
	width:230px;
}


#btn_level_q,#btn_level_a{
	float:left;
	padding:10px 10px 10px 0;
}

/*問題表示*/
#btn_level_q a {
	width: 90px;
	height: 34px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/kousei/level/btn_level_q.gif);
}
#btn_level_q a { background-position: 0px 0px; }
#btn_level_q a:hover  { background-position: 0px -34px; }

/*解答表示*/
#btn_level_a a {
	width: 90px;
	height: 34px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../imgs/kousei/level/btn_level_a.gif);
}
#btn_level_a a { background-position: 0px 0px; }
#btn_level_a a:hover  { background-position: 0px -34px; }


.bl{ font-weight:bold;}
.red{
	color:#F00;
	font-weight:bold;
}
.bold_blue{
	color:#0052c9;
	font-weight:bold;
}

/*haihon*/

#haihon_ttl {
	background-image: url(../imgs/kousei/haihon/title.gif);
	background-repeat: no-repeat;
	height: 33px;
	width: 550px;
	font-size: 1%;
	line-height: 1%;
}

#haihon p {
	line-height: 130%;
	padding-top: 10px;
}

#haihon ul{
	margin-top:1em;
}
#haihon li{
	margin-bottom:0.6em;
}
#haihon ul .bd{
	font-weight:bold;
	font-size:130%;
	line-height:140%;
}

#haihon .read1 li {
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
}

#haihon #honbun {
	padding-top: 20px;
	padding-bottom: 20px;
}

#haihon #honbun .cach01 {
	background-image: url(../imgs/kousei/haihon/haihon_01.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 480px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
}

#haihon #honbun p {
	line-height: 130%;
	padding-top: 15px;
}
#haihon p .bd{
	font-weight:bold;
	font-size:130%;
	line-height:140%;
}

#haihon #honbun .btn_haihon p a{
	margin:0 0 10px;
	width: 222px;
	height: 38px;
	display: block;
	/* \*/overflow: hidden; /* */
	text-indent:-1000em;
	background-repeat: no-repeat;
	background-image: url(../imgs/kousei/haihon/btn_haihon.gif);
}
#haihon #honbun .btn_haihon p a { background-position: 0px 0px; }
#haihon #honbun .btn_haihon p a:hover { background-position: 0px -38px; }


/*20101102追加ここから*/
.clearfix{
overflow:hidden;/* モダンブラウザ */
_zoom:1;/* IE6以下 */