@charset "UTF-8";

/* ------------------------------------------------------------
  CONTENTS CSS
  最終更新日 : 2011-05-19
------------------------------------------------------------ */


/* Schools Style
------------------------------------------------------------ */

.schoolsPoint {
	border: solid 10px #eeeeee;
	background-color: #ffffff;
	padding: 19px 10px 10px 10px;
	margin-bottom: 30px;
}

.schoolsPoint .title {
	background: url(/j/syokuiku/zissen_navi/schools/img/point_line.gif) no-repeat left bottom;
	padding-bottom: 19px;
}

.schoolsPoint .point li {
	background: url(/j/syokuiku/zissen_navi/schools/img/point_line.gif) no-repeat left bottom;
	padding: 10px 0 11px 0;
}

.schoolsPoint .point li img { vertical-align: bottom; }

.schoolsPoint2 {
	border: solid 10px #eeeeee;
	background-color: #ffffff;
	padding: 0 10px 10px 10px;
	margin-bottom: 30px;
}

.schoolsPoint2 .point li {
	background: url(/j/syokuiku/zissen_navi/schools/img/point_line.gif) no-repeat left bottom;
	padding: 10px 0 11px 0;
}

.schoolsPoint2 .point li.borderNone {
	padding: 10px 0 0 0;
}

.schoolsPoint2 .point li img { vertical-align: bottom; }

.effortLeft160 { float: left; padding-right: 20px; }
.effortLeft160 div,
.effortLeft160 p { width: 160px;}
.effortRight440 { float: right; width: 440px; }

.effortLeft220 { float: left; padding-right: 20px; }
.effortLeft220 div,
.effortLeft220 p { width: 220px;}
.effortRight380 { float: right; width: 380px; }

.effortLeft260 { float: left; padding-right: 20px; }
.effortLeft260 div,
.effortLeft260 p { width: 260px;}
.effortRight340 { float: right; width: 340px; }

.effortLeft380 { float: left; width: 380px; }
.effortRight220 { float: right; padding-left: 20px; }
.effortRight220 div,
.effortRight220 p { width: 220px;}

.schoolFloatLeft220 { float: left; padding-right: 20px; }
.schoolFloatRight220 { float: right; padding-left: 20px; }

.schoolIndex { width: 620px; }

.schoolIndexleft {
	width: 300px;
	float: left;
	margin:0px;
	padding:0px;
}

.schoolIndexRight {
	width: 300px;
	float: right;
	margin: 0;
	padding: 0;
}

.schoolIndexbox01{
	width: 300px;
	background-color: #000000;
	background: url(/j/syokuiku/zissen_navi/schools/img/h4_index_01bg.gif) no-repeat left bottom;
	padding:0 10px 10px 10px;
}

.schoolIndexbox01 p{
	width: 280px;
	padding:5px 0;
}

.schoolIndexbox01 a{
	width: 280px;
	height:16px;
	margin:10px 0;
	background: url(/j/syokuiku/zissen_navi/schools/img/h4_index_01arrow.gif) no-repeat Left 2px;
	padding:0 0 10px 20px;
}

.schoolIndexbox02{
	width: 300px;
	background: url(/j/syokuiku/zissen_navi/schools/img/h4_index_05bg.gif) no-repeat left bottom;
	padding:0 10px 10px 10px;
}

.schoolIndexbox02 p{
	width: 280px;
	padding:5px 0;
}

.schoolIndexbox02 a{
	width: 280px;
	height:16px;
	margin:10px 0;
	background: url(/j/syokuiku/zissen_navi/schools/img/h4_index_05arrow.gif) no-repeat Left 2px;
	padding:0 0 10px 20px;
}

.schoolIndexbox03{
	width: 300px;
	background: url(/j/syokuiku/zissen_navi/schools/img/h4_index_08bg.gif) no-repeat left bottom;
	padding:0 10px 10px 10px;
}

.schoolIndexbox03 p{
	width: 280px;
	padding:5px 0;
}

.schoolIndexbox03 a{
	width: 280px;
	height:16px;
	margin:10px 0;
	background: url(/j/syokuiku/zissen_navi/schools/img/h4_index_08arrow.gif) no-repeat Left 2px;
	padding:0 0 10px 20px;
}

.schoolCasesIndex{

	background: url(/j/syokuiku/zissen_navi/schools/img/h3_cases_boxbg.gif) no-repeat left top;
	border-bottom:1px solid #cccccc;
	padding:20px;
	zoom: 1;
}

.schoolCasesIndex h4{
	font-size:110%;
	font-weight:bold;
	color:#000000;
}

.schoolCasesIndex p { margin:10px 0; }

h4.schoolCases1 {
	padding:3px 3px 3px 10px;
	border-left:5px solid #cccccc;
	color:#000000;
}

.schoolCases2Table {
	width: 620px;
	margin: 0;
	padding: 0;
}
.schoolCases2Read { padding:5px; }
.schoolCases2Cousion { font-size:80%; }


/* Test Style
------------------------------ */

.testList1 ul { clear: both; }

.testList1 li {
	float: left;
	background-image: none;
	padding-left: 0;
}

.testList1 li img { vertical-align: top; }
.testList2 { height: 190px; }

.testList2 li {
	float: left;
	background-image: none;
	padding-left: 0;
}

.testList2 li img { vertical-align: bottom; }

.testFrame { background: url(/j/syokuiku/zissen_navi/schools/img/test_frame_02.gif) no-repeat left bottom #f6f1d6;}

.testFrame ul {
	background: url(/j/syokuiku/zissen_navi/schools/img/test_frame_01.gif) no-repeat left top;
	padding: 15px 15px 10px 15px;
}

.testFrame ul li {
	background-image: none;
	padding: 0 0 10px 0;
}

