@charset "UTF-8";
/* Base
------------------------------------------------------------*/

body{
	color:#333;
	background:#fff;
	font-family:'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS PGothic',Osaka,Verdana,Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:1.3;
	*font-size:small;
	*font:x-small;
	position:relative;
	min-width:980px;
}
html {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
div#hoge a:hover img{
opacity:0.7;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
p.js_alert {
	text-align: center;
	font-weight: bold;
	color: #FF0000;
	padding: 20px 0;
}
.bxslider,
#pageTop {
	display: none;
}

/* BASE
-------------------------------------------------- */
html {
	-webkit-text-size-adjust: none;
	font-size: 100%;
	line-height: 1;
}
html,body{
    width: 100%;
}
/*201409*/
html body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: black;
	width: 100%;
	height: 100%;
	background-image: url("../img/back.png");
	background-repeat: repeat;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}
/* IE6 */
*:first-child + html .clearfix {
	zoom: 1;
}
/* IE7 */
.left {
	float: left;
}
.right {
	float: right;
}
.center {
	margin: 0 auto;
}
.ind {
	text-indent: 100%;
	text-indent: -9999px;
	white-space: nowrap;
	overflow: hidden;
}
.imghover {
	opacity: 1;
}
.imghover:hover {
	opacity: 0.7;
}

/* TOP
-------------------------------------------------- */
/*201409*/
.wrapper {
	width:100%;
	margin: 0 auto;
}
.wrapper .content {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.wrapper .content #header {
	position: relative;
	width: 960px;
}
wrapper .container #footer {
	padding: 58px 0 55px;
	position: relative;
}
h1 {
	background: url("../img/header_title_01.png") no-repeat;
	background-position: -75px 0;
	height: 100px;
	width:1100px;
	margin-right:0 !important;
}
/*201501 mailmagazin add*/
#mail{
	background: url("/jp/ja/csr/social/education/child/sasugaku/2014/mail/img/header_mail_title_01.png") no-repeat;
	background-position: -75px 0;
	height: 100px;
	width:1100px;
	margin-right:0 !important;
}
/*201501 mailmagazin add end*/
.wrapper .topHeader {
	background-image: url("../img/header.png");
	background-repeat: repeat-x;
	z-index: 9999;
	height:130px;
}
.wrapper .content #header .header_logo_company {
	height: 120px;
	width: 120px;
	z-index:99999;
	display:block;
}
.hed_logo{
	position:absolute;
	right: 0;
	color:#FF0000;
	text-indent:-9999px;
}
/*201409*/
.wrapper .container	{
	padding: 0 0 0 0;
}

/*201409*/
.sasugaku_footer {
	background: url("../img/footter.png") repeat-x;
	height:195px;
	color:#393a3a;
	
}
.back_to_top {
	background: url("../img/gototop.png") no-repeat;
	width: 141px;
	height: 182px;
	display: block;
	position: absolute;
	right: -61px;
	bottom: -29px;
	margin-top: 2px;
}
.sasugaku_footer {
	position:relative;
	height:129px;
}
.sasugaku_footer_in {
	background: url("../img/footter.png") repeat-x;
	width:960px;
	height:129px;
	color:#393a3a;
	margin:0 auto;
	position:relative;
}
ol, ul {
list-style: none;
}
.sasugaku_footer_in div.aboutus{
position:absolute;
left:60px;
top:30px;
line-height:2em;
}

/*-- 2014 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;
}
#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;
}
#footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

/*201409*/
.topSecond{
	background-image: url("../img/topsecond_back.png");
	background-repeat: repeat-x;
	height: 450px;
	padding-top:20px;
}
/*201501 mailmagazin add*/
.top_mail_Second{
	background-image: url("/jp/ja/csr/social/education/child/sasugaku/2014/mail/img/topsecond_back.png");
	height: 480px;/*480px*/
	padding-top:20px;
}

/*201503 mailmagazin add*/
.base_area{
	height: 550px;/*sslサイン設置により480pxを上書き*/
}

/*201501 mailmagazin add end*/
.topSecondInner{
	background-image: url("../img/topsecond_back_inner.png");
	background-repeat: no-repeat;
	background-position:50% 50%; 
	height: 410px;
}
/*201501 mailmagazin add*/
.top_mail{
	background-image: url("/jp/ja/csr/social/education/child/sasugaku/2014/mail/img/top_mail_back_inner.png");
	background-repeat: no-repeat;
	background-position:50% 50%; 
}
.top_mail_sub{
	background-repeat: no-repeat;
	background-position:50% 50%; 
}
.topSecond_maile_back{
	width:960px;
	margin:0 auto;

}
/*201501 mailmagazin add end*/
.topSecond_back{
	width:960px;
	height:410px;
	margin:0 auto;
}

.main div.hidden{
	display: none;
}
.mainb div.hidden{
	display: none;
}
.main, .mainb{
	width:597px;
	height:408px;
	position:relative;
}
ul.main li ,ul.mainb li {
	position:absolute;
}
li.main01{
top:2px;
left:361px;
}

li.main02{
top:2px;
left:531px;
}
li.main03{
top:151px;
left:361px;
}
li.main04{
top:2px;
left:671px;
}
li.main05{
top:151px;
left:671px;
}
li.main06{
top:250px;
left:671px;
}
li.main07{
top:2px;
left:811px;
}
li.main08{
top:201px;
left:811px;
}
li.main09{
top:301px;
left:811px;
}

/*201501 mailmagazin add*/
.mail div.hidden{
	display: none;
}
.mail{
	width:597px;
	height:408px;
	position:relative;
}
ul.mail li{
	position:absolute;
}
li.mail01{
	top: 314px;
	left: 400px;
}
.mail_sub{
	margin:0 auto;
}
.footer_bnr {
	padding-top:36px;
	margin: 0;
	float: right;
}
#tab {
	width: 51px;
	height: 301px;
	background: url(/jp/ja/csr/social/education/child/sasugaku/2014/mail/img/susgaku_mail_bunner_off.png) no-repeat;
	position: fixed;
	right: 0;
	top: 213px;
	z-index:5;
}
#tab a {
display: block;
width: 100%;
height: 100%;
}
/* 一旦一部退避 カーソルが乗った時の動きを指定 */
#tab:hover {
background: url(/jp/ja/csr/social/education/child/sasugaku/2014/mail/img/susgaku_mail_bunner_on.png) no-repeat;
/*width: 200px;
-webkit-transition: width ease-in-out 0.5s;
-moz-transition: width ease-in-out 0.5s;
-ms-transition: width ease-in-out 0.5s;
-o-transition: width ease-in-out 0.5s;
transition: width ease-in-out 0.5s;
*/
}
/*
#tab:active{
background: url(/jp/ja/csr/social/education/child/sasugaku/2014/mail/img/susgaku_mail_bunner_active.png) no-repeat;
}
*/
/*201501 mailmagazin add end*/

/*201409*/

#h2a{
	background-image: url("../img/h2_001.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:93px;
}
.h2a001 {
	background-image: url("../img/h2_001_img001.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:141px;
}
.h2a002 {
	background-image: url("../img/h2_001_img002.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:377px;
}
#h2b{
	background-image: url("../img/h2_002.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:41px;
	margin-top:60px;
}
.h2b001 {
	background-image: url("../img/h2_002_img001.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:276px;
}
.h2c001 {
	background-image: url("../img/h2_003_img001.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:919px;
}
div.mva {
	position:absolute;
	left: 190px;
	top: 590px;
}
div.mvb {
	position:absolute;
	left: 369px;
	top: 4468px;
}
div.mvc {
	position: absolute;
	left: 367px;
	bottom: 337px;
}
#h2c{
	background-image: url("../img/h2_003.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:42px;
}
.h2c002 {
	background-image: url("../img/h2_003_img002.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:786px;
}
.h2c003 {
	background-repeat:	no-repeat;
	background-position: -74px -3px;
	height:1404px;
	position:relative;
	left: -74px;
	top: -3px;
}
.h2c004 {
	background-image: url("../img/h2_003_img004.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:668px;
}
.h2c005 {
	background-image: url("../img/h2_003_img005.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:1118px;
}
.h2c006 {
	background-image: url("../img/h2_003_img006.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:750px;
}
.h2c007 {
	background-image: url("../img/h2_003_img007.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:1526px;
}
div.pdf{
	display:block;
	position:absolute;
	left: 203px;
	bottom:0;
}
#h2d{
	background-image: url("../img/h2_004.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:74px;
}
.h2d001 {
	background-image: url("../img/h2_004_img001.png");
	background-repeat:	no-repeat;
	background-position: -73px 0;
	height:360px;
}
.h2d002 {
	background-image: url("../img/h2_004_img002.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:710px;
}
#impwrap {
	height:907px;
}
div.btn{
	display:block;
	position:absolute;
	left: 563px;
	top: 210px;
}
div#impression {
	width:1100px;
	height:907px;
	position:absolute;
	left:-75px;
	bottom:-20px;
}
#h2e{
	background-image: url("../img/h2_005.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:81px;
}
.h2e001 {
	background-image: url("../img/h2_005_img001.png");
	background-repeat:	no-repeat;
	background-position: -74px 0;
	height:464px;
}

@media only screen and (max-width: 640px){

	body {
		margin:0;
		padding:0;
		width:100%;
	}

	.wrapper .topHeader {
		margin:0;
		padding:0;
		width:100%;
		}

	.topSecond .topSecondInner .content {
		margin:0;
		padding:0;
		}

	.top_mail_Second{
		padding-top:20px;
		padding-bottom:20px;
	}

}

/*201609 sasugaku link add*/
.h2b001 a img{
    position: absolute;
    right: 0;
    top: 20px;
}
.h2b001 a:hover img{
opacity:0.7;
}