@charset "euc-jp";
/*
=== toc ===
1:#d0-hd
2:#d0-pr-login
3:#d0-li-centre
4:#d0-li-hs
5:#d0-login
a:clearfix
*/


/* 0:d0-cmn */
ul.list li{
	padding: 0 20px;
	background: url(http://i.yimg.jp/images/edu/drill/list_mark.gif) no-repeat 0 50%;
	}

/* 1:#d0-hd */
#d0-hd {
	margin: 0 0 15px;
}
#d0-hd img {
	vertical-align: middle;
	}
#d0-hd h1 {
	display: block;
	width: 642px;
	height: 142px;
	text-indent: -9999px;
	background: url(../../../images/drill/bg_cmn.png) no-repeat 0 0;
	}
#d0-hd .d-wrap {
	border: 1px solid #cfcfcf;
	padding: 0 0 10px;
  }
#d0-hd p.d-lead {
	margin: 10px 10px .5em;
	}
#d0-hd .d-ft {/* use clearfix */
	width: 642px;
	}
#d0-hd ul.d-notes {
	float: left;
	width: 290px;
	margin: 0 10px;
	color: #f50;
	}
#d0-hd p.d-link{
	float: right;
	width: 290px;
	margin: 0 10px;
	text-align: right;
	}

/* === 2:d0-pr-login === */
#d0-pr-login {
	margin: 0 0 15px;
	}
#d0-pr-login .d-hd {
	position: relative;
	display: block;
	width: 642px;
	height: 44px;
	background: url(../../../images/drill/bg_cmn.png) no-repeat 0 -142px;
	}
#d0-pr-login h2 {
	position: absolute;
	top: 12px;
	left: 50px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	}
#d0-pr-login .d-ct {
	padding: 5px 10px 10px;
	border: 1px solid #cfcfcf;
	border-top: none;
	}
#d0-pr-login .d-ct p {
	margin: 0 0 .5em;
	}

/* === 2:d0-li-centre === */
#d0-li-centre {
	margin: 0 0 15px;
	}
#d0-li-centre h2 {
	display: block;
	width: 642px;
	height: 45px;
	background: url(../../../images/drill/bg_cmn.png) no-repeat 0 -186px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	text-indent: -9999px;
	}
#d0-li-centre .d-ct {
	padding: 5px 10px 2.3em;
	border: 1px solid #cfcfcf;
	border-top: none;
	}
#d0-li-centre .d-ct p {
	margin: 0 0 .5em;
	}
#d0-li-centre ul.d-link li {
	float: left;
	width: 66px;
	height: 66px;
	margin: 0 0 0 13px;
	}
#d0-li-centre ul.d-link li.first-child {
	margin: 0;
	}
#d0-li-centre ul.d-link li.eng {
	background: url(../../../images/drill/bg_cmn.png) no-repeat 0 -231px;
	}
#d0-li-centre ul.d-link li.hsj {
	background: url(../../../images/drill/bg_cmn.png) no-repeat -65px -231px;
	}
#d0-li-centre ul.d-link li.hsw {
	background: url(../../../images/drill/bg_cmn.png) no-repeat -130px -231px;
	}
#d0-li-centre ul.d-link li.pso {
	background: url(../../../images/drill/bg_cmn.png) no-repeat -195px -231px;
	}
#d0-li-centre ul.d-link li.pol {
	background: url(../../../images/drill/bg_cmn.png) no-repeat -260px -231px;
	}
#d0-li-centre ul.d-link li.laj {
	background: url(../../../images/drill/bg_cmn.png) no-repeat -325px -231px;
	}
#d0-li-centre ul.d-link li.sch {
	background: url(../../../images/drill/bg_cmn.png) no-repeat -390px -231px;
	}
#d0-li-centre ul.d-link li.bio {
	background: url(../../../images/drill/bg_cmn.png) no-repeat -455px -231px;
	}
#d0-li-centre ul.d-link li a {
	position: relative;
	display: block;
	width: 66px;
	height: 66px;
	}
#d0-li-centre ul.d-link li a span {
	position: absolute;
	top: 69px;
	width: 66px;
	text-align: center;
	cursor: pointer;
	line-height: 1;
	}

/* === 4:#d0-li-hs, #d0-li-jh, #d0-li-cr === */
#d0-li-hs,
#d0-li-jh,
#d0-li-cr {
	margin: 0 0 15px;
	}
#d0-li-hs .d-hd,
#d0-li-jh .d-hd,
#d0-li-cr .d-hd {
	position: relative;
	display: block;
	width: 642px;
	height: 38px;
	background: url(../../../images/drill/bg_cmn.png) no-repeat 0 -297px;
	}
#d0-li-hs h2,
#d0-li-jh h2,
#d0-li-cr h2 {
	display: block;
	position: absolute;
	top: 10px;
	left: 50px;
	height: 21px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	text-indent: -9999px;
	}
#d0-li-hs h2 {
	width: 150px;
	background: url(../../../images/drill/bg_cmn.png) no-repeat -1px -335px;
	}
#d0-li-jh h2 {
	width: 150px;
	background: url(../../../images/drill/bg_cmn.png) no-repeat -150px -335px;
	}
#d0-li-cr h2 {
	width: 200px;
	background: url(../../../images/drill/bg_cmn.png) no-repeat -300px -335px;
	}
#d0-li-hs .d-ct,
#d0-li-jh .d-ct,
#d0-li-cr .d-ct {/* use clearfix */
	width: 640px;
	padding: 5px 0 10px;
	border: 1px solid #cfcfcf;
	border-top: none;
	}
#d0-li-hs .d-ct ul.d-link,
#d0-li-jh .d-ct ul.d-link,
#d0-li-cr .d-ct ul.d-link {
	float: left;
	width: 180px;
	margin: 0 0 0 10px;
	padding: 0 0 0 20px;
	text-indent: -18px;
	}
#d0-li-hs .d-ct ul.d-link li img.arrow,
#d0-li-jh .d-ct ul.d-link li img.arrow,
#d0-li-cr .d-ct ul.d-link li img.arrow {
	width: 12px;
	height: 12px;
	margin: 0 6px 0 0;
	background: url(../../../images/drill/bg_cmn.png) no-repeat -630px -231px;
	vertical-align: middle;
	}
#d0-li-hs .d-ct ul.d-link li img.new,
#d0-li-jh .d-ct ul.d-link li img.new,
#d0-li-cr .d-ct ul.d-link li img.new {
	vertical-align: middle;
}


/* === 5:#d0-login === */
#d0-login{
  padding:0 6px;
	margin-bottom:15px;
	border:1px solid #D7D4C9;
}

#d0-login h2{
  width:630px;
	height:50px;
	margin-bottom:5px;
  background:url(../../../images/drill/benesse_ttl.png) no-repeat;
	text-indent:-9999px;
}

.d0-login_contents{
  padding:5px 0;
}

#d0-login p{
  margin-bottom:8px;
}


#d0-login li{
  float:left;
	width:195px;
}

.d0-login_grade1,
.d0-login_grade2{
  margin-right:21px;
}


#d0-login dt{
  width:191px;
	margin:0 0 4px 0;
	padding:2px;
	background:#98BCE0;
	text-align:center;
	color:#FFF;
	font-weight:bold;
}

#d0-login dd img{
  float:left;
	margin-right:5px;
}

#d0-login .d0-login_end{
  margin-right:0;
}

/* === a:clearfix === */
#d0-hd .d-ft:after,
#d0-li-centre ul.d-link:after,
#d0-li-hs .d-ct:after,
#d0-li-jh .d-ct:after,
#d0-li-cr .d-ct:after
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#d0-hd .d-ft,
#d0-li-centre ul.d-link,
#d0-li-hs .d-ct,
#d0-li-jh .d-ct,
#d0-li-cr .d-ct,
.clearfix {
	display: inline-block;
	}

.cf{ /zoom : 1; }
.cf:after{ content : ''; display : block; clear : both; }