@charset "euc-jp";

/*
@import "http://i.yimg.jp/images/css/yj2.css";
@import "http://i.yimg.jp/yui/jp/lrc/p/e/lrc_pe.css";
@import "http://i.yimg.jp/yui/jp/tmpl/p/e/tmplLocal-patch_pe.css";
@import "http://i.yimg.jp/yui/jp/tmpl/1.0.2/p/e/tmplCommon_pe.css";
*/

/* --- yj2.css --- */
.s115{line-height:115%;}.s130{line-height:130%;}.s150{line-height:150%;}.yjmth{*height:1%;}.yjmth img{vertical-align:middle;border:0px;}.yjmth a{border:0px;}div.yjmthproplogoarea{float:left;}div.yjmthloginarea{float:left;margin:0px 0px 0px 3px;font-size:smaller;text-align:left;line-height:110%}div.yjmthcplogoarea{float:right;}div.yjmthcmnlnkarea{float:right;/* */margin:10px 3px 0px 0px;font-size:smaller;text-align:right;line-height:110%;}br.yjmthclear{clear:both;}div.yjgrplink{text-align:right;font-size:smaller;line-height:115%;}div#music div.yjmthloginarea{margin-top:16px;margin-left:7px;}div#music div.yjmthcmnlnkarea{margin-top:26px;}div#music div.yjmthcplogoarea{margin-top:14px;}.yjXXL{font-size:x-large;voice-family:"\"}\"";voice-family:inherit;font-size:xx-large;font-size /**/:x-large;}html>body .yjXXL{font-size:180%;font-size/**/:xx-large;}.yjXL{font-size:large;voice-family:"\"}\"";voice-family:inherit;font-size:x-large;font-size /**/:large;}html>body .yjXL{font-size:150%;font-size/**/:x-large;}.yjL{font-size:medium;voice-family:"\"}\"";voice-family:inherit;font-size:large;font-size /**/:medium;}html>body .yjL{font-size:120%;font-size/**/:large;}.yjM{font-size:small;voice-family:"\"}\"";voice-family:inherit;font-size:medium;font-size /**/:small;}html>body .yjM{font-size:100%;font-size/**/:medium;}.yjMt{font-size:small;line-height:1.4em;voice-family:"\"}\"";voice-family:inherit;font-size:medium;font-size /**/:small;}html>body .yjMt{font-size:100%;font-size/**/:medium;}.yjS{font-size:x-small;voice-family:"\"}\"";voice-family:inherit;font-size:small;font-size /**/:x-small;}html>body .yjS{font-size:84%;font-size/**/:small;}.yjSt{font-size:x-small;line-height:1.3em;voice-family:"\"}\"";voice-family:inherit;font-size:small;font-size /**/:x-small;}html>body .yjSt{font-size:84%;font-size/**/:small;}.yjXS{font-size:xx-small;voice-family:"\"}\"";voice-family:inherit;font-size:x-small;font-size /**/:xx-small;}html>body .yjXS{font-size:70%;font-size/**/:x-small;}

/* --- lrc_pe.css --- */
#pos-lrec{margin-bottom:10px;text-align:center;}#pos-lrec dl{background-color:#ddd;color:#555;}#pos-lrec dt{display: inline-block;padding:4px 0 4px;font-size:12px;font-weight:normal;line-height:12px;vertical-align:middle;}html:\66irst-child #pos-lrec dt{padding:3px 0 2px;}#pos-lrec dd{height:250px;}

/* --- tmplLocal-patch_pe.css --- */
#uhd div table{text-align:left;}#uhd img{display: block;}#uhd br{display:none;}#emg,#emg2,#emg3{margin-bottom:10px;text-align:center;}#emg table,#emg2 table,#emg3 table{margin:0 auto;text-align:left;}#pos-n{width:100%;margin-top:10px;margin-bottom:10px;text-align:center;}#pos-n table{margin:0 auto;text-align:left;}#pos-n br{display:none;}#pos-s{padding:10px 0;border-top:1px solid #ccc;text-align: center;}#pos-s table{width:500px;margin:0 auto;text-align:left;line-height:1em;}#masthead{width:100%;height:41px;margin:4px auto 10px auto;text-align:left;}#masthead strong{font-weight:bold;}#masthead:after{content:".";display:block;position:relative;height:0;clear:both;visibility:hidden;}* html #masthead{height: 1%;}* html #masthead .yjmth{margin: 0;padding: 0;}

/* --- tmplCommon_pe.css --- */
body{margin: 0;padding: 0;text-align: center;}dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin: 0;padding: 0;}h1,h2,h3,h4,h5,h6{font-size: 100%;font-weight: normal;}ul li, ol li{list-style: none;}table{margin:0;padding:0;border-collapse: collapse;border-spacing: 0;font-size: 100%;}caption{text-align: left;}table,pre,code,select,input,textarea,kbd,var,ins,del,samp{font-size: 100%;}address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight: normal;font-style: normal;}a img{border: 0;}hr.separation{display: none;}fieldset{border: none;}#wrapper{text-align:left;font-size:medium;line-height:1.56em;}#cat-pass{margin-bottom: 10px;padding-left: 7px;}#contents-body{position: relative;}.yj-guid{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}.yj-skip{display:block;height:0;overflow:hidden;font-size:0;line-height:0;text-indent:-9999px;}#footer{text-align: center;}#footer address{padding: 10px 0 20px;border-top: 1px solid #ccc;font-size:small;line-height:1.4em;}.yj950-1 #wrapper,.yj950-1-3 #wrapper,.yj950-2 #wrapper,.yj950-3 #wrapper { width: 950px;margin:0 auto;padding:0 10px;}.yj950-1 #contents,.yj950-1-3 #contents,.yj950-2 #contents,.yj950-3 #contents {text-align: left;}.yj950-1 #contents{position: relative;}.yj950-1 #contents-body span.yj-guid{position: relative;left: auto;float: right;width: 310px; height: 280px;margin: 0;}.yj950-1 #contents-body #sub #pos-lrec{position: absolute;top: 0;right:0;width: 300px;}.yj950-1-3 #contents-body #sub #pos-lrec{position: absolute;top: 0;right:0;width: 300px;}.yj950-1-3 #main .wrapper {float:left;width:634px;}.yj950-1-3 #main #main-block {float:right;width:432px;}.yj950-1-3 #main #sub-block1 {float: left;width: 192px;}.yj950-1-3 #main #sub-block2 {float: right;width: 300px;margin-top:280px;}.yj950-2 #contents-body #main{float: left;width: 634px;}.yj950-2 #contents-body #sub{float: right;width: 300px;}.yj950-3 #contents-body #main{float: left;width: 634px;}.yj950-3 #contents-body #main-main{float: right;width: 432px;}.yj950-3 #contents-body #main-sub{float: left;width: 192px;}.yj950-3 #contents-body #sub{float: right;width: 300px;}.yj100per-1,.yj100per-1-3,.yj100per-2,.yj100per-3 {width:100%;}.yj100per-1 #wrapper,.yj100per-1-3 #wrapper,.yj100per-2 #wrapper,.yj100per-3 #wrapper {min-width:950px;padding:0 10px;}* html .yj100per-1 #wrapper,* html .yj100per-1-3 #wrapper,* html .yj100per-2 #wrapper,* html .yj100per-3 #wrapper {width:expression(document.body.clientWidth < 1001 ? "950px" : "auto");}.yj100per-1 #contents {position:relative;}.yj100per-1 #contents-body span.yj-guid {position: relative;left: auto;float: right;width: 310px; height: 280px;margin: 0;}.yj100per-1 #contents-body #sub #pos-lrec {position: absolute;top: 0;right:0;width: 300px;}.yj100per-1-3 #contents-body #sub #pos-lrec{position: absolute;top: 0;right:0;width: 300px;}.yj100per-1-3 #main #main-main-wrapper {float: left;width:100%;margin-left:-316px;}.yj100per-1-3 #main #main-main {margin-left:316px;}.yj100per-1-3 #main #main-block-wrapper {float: right; width:100%;margin-right:-202px;}.yj100per-1-3 #main #main-block {margin-right:202px;}.yj100per-1-3 #main #sub-block1 {float:left;width: 192px;}.yj100per-1-3 #main #sub-block2 {float: right;width: 300px;margin-top:280px;}.yj100per-2 #contents-body #main-wrapper {float: left;width:100%;margin-left:-316px;}.yj100per-2 #contents-body #main {margin-left:316px;}.yj100per-2 #contents-body #sub {float: right;width: 300px;}.yj100per-3 #contents-body #main-wrapper {float: left;width:100%;margin-left:-316px;}.yj100per-3 #contents-body #main {margin-left:316px;}.yj100per-3 #contents-body #main-main-wrapper {float: right;width:100%;margin-right:-202px;}.yj100per-3 #contents-body #main-main {margin-right:202px;}.yj100per-3 #contents-body #main-sub {float:left;width: 192px;}.yj100per-3 #contents-body #sub {float: right;width: 300px;}#contents-body:after,.yj950-3 #contents-body #main:after{display: block;visibility: hidden;clear: both;height: 0;content: ".";}#contents-body,.yj950-3 #contents-body #main{zoom:1;}


/* --- common.css --- */
/* ---------- 1:common  ---------- */
body{
	font-family: "MS PGothic", "MS UI Gothic",sans-serif;
	}
html>body sup{/* for Firefox,safari */
	vertical-align: 20%;
	}
*:first-child+html sup{/* for IE7 */
	vertical-align: top;
	}
	
#wrapper{
 	color: #333;
	line-height: 1.4;
	}

#emg,#emg2,#emg3{
	padding-bottom: 10px;
	}
#emg2 br,
#emg3 br{
	display:none;
	}

#header .survice-summary{
	margin-top: -13px;
	margin-bottom: 8px;
	font-size: 80%;
	text-align: right;
	}
	
#contents{
	font-size: small;
	}

div.yjmthloginarea,div.yjmthcmnlnkarea,div.yjgrplink{
	font-size: small;
	}
fieldset {
	border:none;
	}
legend {
	display:none;
	}
#mycat-pass{
	margin: 6px 0;
	}
/* ---------- /1:common  ---------- */

/* ---------- 2:pos  ---------- */

#pos-tn{
	margin-bottom: 10px;
	padding: 4px;
	border: 2px solid #ccc;
	}

#pos-sqb{
	width:100%;
	margin-bottom: 15px;
	line-height: 1.1;
	}	
#pos-sqb small{
	font-size:100%;
	}			
#pos-sqb b a{
	font-size:122%;
	}
#pos-sqb b small{
	font-size:100%;
	}	
#pos-sqb small b a{
	font-size:100%;
	}

#pos-sqm{
	margin-bottom: 10px;
	border: 1px solid #ccc;
	}
#pos-sqm dt{
	padding: 2px 3px;
	background-color: #eee;
	font-weight: bold;
	text-align: center;
	}
#pos-sqm dd{
	padding: 4px;
	}
#pos-sqm dd table{
	width: 288px;
	}
#pos-sqm dd tr.space td{
	height: 13px;
	background: url(http://i.yimg.jp/images/edu/stepup_lrec/images/sqm_bg.gif) left center repeat-x;
	}

#pos-lrec dl{
	background-color: #fff;
	}
#pos-lrec img{
	vertical-align: bottom;
	}
#pos-lrec dd{	
	height: auto;
	text-align: left;
	}

#pos-eup{
	margin-bottom: 10px;
	}
#pos-eup img{
	vertical-align: bottom;
	}

/* ---------- /2:pos  ---------- */

/* ---------- 3:edu-gnav  ---------- */

#edu-gnav ul{
	position: relative;
	width: 950px;
	height: 31px;
	border-bottom: 5px solid #438ecc;
	background: url(../images/gnavbg_1.gif) left top no-repeat;
	}
#edu-gnav ul.school{ border-bottom: 5px solid #438ecc; background-position: 0 -60px; }
#edu-gnav ul.study{ border-bottom: 5px solid #438ecc; background-position: 0 -91px; }
#edu-gnav ul.my{ border-bottom: 5px solid #ff9b04; background: none; }


#edu-gnav li{
	position: absolute;
	top: 0;
	}
#edu-gnav li a{
	display: block;
	background: url(../images/gnavbg_1.gif) left top no-repeat;
	text-decoration: none;
	text-indent: -9999px;
	overflow: hidden;
	}

#edu-gnav li.top{
	left: 0;
	}
#edu-gnav li.top a{
	width: 72px;
	height: 29px;
	}
#edu-gnav li.top a:hover{
	background-position: 0 -124px;
	}
	
#edu-gnav li.school{
	left: 74px;
	}
#edu-gnav li.school a{
	width: 130px;
	height: 29px;
	}
#edu-gnav li.school a{ background-position: -75px 0; }
#edu-gnav li.school a:hover{ background-position: -75px -124px; }
#edu-gnav ul.school li.school a{ background-position: -75px -29px; }
#edu-gnav ul.school li.school a:hover{ background-position: -75px -29px; }/* for IE6 */

#edu-gnav li.study{
	left: 206px;
	}
#edu-gnav li.study a{
	width: 98px;
	height: 29px;
	}
#edu-gnav li.study a{ background-position: -206px 0; }
#edu-gnav li.study a:hover{ background-position: -206px -124px; }
#edu-gnav ul.study li.study a{ background-position: -206px -29px; }
#edu-gnav ul.study li.study a:hover{ background-position: -206px -29px; }/* for IE6 */

#edu-gnav li.my{
	right: 0;
	}
#edu-gnav li.my a{
	width: 109px;
	height: 29px;
	background-position: -307px 0;
	}
#edu-gnav li.my a:hover{
	background-position: -307px -124px;
	}
#edu-gnav ul.my li.my a{
	width: 115px;
	height: 31px;
	background-position: -304px -29px;
	}
#edu-gnav ul.my li.my a:hover{/* for IE6 */
	background-position: -304px -29px;
	}

/* ---------- /3:edu-gnav  ---------- */

/* ---------- 4:edu-subnav ---------- */

#edu-subnav{/* use clearfix hack */
	padding: 4px;
	background-color: #e1eef9;
	border-bottom: 1px solid #6ca7d8;
	font-size: small;
	}
#edu-subnav li{
	float: left;
	padding: 0 6px;
	border-left: 1px solid #438ecc;
	white-space: nowrap;
	}
#edu-subnav li.first{
	padding: 0 6px 0 0;
	border-left: none;
	}
#edu-subnav li.current a{
	color: #0000ff;
	font-weight: bold;
	}

/* ---------- /4:edu-subnav  ---------- */

/* ---------- 5:edu-fnav  ---------- */

#edu-fnav{
	margin-top: 10px;
	padding: 8px;
	border-top: 1px dashed #ccc;
	font-size: small;
	text-align: left;
	line-height: 1.4;
	}
#edu-fnav dt{
	clear: left;
	}
#edu-fnav dd{
	margin-bottom: 5px;
	}

/* ---------- /5:edu-fnav ---------- */

/* ---------- 6:error-text & alert  ---------- */

.error-text{
	margin-top: 10px;
	margin-bottom: 15px;
	padding: 7px 8px 3px 8px;
	border: 1px solid #ffcccc;
	background-color: #ffffaa;
	color: #ff0000;
	font-size: 140%;
	font-weight: bold;
	}
*html .error-text{/* for IE5.x 6 */
	height: 1%;
	}
.error-text p{
	margin-bottom: 3px;
	}	
.error-text ul{
	margin-left: 30px;
	}
.error-text li{
	margin-bottom: 3px;
	list-style-type: disc;
	}	

.alert{
	margin-bottom: 20px;
	}
.alert p{
	color: #ff0000;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	}

div.notice{
	margin-bottom: 20px;
	}
div.notice p{
	font-size: 110%;
	font-weight: bold;
	text-align: center;
	}

/* ---------- /6:error-text & alert  ---------- */

/* ---------- 7:links ---------- */
a:link {
	color: #0000ff;
	}
a:visited {
	color: #663399;
	}
a:hover {
	color: #0000ff;
	}
a:active {
	color: #0000ff;
	}	
/* ---------- /7:links ---------- */

/* ---------- 8:category pass ---------- */
#cat-pass {
	padding-left: 7px;
	}
#cat-pass p{
	font-size:100%;
	padding: 8px 0;
	}
#cat-pass p span{
	vertical-align:baseline;
	line-height:.01em;
	}
/* ---------- /8:category pass ---------- */
	
/* ---------- clearfix rules(float clear hack) ---------- */

#edu-subnav:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#edu-subnav{
	display: inline-block;
	}
/* Hides from IE5-mac \*/
*html #edu-subnav{
	height: 1%;
	}
#edu-subnav{
	display: block;
	}
/* End hide from IE5-mac */

/* ---------- /clearfix rules(float clear hack) ---------- */





/* --- layout/0-0_v3.css --- */

#main h1{
	display: none;
	}

/* ---------- 1:pos-tnp ---------- */

#pos-tnp{
	margin-bottom: 10px;
	}
html:\66irst-child #pos-tnp{/* for safari1.3 2.0 */
	margin-bottom: -1em;
	}
body:first-of-type #pos-tnp{/* for safari3.0 */
	margin-bottom: -1em;
	}
#pos-tnp td{
	height: 1em;
	}

/* ---------- /1:pos-tnp ---------- */

/* ---------- 2:key ---------- */

#key{
	margin-bottom: 10px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/contentbg_5.png) no-repeat left bottom;
	}
#key form{
	padding: 10px 20px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top.png) no-repeat left top;
	background-position: -446px 0;
	}
#key h2{
	float: left;
	width: 130px;
	margin-bottom: 4px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.5;
	text-align: right;
	}
#key p{
	float: right;
	width: 450px;
	margin-bottom: 4px;
	}
#key p input,#key p select{
	vertical-align: middle;
	}
#key p input.text{
	width: 250px;
	}
#key dl{
	clear: both;
	}
#key dt{
	display: inline;
	}
#key dd{
	display: inline;
	}

/* ---------- /2:key ---------- */

/* ---------- 3:school ---------- */

#col-wrap{/* use clearfix hack */
	margin-bottom: 15px;
	padding-bottom: 10px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/contentbg_1.png) bottom center no-repeat;
	}
#school{
	float: left;
	width: 312px;
	}
.school-border,
.study-border{
	border-left: 2px solid #4ea0d6;
	border-right: 2px solid #4ea0d6;
	}
#school .edu{
	padding: 8px 10px;
	}
#school .edu li{
	padding-left: 12px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 0 -401px;
	line-height: 1.8;
	}
#school .edu li.lst,#school .jyuku li.lst {
	float: left;
	margin-right: 4px;
}
#school .edu a,
#school .jyuku li a{
	margin-right: 3px;
	font-size: 110%;
	font-weight: bold;
	}
#school .jyuku,
#school .skill,
#school .school-ken{
	padding: 0 10px;
	}
#school .jyuku ul,
#school .skill ul,
#school .school-ken ul{
	padding-bottom: 2px;
	border-top: 1px dashed #ccc;
	}
#school .jyuku ul,
#school .skill ul{
	padding-top: 8px;
	}
#school .school-ken ul{
	padding-top: 10px;
	}
#school .jyuku li,
#school .skill li,
#school .school-ken li{
	margin-bottom: 0.4em;
	padding-left: 12px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 0 -404px;
	}
#school .skill span.head,
#school .school-ken span.head{
	margin-right: 3px;
	font-size: 110%;
	font-weight: bold;
	}
#school h2 a{
	display: block;
	width: 312px;
	height: 41px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top.png) no-repeat left top;
	text-indent: -9999px;
	overflow: hidden;
	}
/* ---------- /3:school ---------- */

/* ---------- 4:study ---------- */

#study{
	float: right;
	width: 312px;
	}

#study .free{
	padding: 0 10px;
}
#study .free h3{
	padding-top: 8px;
	font-size: 110%;
	font-weight: bold;
	}


#study .tsu,
#study .english,
#study .drill,
#study .webtr{
	padding: 0 10px 8px 10px;
	}
#study .tsu h3,
#study .english h3,
#study .drill h3,
#study .webtr h3{
	float: left;
	padding-top: 8px;
	padding-left: 12px;
	padding-right: 10px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 0 -396px;
	font-size: 110%;
	font-weight: bold;
	}
#study .drill div.t-title,
#study .webtr div.t-title{
	border-top: 1px dashed #dddddd;
	}
#study .tsu p.text,
#study .english p.text,
#study .drill p.text,
#study .webtr p.text{
	font-size: 90%;
	font-weight: normal;
	padding-left: 10px;
	padding-top: 10px;
	}
#study .tsu p.link,
#study .english p.link,
#study .drill p.link,
#study .webtr p.link{

	clear:both;
	padding-left: 12px;
	}
	
#study .how{
	padding: 0 10px;
	}
#study .how h3{
	padding-top: 8px;
	border-top: 1px dashed #ccc;
	font-size: 110%;
	font-weight: bold;
	}
#study h2 a{
	display: block;
	width: 312px;
	height: 41px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top.png) no-repeat left top;
	background-position: 0 -41px;
	text-indent: -9999px;
	overflow: hidden;
	}
/* ---------- /4:study ---------- */


/* ---------- 5:pos-show ---------- */

#pos-show{
	margin-bottom: 15px;
	border: 1px solid #ccc;
	}
#pos-show p{
	padding: 4px;
	background-color: #eee;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	}
#pos-show img{
	display: block;
	}
	
/* ---------- /5:pos-show ---------- */

/* ---------- 6:shikaku ---------- */

#shikaku{
	margin-bottom: 15px;
	padding-bottom: 7px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/contentbg_6.png) no-repeat left bottom;
	}
#shikaku h2{
	padding: 7px 7px 7px 15px;
	background: #4c9fd4 url(http://i.yimg.jp/images/edu/renewal2008/images/top.png) no-repeat left top;
	background-position: -1080px 0;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	}
#shikaku h2 a{
	color: #fff;
	}
#shikaku h2 span.lead{
	margin-left: 5px;
	font-size: 85%;
	font-weight: normal;
	}
#shikaku ul{/* use clearfix hack */
	padding: 8px 8px 0 8px;
	border-left: 1px solid #4c9fd4;
	border-right: 1px solid #4c9fd4;
	font-size: 110%;
	line-height: 1.8;
	}
#shikaku li{
	float: left;
	width: 205px;
	}
#shikaku li.first{
	clear: both;
	}
/* kaito sokuho */
#shikaku li.sokuho{
	border-bottom: 1px dotted #dbdbdb;
	float: none;
	font-size: 90%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	width: auto;
}
#shikaku li.sokuho dl{
}
#shikaku li.sokuho dt{
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat 60px -402px;
	float: left;
	width: 5.5em;
	padding: 0;
	margin:0;
}
*html #shikaku li.sokuho dt{
	width: 5em;
}
#shikaku li.sokuho dd{
	margin-left: 5.5em;
}
*html #shikaku li.sokuho dd{
	margin-left: 5em;
	padding: 5px;
	line-height: 1.2;
}
#shikaku li.sokuho p{
	text-align: right;
}
#shikaku li.sokuho p a{
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat 0px -405px;
	padding-left: 10px;
}
/* ---------- /6:shikaku ---------- */

/* ---------- 7:news ---------- */

#news{
	margin-bottom: 10px;
	}
#news h2{
	margin-bottom: 8px;
	padding: 7px 7px 7px 15px;
	border: 1px solid #c2e2fd;
	background: #f3f8ff url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 2px -152px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	}
*html #news h2{/* for IE6 */
	padding-top: 6px;
	background: #f3f8ff url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 3px -151px;
	}
#news dl{/* use clearfix hack */
	padding: 0 8px 4px 8px;
	line-height: 1.8;
	}
#news dt{
	clear: both;
	float: left;
	width: 7.5em;
	}
#news dd{
	margin-left: 7.6em;
	}
#news dd img{
	vertical-align: middle;
	}
*html #news dd img{/* for IE6 */
	margin: 0.4em 0;
	}
#news ul{/* use clearfix hack */
	padding: 0 8px 8px 8px;
	}
#news ul li{
	float: right;
	padding-left: 12px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 0 -402px;
	}

/* ---------- /7:news ---------- */

/* ---------- 8:reco ---------- */

#reco{/* use clearfix hack */
	margin-bottom: 10px;
	}
#reco h2{
	margin-bottom: 8px;
	padding: 7px 7px 7px 15px;
	border: 1px solid #c2e2fd;
	background: #f3f8ff url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 2px -152px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	}
*html #reco h2{/* for IE6 */
	padding-top: 6px;
	background: #f3f8ff url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 3px -151px;
	}
#reco dl{
	float: left;
	width: 300px;
	margin-left: 8px;
	padding-bottom: 8px;
	}
*html #reco dl{/* for IE5.x 6 */
	margin-left: 4px;
	}
#reco dl.even{
	clear: both;
	}
#reco dt{
	float: right;
	width: 200px;
	margin-bottom: 4px;
	font-weight: bold;
	}
*html #reco dt img{/* for IE6 */
	margin: 0.4em 0;
	}
#reco dd.img{
	float: left;
	width: 90px;
	}
#reco dd.img img{
	display: block;
	}
#reco dd.summary{
	float: right;
	width: 200px;
	}
#reco ul{/* use clearfix hack */
	clear: both;
	padding: 0 8px 8px 8px;
	}
#reco ul li{
	float: right;
	padding-left: 12px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 0 -402px;
	}
	
/* ---------- /8:reco ---------- */

/* ---------- 9:comment ---------- */

#comment{
	margin-bottom: 10px;
	}
#comment h2{
	margin-bottom: 8px;
	padding: 7px 7px 7px 15px;
	border: 1px solid #c2e2fd;
	background: #f3f8ff url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 2px -152px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	}
*html #comment h2{/* for IE6 */
	padding-top: 6px;
	background: #f3f8ff url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 3px -151px;
	}
#comment h2 span.lead{
	margin-left: 5px;
	font-size: 85%;
	font-weight: normal;
	}
#comment ul{/* use clearfix hack */
	}
#comment li{
	float: left;
	width: 300px;
	margin-left: 8px;
	padding-bottom: 8px;
	}
#comment li.even{
	clear: both;
	}
#comment li a{
	margin-bottom: 4px;
	font-weight: bold;
	}
#comment li dl{/* use clearfix hack */
	}
#comment li dt{
	float: left;
	}
#comment li dd{
	float: left;
	}
#comment li span{
	float: left;
	display: block;
	width: 60px;
	height: 11px;
	margin-top: 0.2em;
	margin-right: 3px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top.png) no-repeat left top;
	text-indent: -9999px;
	}
*html #comment li span{/* for IE5.x 6 */
	font-size: 11px;
	line-height: 1;
	}
#comment li span.star-0{ background-position: -312px -99px; }
#comment li span.star-10{ background-position: -312px 0; }
#comment li span.star-15{ background-position: -312px -11px; }
#comment li span.star-20{ background-position: -312px -22px; }
#comment li span.star-25{ background-position: -312px -33px; }
#comment li span.star-30{ background-position: -312px -44px; }
#comment li span.star-35{ background-position: -312px -55px; }
#comment li span.star-40{ background-position: -312px -66px; }
#comment li span.star-45{ background-position: -312px -77px; }
#comment li span.star-50{ background-position: -312px -88px; }

/* ---------- /9:comment ---------- */

/* ---------- 10:ranking ---------- */

#ranking{/* use clearfix hack */
	margin-bottom: 10px;
	width: 634px;
	}
#ranking h2{
	margin-bottom: 8px;
	padding: 7px 7px 7px 15px;
	border: 1px solid #c2e2fd;
	background: #f3f8ff url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 2px -152px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	}
*html #ranking h2{/* for IE6 */
	padding-top: 6px;
	background: #f3f8ff url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 3px -151px;
	}
#ranking h2 span.lead{
	margin-left: 5px;
	font-size: 85%;
	font-weight: normal;
	}
*:first-child+html #ranking dl{/* for IE7 */
	margin-bottom: -7px;
	}
#ranking dl.key{
	float: left;
	width: 200px;
	margin-left: 8px;
	}
#ranking dl.drill{
	float: left;
	width: 200px;
	margin-left: 8px;
	}
#ranking dl.shikaku{
	float: right;
	width: 200px;
	margin-right: 8px;
	}
#ranking dt{
	margin-bottom: 4px;
	padding-bottom: 4px;
	border-bottom: 1px dashed #ccc;
	font-weight: bold;
	}
	
/* ---------- /10:ranking ---------- */


/* ---------- 11:my-login ---------- */

#my-login{
	margin-bottom: 10px;
	border: 1px solid #f7d591;
	padding: 10px;
	}
#my-login dt{
	margin-bottom: 8px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	}
#my-login p{
	margin-bottom: 8px;
	}
#my-login ul{
	text-align: center;
	font-weight: bold;
	}
#my-login li.mybt a{
	display: block;
	width: 200px;
	height: 30px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top.png) no-repeat left top;
	background-position: 0 -82px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 4px auto;
	}

/* ---------- /11:my-login ---------- */

/* ---------- 12:banner-j ---------- */
.banner-j{
	margin-bottom: 10px;
	}

/* ---------- /12:banner-j ---------- */


/* ---------- clearfix rules(float clear hack) ---------- */

#col-wrap:after,#news dl:after,#shikaku ul:after,#reco:after,#reco ul:after,#comment ul:after,#ranking:after,
#comment li dl:after,#news ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#col-wrap,#news dl,#shikaku ul,#reco,#reco ul,#comment ul,
#comment li dl,#news ul{
	display: inline-block;
	}
/* Hides from IE5-mac \*/
*html #col-wrap,*html #news dl,*html #shikaku ul,*html #reco,*html #reco ul,*html #comment ul,*html #ranking,
*html #comment li d,*html #news ul{
	height: 1%;
	}
#col-wrap,#news dl,#shikaku ul,#reco,#reco ul,#comment ul,#ranking,
#comment li dl,#news ul{
	display: block;
	}
/* End hide from IE5-mac */

/* ---------- /clearfix rules(float clear hack) ---------- */



/* --- layout/sidebar.css --- */

/* ---------- 1:anounce ---------- */

#anounce{
	margin-bottom: 10px;
	padding: 8px;
	border: 1px solid #9cb9d3;
	}
#anounce h2{
	margin-bottom: 4px;
	padding-left: 15px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/titlebg_1.gif) left 0.3em no-repeat;
	background-position: 0 -8px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	}
#anounce ul{
	padding-top: 4px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/titlebg_1.gif) repeat-x;
	background-position: 0 -56px;
	}
#anounce li{
	margin-top: 4px;
	padding-top: 4px;
	border-top: 1px dashed #ccc;
	}
#anounce li.first{
	border-top: none;
	}
#anounce li img{
	vertical-align: middle;
	}
*html #anounce li img{/* for IE6 */
	margin: 0.4em 0;
	}
	
/* ---------- /1:anounce ---------- */

/* ---------- 2:mobile ---------- */

#mobile{
	margin-bottom: 10px;
	padding: 8px;
	border: 1px solid #eee;
	-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
	background-color: #eee;
	}
#mobile dt{
	margin-bottom: 6px;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	}
	
#mobile dd.qr{/* use clearfix hack */
	margin-bottom: 6px;
	}
#mobile dd.qr span{
	float: left;
	margin: 0 8px 8px 0;
	}
#mobile dd.qr span {
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat;
	background-position: 0 -863px;
	display: block;
	height: 74px;
	text-indent: -9999px;
	width: 74px;
}
#mobile dd.send{
	margin-bottom: 6px;
	}
#mobile dd.send p.head{
	margin-bottom: 4px;
	font-weight: bold;
	}
#mobile dd.send input,
#mobile dd.send select{
	vertical-align: middle;
	}
#mobile dd.send input.text{
	width: 90px;
	margin-right: 3px;
	}
	
/* ---------- /2:mobile ---------- */

/* ---------- 3:sponsor-search ---------- */
	
#sponsor-search{
	margin-bottom: 8px;
	}
#sponsor-search dt{
	padding: 3px 5px;
	border: 1px solid #ccc;
	background-color: #86cb29;
	background: url(http://i.yimg.jp/images/edu/renewal/my_bg.gif) repeat-x 0;
	font-weight: bold;
	}
#sponsor-search dd{/* use clearfix hack */
	padding: 8px;
	position:relative;
	border: 1px solid #ccc;
	border-top: none;
	background-color: #fff;
	}
#sponsor-search ul{
	float: left;
	width: 135px;
	margin-right: 5px;
	}
#sponsor-search ul.right{
	margin-right: 0;
	}

/* ---------- /3:sponsor-search ---------- */

/* ---------- 4:other-service  ---------- */

#other-service{/* use clearfix hack */
	margin-bottom: 4px;
	border-top: none;
	border-bottom: none;
	}
#other-service dl{/* use clearfix hack */
	width: 140px;
	margin-bottom: 4px;
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ccc;
	}
#other-service dl.left{
	float: left;
	}
#other-service dl.right{
	float: right;
	}
#other-service dt{
	float: left;
	width: 16px;
	}
#other-service dt img{
	display: block;
	}
#other-service dd{
	float: right;
	width: 118px;
	}
	
/* ---------- /4:other-service  ---------- */

/* ---------- 5:y-service  ---------- */

#y-service{/* use clearfix hack */
	margin-bottom: 8px;
	border: 1px solid #ccc;
	}
#y-service p{
	margin-bottom:6px;
	padding: 3px 5px;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	font-weight: bold;
	}
.ys-left{
	float: left;
	width: 140px;
	}
.ys-right{
	float: right;
	width: 140px;
	}
	
.y-text{
	padding: 0 6px;
	font-weight: bold;
	}
.y-contents{
	margin-bottom: 8px;
	padding: 0 8px;
	}
.y-contents dt{
	margin-top: 6px;
	}
.y-contents img{
	margin-right: 3px;
	}
.y-contents dt {
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat;
	padding-left: 20px;
}
.y-contents dt.i_cat {
	background-position: 0 -517px;
}
.y-contents dt.i_bbs {
	background-position: 0 -631px;
}
.y-contents dt.i_bks {
	background-position: 0 -747px;
}
	
/* ---------- /5:otherservice ---------- */

/* ---------- 6:mylist ---------- */

#mylist{
	width: 300px;
	height: 58px;
	padding-top: 10px;
	background: url(http://i.yimg.jp/images/edu/stepup_lrec/images/daigaku/contentbg3.gif) no-repeat;
	text-align: center;
	}

/* ---------- /6:mylist ---------- */

/* ---------- 7:qr-module  ---------- */
#qr-module{
	margin-bottom: 8px;
	border:1px solid #ccc;
	}
#qr-module dt{
	float: left;
	width: 30px;
	}
#qr-module dd{
	float: right;
	width: 222px;
	background-color: #eee;
	}
#qr-module dd p{
	padding: 4px 4px 0 4px;
	}
#qr-module dd p.notice{
	font-size: 80%;
	}
#qr-module dd ul{
	padding: 0 4px 4px 4px;
	}
#qr-module dd li{
	text-align: right;
	line-height: 19px;
	}
#qr-module dd li img{
	margin-right: 3px;
	}
/* ---------- /7:qr-module  ---------- */

/* ---------- 8:banner ---------- */

ul#banner li{
	margin-bottom:4px;
	}

/* ---------- /8:banner ---------- */

/* ---------- 9:estimation ---------- */

#estimation {
	margin-bottom: 10px;
	border: 1px solid #dcdcdc;
	}
#estimation dt.title{
	padding: 3px 0;
	background-color: #e1e8ff;
	text-align: center;
	font-weight: bold;
	}
#estimation dd{
	padding: 5px;
	}
#estimation .j-comment{
	margin-left: -1em;
	padding-left: 30px;
	}
*:first-child+html #estimation p{/* for IE7 */
	zoom: 1;
	}
*html #estimation p{/* for IE5.x 6 */
	zoom: 1;
	}
#estimation ul{
	margin-left: 15px;
	}
#estimation li{
	margin-bottom: 5px;
	list-style-position: outside;
	list-style-type: disc;
	}

/* ---------- /9:estimation ---------- */

/* ---------- 10:jo-tokushu ---------- */

#jo-tokushu{
	margin-bottom: 10px;
	}
#jo-tokushu dt img {
	vertical-align: top;
	}
#jo-tokushu dd {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	}
#jo-tokushu ul{
	padding: 6px 8px 6px 8px;
	}
#jo-tokushu li.more{
	text-align: right;
	}

/* ---------- /14:jo-tokushu ---------- */

/* ---------- /15:moshi ---------- */

#moshi{
	margin-bottom: 15px;
	padding-bottom: 7px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/contentbg_6.png) no-repeat left bottom;
	}
#moshi h2{
	padding: 7px 7px 7px 15px;
	background: #4c9fd4 url(http://i.yimg.jp/images/edu/renewal2008/images/top.png) no-repeat left top;
	background-position: -1080px 0;
	color: #fff;
	font-size: 110%;
	font-weight: bold;
	line-height: 1;
	}
#moshi h2 a{
	color: #fff;
	}
#moshi h2 span.lead{
	margin-left: 5px;
	font-size: 85%;
	font-weight: normal;
	}
#moshi dl {
	padding: 8px 8px 0;
	border-left: 1px solid #4c9fd4;
	border-right: 1px solid #4c9fd4;
	font-size: 110%;
	line-height: 1.8;
}
#moshi dt {
	font-weight: bold;
}
#moshi dl ul { /* use clearfix */
	padding-bottom: 8px;
}
#moshi dl li {
	float: left;
	width: 300px;
	margin-right: 8px;
	font-size: 95%;
}
#moshi p {
	border-top: 1px dashed #ccc;
	text-align: right;
}
#moshi p a {
	padding-left: 12px;
	background: url(http://i.yimg.jp/images/edu/renewal2008/images/top03.png) no-repeat left top;
	background-position: 0 -404px;
}
/* ---------- /15:moshi ---------- */


/* ---------- clearfix rules(float clear hack) ---------- */

#mobile dd.qr:after,#sponsor-search dd:after,#other-service:after,#other-service dl:after,#y-service:after,#qr-module:after,#estimation:after,#school .edu ul:after,#school .jyuku ul:after, #shikaku li.sokuho dl:after, #moshi dl ul:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
#mobile dd.qr,#sponsor-search dd,#other-service,#other-service dl,#y-service,#qr-module,#estimation,#school .edu ul,#school .jyuku ul, #shikaku li.sokuho dl, #moshi dl ul{
	display: inline-block;
	}
/* Hides from IE5-mac \*/
*html #mobile dd.qr,*html #sponsor-search dd,*html #other-service,*html #other-service dl,*html #y-service,*html #qr-module,*html #estimation,*html #school .edu ul,*html #school .jyuku ul, *html #shikaku li.sokuho dl, *html #moshi dl ul{
	height: 1%;
	}
#mobile dd.qr,#sponsor-search dd,#other-service,#other-service dl,#y-service,#qr-module,#estimation,#school .edu ul,#school .jyuku ul, #shikaku li.sokuho dl, #moshi dl ul{
	display: block;
	}
/* End hide from IE5-mac */

/* ---------- /clearfix rules(float clear hack) ---------- */