@charset "UTF-8";
html {
  color: #000;
  background: #fff;
}
html,body{
    width: 100%;
}

a {
    outline: none;
}

a:focus, *:focus { outline:none; }


body,
div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
form, input, textarea,
p,
blockquote,
th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

th, td {
  vertical-align: top;
  text-align: left;
}

img {
  border: 0;
  vertical-align: bottom;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

strong {
  font-weight: bold;
}

ul li {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before,
q:after {
  content: '';
}

input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

input,
textarea,
select {
  *font-size: 100%;
}

html, body {
  width: 100%;
  min-width: 960px;
  height: 100%;
}

body {
  color: #000;
  background: #fff;
  font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
/*  line-height: 1.6;*/
  -webkit-text-size-adjust: 100% !important;
  text-align: center;
  overflow-y: scroll;
}

.fw_b {
	font-weight: bold;
}

a {
  cursor: pointer;
  text-decoration: underline;
  color: #59bded;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: top;
}

strong {
  font-weight: bold;
}

/* basic */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}


/*--================= styles =================--*/
a:hover img {
	opacity: 0.7;
}
a#ac-top {
	height: 0px;
	overflow: hidden;
}
p.btn a:hover img {
	opacity: 0.7;
}

p.pagetop {
	position: fixed;
	right: 0;
	bottom: 50px;
	display: none;
}
p.pagetop a:hover {
	opacity: 0.7;
}


#contents{
	background: url(../img/bg_h1.png) center 111px repeat-x;
	width:100%;
}

/*-- header --*/

#sasugaku2015 header {
	position: relative;
}
#sasugaku2015 header .head-bar {
	width: 960px;
	height: 111px;
	margin: 0 auto;
	position: relative;
}
#sasugaku2015 header .head-bar p.logo {
	width: 73px;
	position: absolute;
	text-align: left;
	top: 12px;
	left: 88px;
	z-index: 100;
}
#sasugaku2015 header .head-bar p.logo a:hover img {
	opacity: 0.7;
}

#sasugaku2015 header .head-bar dl.sns-btn {
	width: 155px;
	height: 26px;
    position: absolute;
    text-align: left;
    top: 42px;
    right: -57px;
    z-index: 101;
}
#sasugaku2015 header .head-bar dl.sns-btn a {
	width: 155px;
	height: 16px;
	display: block;
}
#sasugaku2015 header .head-bar dl.sns-btn a:hover img {
	opacity: 0.7;
}
a:hover img {
	opacity: 0.7;
}

.left{
float:left;
}
.rigth{
float:right;
}
#sasugaku2015 header .head-bar dl.sns-btn dt {
float:left;
clear:left;
width:33px;
padding-top:7px;
}
#sasugaku2015 header .head-bar dl.sns-btn dd {
float:left;
width:26px;
padding-left:6px;
}
#sasugaku2015 header .head-bar dl.sns-btn dd.twitter {

}
#sasugaku2015 header .head-bar dl.sns-btn dd.facebook {

}


#sasugaku2015 header #mainvi {
	min-width:1059px;
	height: 446px;
	margin: 0 auto;
	position: relative;
}

#sasugaku2015 header #mainvi h1 img{ 
	max-width:100%;
	height: auto;
	width: auto\9;
}


#sasugaku2015 header #mainvi h1 {
	position: absolute;
	text-align: center;
/*	top: 215px;*/
	z-index: 10;
	width: 100%;
}

#sasugaku2015 .fixed {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000;
/*	border-bottom: 1px solid #d5d5d5;*/
}

#sasugaku2015 #program_wrap{
	width:100%;
}
#sasugaku2015 #academy_wrap{
	width:100%;
	background: url(../img/bg_nmr.png) center top repeat;
	padding-bottom: 50px;

}


#academy_wrap_inn{
	width:100%;
	background: url(../img/bg_09.png) center top repeat-x;

}

#sasugaku2015 #then_wrap{
	width:100%;
	background-color:#f6db6d;
}
#sasugaku2015 #from_mbk_wrap{
	width:100%;
	background-color:#f29a4c;
	padding-bottom:80px;
	z-index:-10;
	height:auto;
}
#sasugaku2015 #contact_wrap{
	width:100%;
	background: url(../img/bg_contact.png) center top repeat-x;
	background-color:#f29a4c;
	height:188px;


}

#program,#academy,#then,#from_mbk,#contact{
	width:1200px;
	margin: 0 auto;	
}

/*-- intro --*/

#sasugaku2015 #intro {
	padding: 80px 0 0 0;
	background: #5eb1e2;
	text-align: center;
}
#sasugaku2015 #intro h2 {
	margin: 0 0 22px 0;
}
#sasugaku2015 #intro p {
	margin: 50px auto;
	padding:40px 45px;
	width:870px;
	height:260px;
	background-color:#ffffff;
	text-align:center;
}



/*-- program --*/

#sasugaku2015 #program {
	margin: 50px auto;
	width:960px;
}
#sasugaku2015 #program h2{
	position:relative;

}
#sasugaku2015 #program h2 img:first-child{
	position:absolute;
	right:0;
	bottom:0;
}


/*-- academy --*/
#sasugaku2015 #academy {
	position:relative;
}
/*
h1+p IE7から
h2+h3 IE7から
:first-of-type IE9から
:nth-child IE7から
:nth-child(2)E7から
*/

/**step1**/
#sasugaku2015 #academy h3.step1 {
	height: 1239px;
	background: url(../img/bg_02.png) center top no-repeat;
}
#sasugaku2015 #academy h3.step1 img {
	position:absolute;
	left: 120px;
	top: 413px;
}
#sasugaku2015 #academy p.ntc03 img {
	position:absolute;
	left: 120px;
	top: 486px;
}
#sasugaku2015 #academy p.ntc04 img {
    position: absolute;
    left: 169px;
    top: 870px;
}
#sasugaku2015 #academy p.ntc05 img {
	position:absolute;
    left: 151px;
    top: 1246px;
}
#sasugaku2015 #academy p.ntc06 img {
	position:absolute;
    left: 151px;
    top: 1477px;
}


#sasugaku2015 #academy p.ntc07 img {
	position:absolute;
	right: 119px;
	top: 503px;
}
#sasugaku2015 #academy p.ntc08 img {
	position:absolute;
	right: 119px;
	top: 680px;
}
#sasugaku2015 #academy p.ntc09 img {
	position:absolute;
	right: 152px;
	top: 1016px;
}
#sasugaku2015 #academy p.ntc10 img {
	position:absolute;
	right: 240px;
	top: 1100px;
}
#sasugaku2015 #academy p.ntc11 img {
	position:absolute;
	right: 240px;
	top: 1305px;
	z-index:6;
}
#sasugaku2015 #academy p.ntc12 img {
	position:absolute;
	right: 119px;
	top: 1304px;
	z-index:5;
}


/**step2**/
#sasugaku2015 #academy h3.step2 {
	height: 1094px;
	background: url(../img/bg_03.png) center top no-repeat;
}

#sasugaku2015 #academy h3.step2 img {
	position:absolute;
    right: 206px;
    top: 1510px;
}
/*
#sasugaku2015 #academy p:nth-child(13) img {
	position:absolute;
    right: 206px;
    top: 1510px;
}
*/
#sasugaku2015 #academy p.ntc14 img {
	position:absolute;
    right: 116px;
    top: 1615px;
}
/*
#sasugaku2015 #academy p:nth-child(15)  img {
	position:absolute;
    right: 251px;
    top: 2160px;
}
*/
/**ビデオ**/
#sasugaku2015 #academy div.mva {
	position:absolute;
    right: 249px;
    top: 2173px;
	z-index:10;
}


#sasugaku2015 #academy p.ntc16 img {
	position:absolute;
    right: 117px;
    top: 2278px;
	z-index:5;
}
#sasugaku2015 #academy p.ntc17 img {
	position:absolute;
    left: 230px;
    top: 1599px;
}
#sasugaku2015 #academy p.ntc18 img {
	position:absolute;
    left: 230px;
    top: 1804px;
}
#sasugaku2015 #academy p.ntc19 img {
	position:absolute;
    left: 120px;
    top: 1922px;
}

#sasugaku2015 #academy p.ntc21 img {
	position:absolute;
    left: 162px;
    top: 2264px;
}
#sasugaku2015 #academy p.ntc22 img {
	position:absolute;
	left: 162px;
    top: 2465px;
}

/**step3**/
#sasugaku2015 #academy h3.step3 {
	height: 1828px;
	background: url(../img/bg_04.png) center top no-repeat;
}
#sasugaku2015 #academy h3.step3 img {
	position:absolute;
    left: 120px;
    top: 2592px;
}
#sasugaku2015 #academy p.ntc24 img {
	position:absolute;
    left: 115px;
    top: 2659px;
}
#sasugaku2015 #academy p.ntc25 img {
	position:absolute;
	left: 115px;
    top: 2946px;
}
#sasugaku2015 #academy p.ntc26 img {
	position:absolute;
    left: 115px;
    top: 3169px;
}
#sasugaku2015 #academy p.ntc27 img {
	position:absolute;
    left: 232px;
    top: 3279px;
}
#sasugaku2015 #academy p.ntc28 img {
	position:absolute;
	left: 232px;
    top: 3478px;
}
#sasugaku2015 #academy p.ntc29 img {
	position:absolute;
    left: 115px;
    top: 3564px;
}
#sasugaku2015 #academy p.ntc30 img {
	position:absolute;
	left: 115px;
    top: 3784px;
}
#sasugaku2015 #academy p.ntc31 img {
	position:absolute;
    right: 115px;
    top: 2694px;
}

/**ビデオ**/
#sasugaku2015 #academy div.mvb {
	position:absolute;
    right: 263px;
    top: 3196px;
	z-index:10;
}

#sasugaku2015 #academy p.ntc33 img {
	position:absolute;
    right: 120px;
    top: 3262px;
	z-index:5;
}
#sasugaku2015 #academy p.ntc34 img {
	position:absolute;
    right: 239px;
    top: 4331px;
}
p.myimg {
    background-image: url(../img/img_16.png);
    position: absolute;
    right: 120px;
    top: 3510px;
    width: 430px;
    height: 297px;
    transition: background-image 0.3s;
}
p.myimg:hover{
    background-image:url(../img/img_46.png);
    transition: background-image 0.3s;
}

#sasugaku2015 #academy h3.pdf{
margin-top:30px;
}

/*-- then --*/
#sasugaku2015 #then {
	position:relative;
	padding-top:50px;

}

/**kodomotachi**/
#sasugaku2015 #then h3.kodomotachi {
	margin-top:50px;
	padding-top:40px;
	height: 840px;
	background: url(../img/bg_05.png) center top no-repeat;
}

#sasugaku2015 #then p.btn01 img {
	position:absolute;
    left: 163px;
    top: 238px;
}

#sasugaku2015 #then p.btn02 img {
	position:absolute;
	left: 453px;
    top: 238px;
}
#sasugaku2015 #then p.btn03 img {
	position:absolute;
    left: 764px;
    top: 238px;
}
#sasugaku2015 #then p.btn04 img {
	position:absolute;
    left: 296px;
    top: 590px;
}
#sasugaku2015 #then p.btn05 img {
	position:absolute;
    left: 615px;
    top: 590px;
}


/**hogosha**/
#sasugaku2015 #then h3.hogosha {
	padding-top:40px;
	height: 662px;
	background: url(../img/bg_06.png) center top no-repeat;
}

.box_wrap{
    margin: 0 auto;
    position: absolute;
    left: 163px;
    top: 1130px;

}
.box_left{
float:left;
width:286px;
padding-right:5px;
}
.box_right{
float:right;
width:286px;
}
#sasugaku2015 #then .box_wrap .box_left ul,
#sasugaku2015 #then .box_wrap .box_right ul {
	list-style-type: none;
}
#sasugaku2015 #then .box_wrap .box_left ul li,
#sasugaku2015 #then .box_wrap .box_right ul li{
	padding-bottom:5px;
}

/**koushi**/
#sasugaku2015 #then h3.koushi {
	padding-top:40px;
	background: url(../img/bg_07.png) center top no-repeat;
	height:870px;
}
#sasugaku2015 #then article.koushi_fukidashi{
	position: absolute;
	left: 163px;
	top: 1790px;
	z-index:10;
}

#sasugaku2015 #then .koushi_fukidashi ul,
#sasugaku2015 #then .koushi_fukidashi ul {
	list-style-type: none;
}
#sasugaku2015 #then .koushi_fukidashi ul li,
#sasugaku2015 #then .koushi_fukidashi ul li{
	float:left;
	padding-right:65px;
}
#sasugaku2015 #then .koushi_fukidashi ul.fl {
	float:left;
	padding:10px 40px 0 30px;
}
#sasugaku2015 #then .koushi_fukidashi ul.fr {
	float:left;
	padding:30px 40px 0 212px;
}


.pop a:hover{ /*マウスが乗ったら*/
 position: relative;
 top: 0px; left: 0px;
}
.fukidasipop01 { 
 position: absolute;
 display: none;
	bottom: 475px;
	left:-43px;
}
.fukidasipop02 { 
 position: absolute;
 display: none;
    bottom: 478px;
    left: 134px;
}
.fukidasipop03 { 
 position: absolute;
 display: none;
	bottom: 475px;
    left: 441px;
}
.fukidasipop04 { 
	position: absolute;
	display: none;
    bottom: -177px;
    left: -8px;
}
.fukidasipop05 { 
 position: absolute;
 display: none;
    bottom: -177px;
    left: 324px;
}
.fukidasipop06 { 
 position: absolute;
 display: none;
	bottom: -177px;
    left: 466px;
}

.pop:hover .fukidasipop01,.pop:hover .fukidasipop02,.pop:hover .fukidasipop03,.pop:hover .fukidasipop04,.pop:hover .fukidasipop05,.pop:hover .fukidasipop06 {
 display: block; /*ブロック要素で表示*/
}
.fukidasipop01:after,.fukidasipop02:after,.fukidasipop03:after,.fukidasipop04:after,.fukidasipop05:after,.fukidasipop06:after {

 content: "";
 display: block;
 position: absolute;
 width: 0;
}


/*-- from_mbk --*/

#sasugaku2015 #from_mbk {
	position:relative;
	padding:50px 0 45px 0;
	background-color:#f29a4c;
	/*height: 961px;-*/
}
#sasugaku2015 #from_mbk h2 {
	height: 883px;
	background: url(../img/bg_08.png) center 80px no-repeat;
}
#sasugaku2015 #from_mbk article {
	position: absolute;
    left: 120px;
    top: 130px;
}
#sasugaku2015 #from_mbk article ul.fl{
	padding-top:10px;
}
#sasugaku2015 #from_mbk article ul li{
	float:left;
	padding-right:10px;
}

/*-- contact --*/
#sasugaku2015 #contact {
	position:relative;
	font-weight:bold;
	font-size:100%;
	color:#2E2E2E;
	height:186px;
}
#sasugaku2015 #contact article {
	position:absolute;
	bottom:40px;
	left:34%

}
#sasugaku2015 #contact article a {
	color:#2E2E2E;
}


/*-- footer --*/
footer {
    display: block;
    padding: 10px 0;
    width: 100%;
    color: #fff;
	background-color:#000;
}
footer .block01 {
    margin: 0 auto;
    width: 980px;
}
footer .links {
    margin: 0 0 0 -20px;
    font-size: x-small;
    text-align: center;
}

footer .block01 ol, ul {
    list-style: none;
}
footer .links li {
    margin-left: 20px;
    display: inline;
}
.mod_link03 {
    padding-left: 6px;
    background: url(../img/arw.gif) 0 0.3em no-repeat;
}
footer .copyright {
    margin: 20px 0 0 0;
    float: left;
    font-size: x-small;
}
footer .logo {
    margin: 20px 0 0 0;
    float: right;
}
footer a {
    color: #fff;
}
a:link, a:visited, a:active {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}
.back_to_top {
    background: url("../img/gototop.png") no-repeat;
    width: 87px;
    height: 87px;
    display: block;
    position: absolute;
    right: 117px;
    top: -23px;
}
.slide_img{
	margin: 0 auto;
	background-color:#ffffff;
	z-index:112;
	position:relative;
}



/*-- mail --*/
#tab {
width: 88px;
height: 381px;
background: url(../img/susgaku_mail_bunner2015.png) no-repeat;
position: fixed;
right: 0;
top: 113px;
z-index: 500;
}
#tab a {
display: block;
width: 100%;
height: 100%;
}
#tab:hover {
opacity:0.7;
}
/* 一旦一部退避 カーソルが乗った時の動きを指定 待機*/
/*
#tab:hover {
background: url(/jp/ja/csr/social/education/child/sasugaku/img/susgaku_mail_bunner2015_on.png) no-repeat;
}
*/