@charset "utf-8";
/* -----------------------------------------------------------------
	http://www/
	更新日：2012年6月27日
------------------------------------------------------------------*/

/* -----------------------------------------------------------------
	目次
	
	リセット
	基本スタイル
	wrapper
	CSSハック
	各種マージン
	header
	contents
	sidebar
	main
	footer
	home
	guide
	elementary
	jhs
	other
	contact
	blog
------------------------------------------------------------------*/

/* -----------------------------------------------------------------

	リセット

------------------------------------------------------------------*/
* {
	font-style: normal;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}
html {
	font-size: 62.5%;
	line-height: 1.6;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Firefox3 用 */
html:not([lang*=""]) table {
    border-collapse: separate;
    border-spacing: 0;
 }
caption,th {
	text-align:left
}
ul {
	list-style:none;
}
/*
fieldset,img {
	display: none;
	border: 0;
	vertical-align: bottom;
}
*/
/* -----------------------------------------------------------------

	基本スタイル

------------------------------------------------------------------*/
body {
	color: #333333;
	background-color: #aaaaaa;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background: url(images/body.png);
}
h1 {
	float: left;
	font-size: 1.4em;
	font-weight: normal;
}
h2 {
	font-size: 1.4em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.4em;
}
p {
	font-size: 1.4em;
	letter-spacing:0.05em;
}
a img {
	border-style: none;
}
a:link {
	color: #999999;
	text-decoration: none;
}
a:visited {
	color: #999999;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
a:active {
	text-decoration: none;
	position: relative;
}

p.pdf a span {
	color:#09d;
}

/* -----------------------------------------------------------------

	wrapper

------------------------------------------------------------------*/
#wrapper {
	clear: both;
	width: 880px;
	margin: 15px auto;
}

/* -----------------------------------------------------------------

	CSSハック

------------------------------------------------------------------*/
/* Internet Explore6.0 用 */
/*ヘッダ部分*/
* html #content {
	margin-top:-2px;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}

/*hides form IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display:block;}
/* End hide form IE-mac */

/* -----------------------------------------------------------------

	各種マージン

------------------------------------------------------------------*/
.mgnTop5 {
	margin-top: 5px;
}
.mgnTop10 {
	margin-top: 10px;
}
.mgnTop15 {
	margin-top: 15px;
}
.mgnTop20 {
	margin-top: 20px;
}
.mgnBtm5 {
	margin-bottom: 5px;
}
.mgnBtm10 {
	margin-bottom: 10px;
}
.mgnBtm15 {
	margin-bottom: 15px;
}
.mgnBtm20 {
	margin-bottom: 20px;
}
.mgnBtm30 {
	margin-bottom: 30px;
}

/* -----------------------------------------------------------------

	その他

------------------------------------------------------------------*/

.fL {
	float: left;
}

.fR {
	float: right;
}

.tC {
	text-align: center;
}

.tR {
	text-align: right;
}

/* -----------------------------------------------------------------

	hタグ

------------------------------------------------------------------*/


h1 {
}

h2 {
	display: block;
	float: left;
	margin: 20px 0 0 0;
}

h3 {
	padding:3px 0 0 36px;
}

h4 {
	font-weight: bold;
}


/* -----------------------------------------------------------------

	header

------------------------------------------------------------------*/

#headerWrap {
	overflow: hidden;
}

#header {
	overflow: hidden;
}

#h1 {
	overflow: hidden;
	width: 800px;
	margin: auto;
	font-size: 0.8em;
}

#h1 p {
	float: right;
}

#h1Wrap {
	background: #f1f1f1;
}

#headerBox {
	overflow: hidden;
	width: 800px;
	margin: auto;
	padding-bottom: 12px;
}

#h2Wrap {
	background: #fff;
}

.headerTxt {
	float: right;
}

a.contact {
  background: url(images/contact_on.gif) left top no-repeat;
  color: #fff;
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 315px;
  height: 49px;
}

a.contact:hover{
  background-color: #fff;
  color: #333;
}

a.contact img {
  background-color: #00f;
}


a.contact:hover img {
  position: relative;
  top: -49px;
}


/* -----------------------------------------------------------------

	content

------------------------------------------------------------------*/

#content {
	overflow: hidden;
	margin-left: 20px;
	background: url(images/bg.png) repeat-y;
}

#content p.return {
	padding: 0 60px 15px 0;
	text-align:right;
}

/* -----------------------------------------------------------------

	side

------------------------------------------------------------------*/

#side {
	display: inline;
	float: left;
	margin-left: 20px;
	width: 209px;
	padding-bottom: 27px;
	background: url(images/nav_bottom.png) bottom no-repeat
}

#sideBorder {
	border-right: 1px #ccc solid;
}

#side ul {
	width: 169px;
}

#side ul li {
	width: 169px;
	height: 39px;
	margin:0 0 10px 10px;
}

#side ul li a {
	overflow: hidden;
}

/* --- gNav --- */

#gNav {
	overflow: hidden;
	padding:20px 0 13px 10px;
	background: #fff;
}

.navBox {
	margin-bottom: 15px;
}

.navBox li p{
	position: relative;
    z-index: 3;
    zoom: 1;
}

/* --- nav1 --- */

.nav1 {
	background: url(images/nav1.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 169px;
	height: 39px;
}

.nav1:hover {
	background-position: left bottom;
}  

.nav1 span {
	position: relative;  
	z-index: -1;
}

/* --- nav2 --- */

.nav2 {
	background: url(images/nav2.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 169px;
	height: 39px;
}

.nav2:hover {
	background-position: left bottom;
}  

.nav2 span {
	position: relative;  
	z-index: -1;
}

/* --- nav3 --- */

.nav3 {
	background: url(images/nav3.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 169px;
	height: 39px;
}

.nav3:hover {
	background-position: left bottom;
}  

.nav3 span {
	position: relative;  
	z-index: -1;
}

/* --- nav4 --- */

.nav4 {
	background: url(images/nav4.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 169px;
	height: 39px;
}

.nav4:hover {
	background-position: left bottom;
}  

.nav4 span {
	position: relative;  
	z-index: -1;
}

/* --- nav5 --- */

.nav5 {
	background: url(images/nav5.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 169px;
	height: 39px;
}

.nav5:hover {
	background-position: left bottom;
}  

.nav5 span {
	position: relative;  
	z-index: -1;
}

/* --- nav6 --- */

.nav6 {
	background: url(images/nav6.gif) left top no-repeat;
	display: block;
	text-decoration: none;
	width: 169px;
	height: 39px;
}

.nav6:hover {
	background-position: left bottom;
}  

.nav6 span {
	position: relative;  
	z-index: -1;
}

#side div.access {
	width: 168px;
	margin: 0 0 15px 10px;
}

#side div.access p {
	font-size: 13px;
	text-align: center;
}

#side p.accessTitle {
	color: #da4801;
	font-weight: bold;
}

#side .contactBox {
	margin: 0 0 20px 10px;
}


a.side_contact {
  background: url(images/side_contact_on.gif) left top no-repeat;
  color: #fff;
  display: block;
  overflow: hidden;
  text-align: center;
  position: relative;
  width: 169px;
  height: 86px;
}

a.side_contact:hover{
  background-color: #fff;
  color: #333;
}

a.side_contact img {
  background-color: #00f;
}


a.side_contact:hover img {
  position: relative;
  top: -86px;
}

#side div.gMapLink {
	width: 164px;
	padding: 2px;
	background: #f2f2f2;
	font-size:11px;
	font-weight: bold;
	text-align: center;
}

#side div.gMapLink a {
	display: block;
	color: #333;
}

#side table {
	width: 168px;
	margin: 0 0 20px 10px;
	border-top:1px #d0c9bb solid;
	border-left:1px #d0c9bb solid;
}

#side table th {
	width: 50px;
	text-align: center;
	border-right:1px #d0c9bb solid;
	border-bottom: 1px #d0c9bb solid;
	background: #f6efe1;
}

#side table td {
	text-align: center;
	border-right:1px #d0c9bb solid;
	border-bottom: 1px #d0c9bb solid;
}

/* -----------------------------------------------------------------

	main

------------------------------------------------------------------*/

#main {
	float: right;
	width: 610px;
	padding: 20px 0 0 0;
}

.contentBox {
}

.contentBox .h3 {
	width: 609px;
	height: 60px;
	background: url(images/title.png) no-repeat;
}

.section {
	overflow: hidden;
	clear: both;
	width: 470px;
	padding: 0 0 3em 0;
	margin: 0 0 0 36px;
}

.sectionBorder {
	margin-bottom: 30px;
	border-bottom: 1px #ccc dashed ;
}

/* 合格実績 */
.results-article {
	background: #fffcf0;
	padding: 15px;
	width: 470px;
	/zoom: 1;
}

.results-article:after {
	clear: both;
	content: '';
	display: block;
}

.results-article .tbl-results {
	float: left;
	font-size: 1.2em;
	width: 200px;
}

.results-article .tbl-results th {
	width:90px!important;
	font-weight: normal;
}

.results-article .tbl-results td {
	padding: 5px 0;
}

.results-article .tbl-results .point-leader {
	width:15px;
}

.results-article .tbl-results .head-count {
	font-weight: bold;
	width: 20px;
}

.results-midschool {
	margin-bottom: 3em;
}

.results-highschool {
	margin-bottom: 0.5em;
}

.results-highschool .tbl-results th {
	width:90px!important;
}

.results-highschool .tbl-results .head-count {
	width: 20px;
}

.point-txt {
	color: #f00;
}



.results-article .tbl-OneColumn {
	font-size: 1.2em;
	width: 440px;
	margin-bottom:1em;
}

.results-article .tbl-OneColumn th {
	font-weight: normal;
}

.results-article .tbl-OneColumn td {
	padding: 5px 0;
}
.results-article .tbl-OneColumn .head-count {
	font-weight: bold;
}

/* -----------------------------------------------------------------

	footer

------------------------------------------------------------------*/

#footer {
	overflow: hidden;
	padding: 20px 0 20px 0;
	background-color: #FFFFFF;
	font-size:10px;
	clear: both;
}

#footerWrap {
	overflow: hidden;
	margin: 0 auto;
	width: 800px;
}

.footerBox {
	overflow: hidden;
}

.footerLeft {
	float: left;
	width: 350px;
}


/* --- footerNav --- */

.footerNav {
	width: 435px;
	float: right;
}

.footerNav ul li {
	float: left;
	width: 130px;
	padding-left: 15px;
	font-size:9px;
}

.footerNav ul li a {
	display: block;
	font-weight: bold;
	padding-left: 7px;
}

.footerNav ul li a:hover {
	background: #ffe300;
}

address {
	font-size: 8px;
}

address span {
	margin-left: 3px;
	padding-left: 3px;
	border-left:1px #555 solid;
}

.copyright {
	font-size: 8px;
	text-align: right;
}

/* -----------------------------------------------------------------

	home

------------------------------------------------------------------*/

div.section table {
	width: 470px;
	margin-bottom: 3px;
	font-size: 13px;
	text-align: center;
}

/*--170309 START--*/
div.section table th.th1 {
	width: 130px;
	height: 26px;
	padding-top: 3px;
	background: url(images/th_bg3.jpg) center bottom no-repeat;
	text-align: center;
}

div.section table th.th2 {
	width: 230px;
	height: 26px;
	padding-top: 3px;
	background: url(images/th_bg2.jpg) center bottom no-repeat;
	text-align: center;
}

div.section table th.th3 {
	width: 90px;
	height: 26px;
	padding-top: 3px;
	background: url(images/th_bg4.jpg) center bottom no-repeat;
	text-align: center;
}
/*--170309 END--*/

div.section table td.tdCol1 {
	padding: 10px 0 10px;
	background: #fffcf0;
	font-size:0.9em;
}

div.section table td.tdCol2 {
	padding: 10px 0 10px;
	background: #faf3d7;
	font-size:0.9em;
}

div.section table td.tdBorder {
	border-left:1px #cfc7a5 solid;
	border-right:1px #cfc7a5 solid;
}


p.homeContentTitle {
	margin-bottom: 15px;
	font-size:1.7em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0em !important;
}

p.homeImg01 {
	float: right;
	margin-left: 10px;
}

/* -----------------------------------------------------------------

	guide

------------------------------------------------------------------*/

.guideTitle {
	margin: 0 0 2px 30px;
}

.guidePhoto {
	float: right;
	margin: 5px 0 12px 12px;
}


/* -----------------------------------------------------------------

	elementary.html

------------------------------------------------------------------*/

.eleSub {
	margin: 0 0 40px 5px;
}

.elePickupWrap {
	position: relative;
}

.pickupSection {
	overflow: hidden;
	clear: both;
	width: 480px;
	padding: 0 0 4em 0;
	margin: 0 0 3em 36px;
}

.pickupIcon {
	position: absolute;
	left: 0;
	top: -30px;
}

.elePickup {
	margin: 0 0 0 87px;
	background: url(images/ele_pickup_bg.gif) repeat-y;
}

.elePickupTxt {
	width: 340px;
	padding: 0 20px 0 20px;
}

.elePickupCol {
	color: #169d4c;
	font-weight: bold;
}

.eleTxt {
	width: 365px;
	margin-left: 15px;
	float: right;
}

.elePhoto {
	float: right;
	margin: 0 0 10px 10px;
}

/* -----------------------------------------------------------------

	jhs

------------------------------------------------------------------*/

.jhsSub {
	margin:0 0 40px 20px;
}

.jhsTxt {
	width: 365px;
	margin-left: 15px;
	float: right;
}

.jhsPhoto {
	float: right;
	margin: 0 0 10px 10px;
}


/* -----------------------------------------------------------------

	other

------------------------------------------------------------------*/

.otherPhoto {
	float: right;
	margin: 5px 0 12px 12px;
}

ol.flow {
	padding: 0 0 20px 22px;
	font-size: 1.4em;
}

ol.flow li.list1 {
	padding-bottom: 20px;
	list-style-position: outside;
	border-bottom: 1px #ccc dashed;
}

ol.flow li.list2 {
	padding: 20px 0 20px 0;
	list-style-position: outside;
	border-bottom: 1px #ccc dashed;
}

ol.flow li.list3 {
	padding-top: 20px;
	list-style-position: outside;
}

.otherPoint {
	font-size: 1.1em;
}

.otherEntrance {
	width:400px;
	margin:5px 5px 15px;
	padding:3px 3px 3px 10px;
	border-left: 3px #d9d0a8 solid;
}


/* -----------------------------------------------------------------

	contact

------------------------------------------------------------------*/


/* -----------------------------------------------------------------

	gblog

------------------------------------------------------------------*/


/* -----------------------------------------------------------------

	fontsize

------------------------------------------------------------------*/

.s8 {
	font-size:0.8em;
}
.s10 {
	font-size:1.0em;
}
.s12 {
	font-size:1.2em;
}
.s14 {
	font-size:1.4em;
}
.s16 {
	font-size:1.6em;
}


/* -----------------------------------------------------------------

	top News 2017.04.25

------------------------------------------------------------------*/

#news {
	width:511px;
	border:#d2d2d2 solid 1px;
	background:#f9f9f9;
	padding:20px 20px 12px;
	overflow:hidden;
	margin-bottom:3em;
}
#news .imgBook {
	float:right;
}
#news p.title {
	font-size:1.6em;
	font-weight:bold;
	letter-spacing:-0.01em;
	margin-bottom:0.5em;
}
#news p.title span {
	text-indent:-6px;
	display:block;
}
#news p.lead {
	font-size:1.2em;
	letter-spacing:-0.05em;
	margin-bottom:1.3em;
}
#news p.buy {
	background:url(images/icon_buy.png) left center no-repeat;
	padding:0 0 0 20px;
}
#news p.buy a {
	color:#0066ff;
	text-decoration:underline;
}
#news p.buy a:hover {
	color:#3399ff;
	text-decoration:none;
}


/* 20180209 ガウディア */
.gaudia {
	width:511px;
	border:#d2d2d2 solid 1px;
	background:url(images/gaudia_bg.gif);
	padding:24px 20px 32px;
	overflow:hidden;
	margin-bottom:3em;
	text-align:center;
}
.gaudia .title {
	font-size:38px;
	font-weight: 900; 
	letter-spacing:0.03em;
	 color:#e3092d;
}
.gaudia span {
	color:#006938;
}
.gaudia .target {
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
}
.gaudia .url {
	margin-bottom:15px;
}
.gaudia .url a {
	font-size:11px;
	color:#0066ff;
	text-decoration:underline;
}
.gaudia .url a:hover {
	color:#3399ff;
	text-decoration:none;
}
.gaudia .group {
	font-size:12px;
}

/* 20180209 ガウディア */

/* 20190402 ステップワールド */
.stepworld {
	width:511px;
	border:#d2d2d2 solid 1px;
	background:url(images/gaudia_bg.gif);
	padding:24px 20px 32px;
	overflow:hidden;
	margin-bottom:3em;
	text-align:center;
}
.stepworld .title {
	font-size:26px;
	font-weight: 900; 
	letter-spacing:0.01em;
	 color:#e3092d;
	 line-height:140%;
	 margin-bottom:20px;
	 font-feature-settings: "palt";
}
.stepworld span {
	color:#0054ff;
}
.stepworld .target {
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
}
.stepworld .url {
	margin-bottom:15px;
}
.stepworld .url a {
	font-size:11px;
	color:#0066ff;
	text-decoration:underline;
}
.stepworld .url a:hover {
	color:#3399ff;
	text-decoration:none;
}
.stepworld .group {
	font-size:12px;
}

/* 20190402 ステップワールド */

/* 20260319 小学校受験クラス */
/* 1. 外枠：画面の中央に配置し、中身もセンター寄せ */
.simple-target-info.emphasis {
  display: table;      /* 内容の幅に合わせつつ中央寄せしやすくする */
  margin: 30px auto;   /* 上下に余白、左右をautoで完全中央寄せ */
  padding: 20px 40px;  /* 上下を詰め、左右にゆとりを持たせる */
  background-color: #f0f7ff;
  border: 3px solid #000;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  text-align: center;  /* 枠内の要素をセンターへ */
}

/* 2. 各行の設定：横並びを維持しつつ中央に集める */
.target-row {
  display: flex;
  justify-content: center; /* 行の中身を中央に寄せる */
  align-items: center;
  margin: 0 !important;    /* 余計な空行を排除 */
  padding: 8px 0;         /* 行間の微調整 */
  white-space: nowrap;
}

/* 3. 文字の設定：力強い黒 */
.label, .content {
  color: #000 !important;
  font-size: 1.5rem;
  font-weight: 900;
  line-height: 1.2;
}

.label {
  margin-right: 5px;       /* ＜クラス名＞と内容の間のわずかな隙間 */
}
/* 20260319 小学校受験クラス */