@charset "utf-8";
/*
	background
------------------------------------------------------------*/
body {
	background:#fffded;
	}
#wrapper {
	width:1000px;
	margin:0 auto;
	background:url(../image/wrapper_bg.png) repeat-y top center;
	}
#content {
	margin:0 auto;
	background:url(../image/content_bg.jpg) repeat-y top center;
	padding-left:5px;
	}


/*
	header
------------------------------------------------------------*/
#header h1 {
	padding:10px 0 10px 5px;
	}
ul#menu li{
	float:left;
	padding:0;
	}
ul#menu li.menu01 a:link,
ul#menu li.menu01 a:visited{
	text-indent:-9999px;
	width:199px;
	height:70px;
	display:block;
	background:url(../image/menu_list01.jpg) no-repeat center top;
	}
ul#menu li.menu01 a:hover,
ul#menu li.menu01 a:active{
	width:199px;
	height:70px;
	display:block;
	background:url(../image/menu_list01_on.jpg) no-repeat center top;
	}
ul#menu li.menu02 a:link,
ul#menu li.menu02 a:visited{
	text-indent:-9999px;
	width:198px;
	height:70px;
	display:block;
	background:url(../image/menu_list02.jpg) no-repeat center top;
	}
ul#menu li.menu02 a:hover,
ul#menu li.menu02 a:active{
	width:198px;
	height:70px;
	display:block;
	background:url(../image/menu_list02_on.jpg) no-repeat center top;
	}
ul#menu li.menu03 a:link,
ul#menu li.menu03 a:visited{
	text-indent:-9999px;
	width:198px;
	height:70px;
	display:block;
	background:url(../image/menu_list03.jpg) no-repeat center top;
	}
ul#menu li.menu03 a:hover,
ul#menu li.menu03 a:active{
	width:198px;
	height:70px;
	display:block;
	background:url(../image/menu_list03_on.jpg) no-repeat center top;
	}
ul#menu li.menu04 a:link,
ul#menu li.menu04 a:visited{
	text-indent:-9999px;
	width:198px;
	height:70px;
	display:block;
	background:url(../image/menu_list04.jpg) no-repeat center top;
	}
ul#menu li.menu04 a:hover,
ul#menu li.menu04 a:active{
	width:198px;
	height:70px;
	display:block;
	background:url(../image/menu_list04_on.jpg) no-repeat center top;
	}
ul#menu li.menu05 a:link,
ul#menu li.menu05 a:visited{
	text-indent:-9999px;
	width:198px;
	height:70px;
	display:block;
	background:url(../image/menu_list05.jpg) no-repeat center top;
	}
ul#menu li.menu05 a:hover,
ul#menu li.menu05 a:active{
	width:198px;
	height:70px;
	display:block;
	background:url(../image/menu_list05_on.jpg) no-repeat center top;
	}




/*
	leftColumn
------------------------------------------------------------*/
#leftColumn {
	width:220px;
	float:left;
	padding: 30px 15px 30px;
	}
.rankBox {
	background:url(../image/boxbg_01.gif) repeat left top;
	margin-bottom:20px;
	}
.rankBox h3 {
	padding: 10px 5px 0;
	}
img.border {
	border:#cacaca 1px solid;
	}
.rankBox dl.noborder {
	border:none;
	}
.rankBox dl {
	padding:20px 0 20px;
	border-bottom:#3c3c3c 1px dotted;
	}
.rankBox dt {
	float:left;
	padding-left:10px;
	}
.rankBox dd{
	float:right;
	width:110px;
	padding:0 10px 0 5px;
	}
.rankBox dd.bold{
	font-weight:bold;
	margin-bottom:1em;
	}

/*
	mainColumn
------------------------------------------------------------*/
#mainColumn {
	width:480px;
	float:left;
	padding-top: 30px;
	}
.schoolBox {
	position:relative;
	width: 476px;
	min-height: 219px;
	background:url(../image/school_bg.png) no-repeat center top;
	margin: 0 auto 20px;
	}
.schoolBox h3 {
	margin: 0 auto;
	}
.schoolBox h3.scl01 {
	width:405px;
	}
.schoolBox h3.scl02,
.schoolBox h3.scl03 {
	width:288px;
	}
.schoolBox h3.scl04 {
	width:262px;
	}
.schoolBox h3 img {
	margin: 32px 0 0;
	text-align:center;
	}
.schoolBox p img {
	padding-left:20px;
	float:left;
	}
.schoolBox p.textbox {
	position:relative;
	margin-top:20px;
	padding-right:50px;
	float:right;
	width:200px;
	}

.arrowLink01 a:link,
.arrowLink01 a:visited{
	text-indent:-9999px;
	width:227px;
	height:19px;
	background:url(../image/school_link01.png) no-repeat;
	display:block;
	}
.arrowLink01 a:hover,
.arrowLink01 a:active{
	width:227px;
	height:19px;
	background:url(../image/school_link01_on.png) no-repeat;
	display:block;
	}
.arrowLink02 a:link,
.arrowLink02 a:visited{
	text-indent:-9999px;
	width:242px;
	height:19px;
	background:url(../image/school_link02.png) no-repeat;
	display:block;
	}
.arrowLink02 a:hover,
.arrowLink02 a:active{
	width:242px;
	height:19px;
	background:url(../image/school_link02_on.png) no-repeat;
	display:block;
	}
.arrowLink03 a:link,
.arrowLink03 a:visited{
	text-indent:-9999px;
	width:242px;
	height:19px;
	background:url(../image/school_link03.png) no-repeat;
	display:block;
	}
.arrowLink03 a:hover,
.arrowLink03 a:active{
	width:242px;
	height:19px;
	background:url(../image/school_link03_on.png) no-repeat;
	display:block;
	}
.arrowLink04 a:link,
.arrowLink04 a:visited{
	text-indent:-9999px;
	width:226px;
	height:19px;
	background:url(../image/school_link04.png) no-repeat;
	display:block;
	}
.arrowLink04 a:hover,
.arrowLink04 a:active{
	width:226px;
	height:19px;
	background:url(../image/school_link04_on.png) no-repeat;
	display:block;
	}




.schoolBox p.scl_arrowlink01 {
	position:absolute;
	padding-right:30px;
	top:170px;
	right:25px;
	width:230px;
	}
.schoolBox p.scl_arrowlink02 {
	position:absolute;
	padding-right:30px;
	top:170px;
	right:10px;
	width:230px;
	}

.commentBox {
	padding: 15px;
	background:url(../image/comment_bg.jpg) no-repeat center top;
	border: 1px solid #cacaca;
	}
.commentBox span {
	font-size:18px;
	font-weight: bold;
	}
.mainrankBox{
	background:url(../image/boxbg_01.gif) repeat top left;
	margin-top:20px;
	border:1px solid #cacaca;
	}
.mainttlBg01{
	position:relative;
	height:41px;
	background:url(../image/mainrankTtl_bg01.jpg) no-repeat center top;
	}
.mainttlBg01 dt{
	position:relative;
	width:100px;
	float:left;
	top:-17px;
	left:9px;
}
.mainttlBg01 dd{
	position:relative;
	top:0px;
	left:0px;
	font-weight:bold;
	font-size:20px;
	padding: 8px;
}
.mainrankBox img.border {
	margin:0;
	padding:0;
	border:1px solid #cacaca;
	}
.rankContent dt{
	float:left;
	padding: 0 10px;	
	}
.rankContent dd{
	padding: 0 10px 0 0;	
	}
.rankContent dd.textBox{
	height:96px;
	padding: 0 10px 0 0;	
	}
.rankContent table{
	border-spacing:0;
}
.rankContent table th{
	line-height:2.0;
	padding: 0 10px;
	background:url(../image/tablebg_01.gif) repeat top left;
	border-top:1px solid #cacaca;
	border-left:1px solid #cacaca;
	border-right:1px solid #cacaca;
	}
.rankContent table td{
	width: 147px;
	text-align:center;
	font-weight:bold;
	color:#ffc000;
	line-height:2.0;
	padding: 0 10px;
	background-color:#FFFFFF;
	border-top:1px solid #cacaca;
	border-right:1px solid #cacaca;
	}
.rankContent table th.bottom,
.rankContent table td.bottom{
	border-bottom:1px solid #cacaca;
	}
.leftsampleBox {
	float:left;
	margin-left:10px;
	}
.rightsampleBox {
	float:right;
	margin-right:10px;
	}	
.leftsampleBox,
.rightsampleBox {
	width:204px;
	background-color:#FFFFFF;
	padding:10px;
	}	
.rightsampleBox img,
.leftsampleBox img{
	float:right;
	}
.teachercommentBox {
	width:430px;
	margin: 10px auto;
	padding:10px;
	background-color:#FFFFFF;
	border:solid 4px #ffa312;
	border-radius: 1em;	
	}
.teachercommentBox dt{
	font-weight:bold;
	font-size:20px;
	color:#ffa312;
	margin-bottom:10px;
	}

	
	
/*
	rightColumn
------------------------------------------------------------*/
#rightColumn {
	width:220px;
	float:right;
	padding: 30px 15px 30px;
	}
.navigatorBox{
	width:202px;
	background-color:#FFFFFF;
	border:1px solid #cacaca;
	padding:8px;
	}
.navigatorBox h3{
	width:151px;
	margin:0 auto;
	}
.navigatorBox img{
	margin-top:8px;
	float:right;
	}
.navigatorBox dl{
	margin-top:39px;
	}
.navigatorBox dd{
	margin-bottom:10px;
	}
.linkBox,
.linkBox02 {
	margin-bottom:20px;
	background:url(../image/boxbg_01.gif) repeat left top;
	}
.linkBox h3,
.linkBox02 h3 {
	padding: 10px 5px 0;
	}
.linkBox h4 {
	margin: 20px 0 0 10px;
	}
.linkBox ul {
	margin-left:34px;
	list-style-image:url(../image/icon_arrow.png);
	}
.linkBox02 ul {
	margin-left:34px;
	list-style-image:url(../image/icon_arrow02.png);
	}


/*
	footer
------------------------------------------------------------*/
#footer {
	position:relative;
	width:985px;
	height:60px;
	margin-top:20px;
	background:url(../image/footerbg_01.gif) repeat center top;
	padding:10px 0 10px 5px;
	}
.footerText {
	position:absolute;
	bottom:10px;
	left:10px;
	float:left;
	}
.copy {
	position:absolute;
	bottom:10px;
	right:10px;
	float:right;
	}