@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, fea, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*==============================
  general
================================*/

html {
  font-size: 62.5%;
}

body {
  line-height: 1.4;
  font-family: "メイリオ", Meiryo, sans-serif;
  margin: 0;
  font-size: 1.0rem;
  color: #666;
}

a:hover img{
  opacity: .7;
}

img{
  max-width: 100%;
  height: auto;
}

.wrap{
  max-width: 100%;
}

.inner{
  width: 96%;
  max-width: 100%;
  min-width: 380px;
  margin: 0 auto;
}

.fleft{float: left; !important}
.fright{float: right; !important}
.fnone{float: none; !important}

.tleft{text-align: left; !important}
.tright{text-align: right; !important}
.tcenter{text-align: center; !important}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt50{margin-top: 50px;}
.mt60{margin-top: 60px;}
.mt70{margin-top: 70px;}
.mt80{margin-top: 80px;}
.mt90{margin-top: 90px;}

.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}
.mb80{margin-bottom: 80px;}
.mb90{margin-bottom: 90px;}

.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml40{margin-left: 40px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.ml70{margin-left: 70px;}
.ml80{margin-left: 80px;}
.ml90{margin-left: 90px;}

.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr40{margin-right: 40px;}
.mr50{margin-right: 50px;}
.mr60{margin-right: 60px;}
.mr70{margin-right: 70px;}
.mr80{margin-right: 80px;}
.mr90{margin-right: 90px;}

.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}

.clear:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0;
}

.btdw{
	border-top: 2px dashed #fff;
}

.bg_headline01 {
    margin: 40px 0 20px 0;
    padding: 6px 0 0 30px;
    font-size: 24px;
    font-weight: bolder;
    color: #008c68;
    box-sizing: border-box;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/cmn/bg_headline01.jpg) no-repeat left bottom;
}

.bg_headline02 {
		margin-top: 40px;
    margin-bottom: 6px;
    padding: 0 0 4px 15px;
    font-size: 18px;
    font-weight: bolder;
    line-height: 1.2;
    color: #ff7f00;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/cmn/bg_headline02.jpg) repeat-x left bottom;
}

.bg_headline03 {
		margin-top: 30px;
    margin-bottom: 20px;
    padding: 0 0 7px 15px;
    font-size: 25px;
    font-weight: bolder;
    line-height: 1.2;
}

.bg_headline02 strong {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0;
    border: 0;
    font-weight: bolder;
    font-size: 25px;
}

.button a{
	display: inline-block;
	background-color: #008b68;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	border-radius: 6px;
	font-size: 24px;
	box-shadow: 8px 5px 0 #002d22;
	text-decoration: none;
}

.button a:hover{
	opacity: 0.8;
}

.sbutton a{
	display: inline-block;
	background-color: #08b853;
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	border-radius: 6px;
	font-size: 14px;
	text-decoration: none;
}

.sbutton a:hover{
	opacity: 0.8;
}

.main{
	font-size: 16px;
	margin-bottom: 30px;
}

.big{
	font-weight: bolder;
	font-size: 18px;
}

.normal{
	font-weight: normal !important;
	font-size: 16px;
}

/*==============================
  header
================================*/
.header_top{
  background: #FFDC00;
  margin-bottom: 10px;
}
.header_top h1{
  width: 85%;
}
#header_area .logo{
  display: block;
}

/*==============================
  nav
================================*/

header nav {
	background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/cmn/bg_navi.jpg) repeat-x left top;
	margin-bottom: 30px;
}

#header{
	position: relative;
	background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/cmn/bg_navi.jpg) repeat-x left top;
	height: 50px;
}
#openMenu{
	position:absolute;
	right: 0;
	margin-right: 5px;
	margin-top: 2%;
}

#layerMenu{
	display: none;
	position:absolute;
	top: 0%;
	left:0;
	width:100%;
	height:100%;
	font-size: 12px;
	z-index:9999;
}

#layerMenu ul{
	border-top: solid 1px #ccc;
  margin-top: 50px;
}

#layerMenu ul li{
	background: #fff;
	list-style: none;
	border-bottom: solid 1px #ccc;
}

#layerMenu ul li a{
	position: relative;
	padding: 10px;
	text-decoration: none;
	color: #555;
	display: block;
}

#layerMenu ul li a:hover{
	color: #EA0001;
}

#closeMenu {
	position: absolute;
	right: 0;
	margin-right: 5px;
  margin-top: 2%;
}

nav .menu,
nav ul#navi li{
	display: block;
	width: 100%;
	height: 50px;
	background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/cmn/bg_navi.jpg) repeat-x left top;
	font-size: 32px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #6abfa7;
}

nav ul#navi li{
	border-bottom: solid 1px #6abfa7;
}

nav ul#navi li a{
	display: block;
  padding: 15px 0px;
  font-size: 25px;
  color: #6abfa7;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
}

/*==============================
  aside
================================*/
aside.sidebar {
	text-align: center;
}

#side_access img.access{
	width: 100%;
	margin: 0 auto;
}

#side_access{
	maw-width: 80%;
	margin: 0 auto;
	border: 1px solid #ffbe00;
	font-size: 1.6rem;
	margin-bottom: 30px;
}
.map iframe{
	max-width: 100%
}
/*==============================
  footer
================================*/
footer.footer {
	text-align: center;
	background-color: #FFED7F;
	padding-top: 10px;
	position: relative;
}

div#foot_contact {
    border: 3px solid #fff;
    margin: 30px auto 40px;
    padding: 20px;
}

p.time {
    text-indent: -1.4em;
    font-size: 20px;
}

a.pagetop{
	position: absolute;
	right: 10px;
	top: -4%;
}

nav ul#fnavi li{
	border-bottom: solid 1px #fff;
	background-color: #FEDC00;
}

nav ul#fnavi li a{
	display: block;
  padding: 15px 0px;
  font-size: 16px;
  color: #444444;
  text-decoration: none;
  text-align: center;
}
p#copy{
  margin-top: 30px;
}

/*==============================
  table
================================*/
table.btable{
	width: 95%;
	margin: 0 auto;
}

table.btable th,
table.btable td {
	vertical-align: middle;
	width: 100%;
	display: block;
}

table.tb01 th {
    padding: 10px 0;
    border-bottom: 1px solid #fff;
    font-size: 25px;
    font-weight: bolder;
    line-height: 1.2;
    text-align: center;
    color: #ffffff;
    background: #ff8000;
}

table.tb01 td {
    padding: 10px;
}

table.tb01 th,
table.tb01 td {
	border: 1px solid #ff8000;
}

table.outline {
    font-size: 18px;
    color: #008c68;
}

table.outline th {
    background: #e5f3f0;
    box-sizing: border-box;
}

table.outline th, table.outline td {
    padding: 10px 20px;
    border: 1px solid #008c69;
}
/*==============================
  top
================================*/
#top_bnr li {
	position: relative;
	text-align: center;
}

#top_bnr li a {
	position: absolute;
	bottom: 7%;
	left: 0;
	right: 0;
}

.blog div,
.tw div {
	text-align: center;
}

.bx-controls{
	display: none;
}

/*==============================
  about
================================*/
#greeting {
    margin-bottom: 30px;
    padding: 10px;
    background: #FDF4E9;
}
#introduction {
	margin-bottom: 30px;
}
#introduction p{
	margin-bottom: 10px;
	padding: 10px;
}

.pickup {
	position: relative;
}



.course {
		text-align: center;
		padding: 10px 0;
    margin: 15px 0;
}

.course01 {
    background: #ffdbdb;
}
.course02 {
    background: #ffe5cc;
}
.course03 {
    background: #d5f0cc;
}

.course01 .hx2 {
    color: #ff4c4c;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/about/bg_border01.jpg) repeat-x left bottom;
}
.course02 .hx2 {
    color: #ff7f00;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/about/bg_border02.jpg) repeat-x left bottom;
}
.course03 .hx2 {
    color: #2cb200;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/about/bg_border03.jpg) repeat-x left bottom;
}

.course01 ul li {
	background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/about/bg_bnr01.jpg) no-repeat center center;
}
.course02 ul li {
	background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/about/bg_bnr02.jpg) no-repeat center center;
}
.course03 ul li {
	background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/about/bg_bnr03.jpg) no-repeat center center;
}

.course ul li {
	width: 100%;
	padding: 15px 0;
	margin: 15px 0;
	display: block;
}
.course ul li a{
	color: #fff;
	padding: 10px 20px;
	text-align: center;
	font-size: 18px;
	font-weight: bolder;
	text-decoration: none;
}

/*==============================
  primary
================================*/
p.guide{
	margin: 0 15px 35px 15px;
	font-size: 18px;
	font-weight: bolder;
	color: #b28500;
}

.bg_headline03.j_high {
    color: #ff7f00;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/junior_high/bg_headline.jpg) repeat-x left bottom;
}

.bg_headline03.primary {
    color: #ff4c4c;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/primary/bg_headline.jpg) repeat-x left bottom;
}

.course_guide{
	margin-bottom: 30px;
}

.course_guide .txt .hx {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: bolder;
    line-height: 1.2;
    color: #b28500;
    border-bottom: 1px dashed #b28500;
}

.course_guide .image{
    float: left;
    width: 50%;
    margin-right: 20px;
    text-align: center;
}

.img_txt img {
    float: right;
    margin-left: 15px;
    width: 50%;
}

.primary_p1 {
    margin: 0 auto 30px auto;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bolder;
}

.primary_p1 span {
    color: #ff4c4c;
}
.txt{
	margin-bottom: 20px;
}

.course_ex {
    margin: 0 auto 40px auto;
		padding: 15px;
    color: #ffffff;
    background: #3B574B;
}

.course_ex .hx {
	width: 95%;
	margin: 0 auto 20px;
	padding-left: 5%;
	font-size: 30px;
	font-weight: bolder;
	border-bottom: 3px solid #ffffff;
}

.course_ex .p1 {
	width: 95%;
	margin: 20px auto;
	padding-left: 2%;
	font-size: 18px;
	font-weight: bolder;
	border-bottom: 3px solid #ffffff;
}

.course_ex .table1 {
    width: 90%;
    margin: 30px auto;
    padding-top: 10px;
    font-size: 20px;
    line-height: 1.2;
    color: #ffffff;
    text-align: center;
}

.table1 table,
.table1 table th,
.table1 table td {
	border: 3px solid #ffffff;
}

.course_ex .table1 table th, .course_ex .table1 table td {
    padding: 10px;
    font-weight: bolder;
}

.course_ex .table1 table td {
    word-spacing: 1em;
}

.course_ex .table1 p {
    margin-top: -5px;
    font-weight: bolder;
    text-align: center;
}

.course_ex .list1,
.course_ex .list2,
.course_ex .list3 {
	font-size: 20px;
	font-weight: bolder;
  text-align: center;
  width: 90%;
  margin: 0 auto;
}

.course_ex b {
  margin: 0;
  padding: 0;
  border: 0;
  color: #ff6699;
  font-size: 20px;
  font-weight: bolder;
  background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/cmn/bg_course_border.jpg) repeat-x left bottom;
}

.course_ex .list1 .txt {
	padding-top: 10px;
	margin: 0 auto 20px;
}

.primary_p2 {
    margin-left: 15px;
    font-size: 25px;
    font-weight: bolder;
    color: #00678c;
		text-align: center;
}

table.primary_t1 th, table.primary_t1 td {
    padding: 10px 0;
    border: 1px solid #00698c;
    text-align: center;
    font-weight: bolder;
}

table.primary_t1 th {
    color: #ffffff;
    background: #00698c;
    box-sizing: border-box;
}

table.primary_t1 td {
    color: #00688c;
}

table[class^="tb02"].col4 th,
table[class^="tb02"].col4 td {
    width: 25%;
}

table[class^="tb02"].col2 th,
table[class^="tb02"].col2 td {
    width: 50%;
}

table.tb02_primary th {
    background: #ff4c4c;
}

.stable table{
	width: 680px;
}

table[class^="tb02"]{
	margin: 0 auto;
	width: 100%;
	overflow-x: auto;
}

table[class^="tb02"] th {
    font-size: 18px;
    font-weight: bolder;
    color: #fff;
}

table[class^="tb02"] th, table[class^="tb02"] td {
    padding: 8px 10px;
    border: 1px solid;
    vertical-align: middle;
    text-align: center;
    box-sizing: border-box;
}

table.tb02_primary td {
    color: #ff4c4c;
}

table[class^="tb02"] td {
    font-size: 15px;
}

table[class^="tb02"].cap4 caption {
    padding: 7px 0;
    font-size: 18px;
    font-weight: bolder;
    color: #ffffff;
    text-align: center;
}

.school_list.col1 {
    color: #ff4c4c;
}

.school_list {
    margin-bottom: 40px;
    margin-left: 15px;
    font-size: 25px;
    font-weight: bolder;
}

table.tb02_primary caption {
    background: #ff4c4c;
}

ul.process li {
    text-align: center;
    margin-bottom: 10px;
}

.fees {
    margin-left: 15px;
    color: #8c6800;
		marginhed-bottom: 30px;
}

.fees p {
    margin-bottom: 20px;
    padding-left: 1em;
    text-indent: -1em;
}

/*==============================
  junior_high
================================*/
bg_headline03.j_high {
    color: #ff7f00;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/junior_high/bg_headline.jpg) repeat-x left bottom;
}

.course_ex .list2 .txt .hx2 {
    margin-bottom: 10px;
    font-size: 30px;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/cmn/bg_course_border2.jpg) no-repeat center bottom;
}

.f22, .f22 li {
    font-size: 22px !important;
}

.course_ex a {
    color: #fff;
}

.course_ex h4.hx2 span {
    display: block;
    font-size: 17px;
    font-weight: bold;
    padding: 0 0 3px;
    color: #f69;
}

table.tb02_j_high th {
    background: #ff7f00;
}

table.tb02_j_high td {
    color: #ff7f00;
}

table.tb02_j_high caption {
    background: #ff7f00;
}

.school_list.col2 {
    color: #ff7f00;
}

/*==============================
  high
================================*/
.bg_headline03.high {
    color: #2cb200;
    background: url(http://school-egg.co.jp/wp-content/themes/nsp/img/high/bg_headline.jpg) repeat-x left bottom;
}

#high_list01 {
	width: 95%;
  margin: 0 auto 20px;
  border: 3px solid #d9c280;
	text-align: center;
}

#high_list01 li {
  padding: 12px;
	border-bottom: 3px solid #d9c280;
}

#high_list01 .hx {
    font-size: 20px;
    font-weight: bolder;
    line-height: 1.2;
    color: #b28500;
    margin-bottom: 5px;
}

#high_list01 p{
	text-align: left;
}

#high_box01 {
    width: 95%;
		margin: 0 auto 30px;
    padding: 10px 0px;
    color: #fff;
		background-color: #80D064;
		border-radius: 20px;
}

#high_box02 {
    width: 95%;
		margin: 0 auto;
    padding: 10px 0px;
    color: #fff;
		background-color: #31A318;
		border-radius: 20px;
}

#high_box01 ul {
	margin: 0 auto 30px;
	width: 95%;
	font-size: 16px;
  font-weight: bolder;
}


#high_box01 li {
  margin-bottom: 5px;
}

#high_box01 p {
    padding: 10px;
    width: 95%;
    margin: 0 auto;
}

.course_ex .price {
	width: 90%;
  padding: 20px;
  margin: 15px auto;    font-weight: bolder;
  line-height: 1.2;
  text-align: center;
  border: 3px solid #fff;
}

table.tb02_high th {
    background: #2db200;
}

table.tb02_high td {
    color: #2db200;
}

table.tb02_high caption {
    background: #2db200;
}

.school_list.col3 {
    color: #2cb200;
}

/*==============================
  inquiry
================================*/
.teltime{
	margin-bottom: 30px;
	font-size: 18px;
	text-indent: -7em;
	word-spacing: 3.3em;
	color: #ff5b26;
}