@charset "utf-8";
/* ===================================================================
CSS information
 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 リンクカラー設定
 #page
  #contents
   #side
   #main
=================================================================== */
img{ max-width : 100%}
/*----------------------------------------------------
	リンクカラー設定
----------------------------------------------------*/
a:link, a:visited {
	color:#40A229;
	text-decoration: underline;
}

a:hover {
	color: #5CC54C;
	text-decoration: underline;
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/
#page {
	
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
.indexBody #contents {
	float: left;
	width: 980px;
	padding: 10px 0;
}

/*.secondBody #contents {
	float: left;
	width: 980px;
	padding: 10px 0 20px;
}*/

/* -----------------------------------------------------------
	#side
----------------------------------------------------------- */
#side {
  display:none;
	/* float: left;
	width: 245px;*/
}

.boxSide{
	width: 233px;
	background: #FFFFFF;
	border: solid 1px #E2E2E2;
	margin: 0 0 10px;
}

#side h2{
	color: #333333;
	font-size: 16px;
	text-align: center;
	line-height: 2.5;
}

/* 2nd サイドメニュー */
.boxSide ul{
	width: 203px;
	padding: 20px 0 20px 30px;
}

.boxSide ul li{
	width: 203px;
	font-weight: bold;
	color: #333333;
	line-height: 1.8;
}

.boxSide ul li a{
	text-decoration: none;
	display: block;
}

/* 1階層目 アイコン設定 */
.boxSide ul li a:link, .boxSide ul li a:visited{
	background: url(../images/icon_arrow02_off.gif) no-repeat 160px 50%;
}

.boxSide ul li a:hover{
	background: url(../images/icon_arrow02_on.gif) no-repeat 160px 50%;
}

.boxSide ul li ul{
	width: 190px;
	padding: 0 0 0 13px;
}

.boxSide ul li ul li{
	width: 190px;
}

.boxSide ul li ul li a{
	font-weight: normal;
	text-decoration: underline;
	display: block;
}

/* 2階層目 アイコン設定 */
.boxSide ul li ul li a:link, .boxSide ul li ul li a:visited{
	background: url(../images/icon_arrow01_off.gif) no-repeat 100px 50%;
}

.boxSide ul li ul li a:hover{
	background: url(../images/icon_arrow01_on.gif) no-repeat 100px 50%;
}

/* 区切りライン */
.sideLine{
	width: 233px;
	height: 2px;
	background: #DAEFD7;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
  width:960px;
	/*float: left;
	width: 723px;
	border: solid 1px #E2E2E2;
	background: #FFFFFF;*/
	padding: 20px 0;
}

#pankuzu{
  display:none;
	/*padding: 0 0 0 40px;*/
}

/*.contentBox{
	width: 643px;
	padding: 20px 40px 20px;
}*/

.contentBox h3 img{
	padding: 0 0 15px;
	font-size: 16px;
	color: #333333;
	}

.contentBox h4{
	padding: 0 10px 0;
	margin:0 0 10px 0; 
	font-size: 16px;
	color: #333333;
	border-left:3px solid #40A229;
	width:600px;
	}
	
.contentBox h5{
	padding: 0 0 5px;
	font-size: 14px;
	font-weight: bold;
	color: #0763AE;
}

.contentBox p{
	line-height: 2.0;
}

.flowText{
	float: left;
	margin-right:10px;
}
.flowTextR{
	float: right;
	margin-left:10px;
}


/* スケジュール table */
.contentBox table{
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	line-height: 1.8;
}

.contentBox table th{
	padding: 0 10px;
	color: #333333;
	text-align: center;
	border-right: solid 1px #CCCCCC;
}

.contentBox table td{
	padding: 0 10px;
	text-align: center;
	border-right: solid 1px #CCCCCC;
}

.tbC01{ background: #E3E3D9;}
.tbC02{ background: #B6E0AE;}
.tbC03{ background: #E5FAE5;}
.tbC04{ background: #F3F3ED;}
.tbC05{ background: #DAF0D5;}

.contentBox .right{
	text-align:right;
}

/* 神奈川スケジュール*/
.contentBox01{
	width: 643px;
	padding: 20px 40px 20px;
}

.contentBox01 p{
	line-height: 2.0;
}

/* 神奈川スケジュール table */
.contentBox01 table{
	border-top: solid 1px #CCCCCC;
	border-left: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	line-height: 1.8;
}

.contentBox01 table th{
	padding: 0px;
	color: #333333;
	text-align: center;
	border-right: solid 1px #CCCCCC;
}

.contentBox01 table td{
	padding: 0 5px;
	text-align: center;
	border-right: solid 1px #CCCCCC;
}

.contentBox01 table td.left{
	padding: 0 10px;
	text-align:left;
	border-right: solid 1px #CCCCCC;
}

.tbC01{ background: #E3E3D9;}
.tbC02{ background: #B6E0AE;}
.tbC03{ background: #E5FAE5;}
.tbC04{ background: #F3F3ED;}
.tbC05{ background: #DAF0D5;}


/* サンプル */
.sampleBox{
	width: 643px;
}

.sampleBox li{
	float: left;
	padding: 0 20px 10px 0;
	line-height: 1.0;
}

.sampleBox li img{
	border: solid 1px #CCCCCC;
}

.sampleBox li a:link p, .sampleBox li a:visited p{
	padding: 0 0 0 14px;
	background: url(../images/icon_arrow01_off.gif) no-repeat left 50%;
}

.sampleBox li a:hover p{
	padding: 0 0 0 14px;
	background: url(../images/icon_arrow01_on.gif) no-repeat left 50%;
}

/* リストスタイル01 */
.contentsList{
	width: 100%;
	margin-bottom: 10px;
}

.contentsList li{
	padding: 0 0 0 10px;
	list-style: disc;
	list-style-position: inside;
	line-height: 1.8;
}

/* リストスタイル02 必要書類 */
.contentsList02{
	border: solid 1px #C7E7C2;
	padding: 15px;
	background: #F2F9F1;
}

.contentsList02 li a{
	line-height: 2.0;
}

.contentsList02 li a:link, .contentsList02 li a:visited{
	padding: 0 0 0 14px;
	background: url(../images/icon_arrow01_off.gif) no-repeat left 50%;
}

.contentsList02 li a:hover{
	padding: 0 0 0 14px;
	background: url(../images/icon_arrow01_on.gif) no-repeat left 50%;
}

/* お申込み　greenBox */
.contentBox02{
	padding: 15px 0;
	background: #45B035;
	color: #FFFFFF;
	text-align: center;
}

.contentBox02 h4{
	font-size: 18px;
	padding: 0 0 15px;
	letter-spacing: 0.3em;
	color: #FFFFFF;
}

/* 詳しい流れ */
.flowBox{
	width: 605px;
	padding: 20px 18px;
	border: solid 1px #C7E7C2;
	background: #F2F9F1;
}

.flowBox p span{
	font-weight: bold;
	color: #333333;
}

/* ダウンロード */
.download{
	padding: 20px 0;
}

.download a:link, .download a:visited{
	padding: 0 14px 0 0;
	background: url(../images/icon_arrow01_off.gif) no-repeat right 50%;
}

.download a:hover{
	padding: 0 14px 0 0;
	background: url(../images/icon_arrow01_on.gif) no-repeat right 50%;
}

/* 赤文字 */
.flowNote{
	color: #D11826;
}

/* 緑↓ */
.flowArrow{
	width: 100px;
	height: 35px;
	background: url(../images/flow_arrow.gif) no-repeat right top;
}

/* 区切りライン */
.dotLine{
	clear: both;
	width: 723px;
	height: 1px;
	background: url(../images/dotline.gif) repeat-x;
}

/* ページトップへ */
.pageTop {
	clear: both;
	text-align: right;
	padding: 0 40px 10px 0;
}

.pageTop a:link, .pageTop a:visited{
	padding: 0 14px 0 0;
	background: url(../images/icon_arrow03_off.gif) no-repeat right 50%;
	text-decoration: none;
}

.pageTop a:hover{
	padding: 0 14px 0 0;
	background: url(../images/icon_arrow03_on.gif) no-repeat right 50%;
	text-decoration: none;
}

/*----------------------------------------------------
	#公立模試
----------------------------------------------------*/
/* リスト */
#kaijo dl {
	margin: 0 0 15px;
	padding: 0 10px 10px;
	
	}
#kaijo dl dt {
	float: left;
	width: 7em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 150%;
}
#kaijo dl dd {
	padding: 10px 0 10px 7em;
	line-height: 150%;
	border-bottom: 1px #CCCCCC solid;
}

#kaijo dl dt.service {
	float: left;
	width: 15em;
	padding: 10px 0;
	font-weight: bold;
	text-indent: 1em;
	line-height: 150%;}

#kaijo dl dt.contact {
	float: left;
	width: 14em;
	padding: 10px 20px 10px 0px;
	font-weight: bold;
	text-align:right;
	line-height: 120%;
	
	
	}

	
	

/* --- リストエリア --- */
#flow ol {
width: 635px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目 --- */
#flow ol li {
margin-bottom: 12px; /* リスト項目の下マージン */
padding-bottom: 28px; /* リスト項目の下パディング */
background: url(../images/flow_arrow.gif) no-repeat center bottom; /* リスト項目の背景 */
}
/* --- 最後のリスト項目 --- */
#flow ol li.last {
margin-bottom: 0;
padding-bottom: 0;
background-image: none;
}

/* --- ボックス --- */
#flow ol dl {
margin: 0;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
}

/* --- タイトルエリア --- */
#flow ol dt {
padding: 9px 10px 7px; /* タイトルエリアのパディング（上、左右、下） */
background-color: #f9f9f9; /* タイトルエリアの背景色 */
border-bottom: 1px #c0c0c0 solid; /* タイトルエリアの下境界線 */
font-weight: bold;
color: #999999;
}

/* --- 本文エリア --- */
#flow ol dd {
margin: 0;
padding: 15px 10px; /* 本文エリアのパディング（上下、左右） */
background-color: #ffffff; /* 本文エリアの背景色 */
color: #2b2b2b;
line-height: 2.0;
}

#flow ol dd .suihei{
	width:100%;
	height:1px;
	background:#666;
	}
#flow ol dd .subt{
	font-weight: bold;
	color: #333333;
}

#flow img{
	float:left	;
	margin:10px;
}

#flow ol.sakusei{
width: 200px; /* リストエリアの幅 */
margin: 0;
padding: 0;
list-style-type: none;
}


/* --- テスト結果エリア --- */
div.update {
width: 500px; /* 新着情報エリアの幅 */
}

/* --- 新着リスト --- */
div.update dl {
width: 100%; /* 新着リストの幅 */
margin: 0;
border-top: 1px #c0c0c0 dotted; /* 新着リストの上境界線 */
}

/* --- 日付エリア --- */
div.update dt {
width: 200px; /* 日付エリアの幅 */
float: left;
padding: 7px 0 30px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 1.5;
}

#line01 {
width: 200px; /* 日付エリアの幅 */
float: left;
padding: 7px 0 0px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 1.5;
}

#line03 {
width: 200px; /* 日付エリアの幅 */
float: left;
padding: 7px 0 20px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 1.5;
}
/* --- 本文エリア --- */
div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 2.0;
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

.contentBox h3.title01{
margin-bottom: 1em;
padding: 18px 0 0 20px;
color: #FFF;
font-size: 20px;
line-height: 1.0;
width: 623px;
height: 34px;
background: url(../images/bg_h3.gif);
}

.thanks{
	font-size:large;
	font-weight:bold;
}
.point{
	font-size:10px;
}

#curriculum table{	
	border-collapse: collapse;
	border: 1px black solid; 
}

#curriculum table td{	
	border: 1px black solid;

	}
#curriculum table tr{
	background-color:white;
	border: 1px black solid; 
	}
	
#curriculum table th{
	background-color:gray;
	border: 1px black solid; 
	}
	
.float01{float:right;}


.frame01{
padding:2px;
background:#FAFCC7;
border-color:#9C9F44;
border-width:1px
;border-style:solid;
}

.frame02{
padding:5px;
background:#FCFDE0;
border-color:#9C9F44;
border-width:1px;
border-style:solid;
}
.frametitle01{
padding:3px 5px;
border-color:#39B530;
border-width:1px 1px 1px 7px;
border-style:solid;
background:#EAFEE8;
font-size:14px;
font-weight:bolder; 
font-family:sans-serif;
}

.caution{
	padding:2px;
	marigin:0;
	width:400px;
	background-color:#CCFF66;
}
.caution02{
	padding:2px;
	marigin:0;
	width:400px;
	background-color:red;
	color:white;
}


/*----------------------------------------------------
	#FAQ
----------------------------------------------------*/
/* --- リストエリア --- */
ul#qa {
margin: 0;
padding: 0;
list-style-type: none;
}

/* --- リスト項目の内容 --- */
ul#qa dl {
margin: 0;
background: #f9f9f9 url(../images/qa_back.gif) repeat-x top; /* リスト項目の背景 */
}

/* --- Questionエリア --- */
ul#qa dt {
margin: 0;
padding: 8px 6px 6px 35px; /* Questionエリアのパディング（上右下左） */
background: url(../images/q3g.gif) no-repeat 4px 5px; /* Questionエリアの背景 */
border: 1px #c0c0c0 solid; /* Questionエリアの境界線 */
font-weight: bold;
line-height: 120%;
}

/* --- Answerエリア --- */
ul#qa dd {
margin: 0;
padding: 11px 6px 25px 35px; /* Answerエリアのパディング（上右下左） */
background: #ffffff url(../images/a4.gif) no-repeat 4px 8px; /* Answerエリアの背景 */
line-height: 150%;
}


.contentBox table#offer11 {
	border:0;
	line-height:3.0;
}


.contentBox table#offer11 td{
	padding: 0 10px;
	text-align: left;
	border:0;
	}
	

.contentBox table#offer11 tr.btm{
	padding: 0 10px;
	text-align: center;
	border-bottom: 1px solid #ccc;
}

/*----------------------------------------------------
	#SAMPLE
----------------------------------------------------*/
.samplebox01{
text-align: center; 
margin-top:40px;
}

.samplebox01 h1{
font-size:20px;
color:navy; 
}

/*----------------------------------------------------
	#sakubun_box
----------------------------------------------------*/

div.div020-hpl {
  margin: 1em 0;
  border: solid 3px #FF6464;
}

div.div020-hpl h3 {
  margin: 0 0 1em 0;
  background: #FF6464;
  padding: 5px 15px;
  color: #FFF;
  font:20px "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace,#FFF
}

div.div020-hpl p {
  margin: 0.5em 15px 0.5em 30px;
}

div.div020-hpl ol {
  margin-left: 0;
  padding-left: 0;
}

div.div020-hpl ol li {
  margin-left: 60px;
  list-style: outside decimal;
}