@charset "utf-8";
body {
	background-image: url(../../../benesse/2017/images/bg.jpg);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
#co {
	clear: both;
	width: 1005px;
	margin-right: auto;
	margin-left: auto;
}
#up-1{
	background-image: url(../../../benesse/2017/images/index_01.jpg);
	float: left;
	height: 176px;
	width: 397px;
}
#up-2{
	background-image: url(../../../benesse/2017/images/1.gif);
	float: left;
	height: 176px;
	width: 164px;
}
#up-2:hover{background-image: url(../../../benesse/2017/images/index_02.jpg);}
#up-3{
	background-image: url(../../../benesse/2017/images/index_03.jpg);
	float: left;
	height: 176px;
	width: 439px;
}
#up-3-1215{
	background-image: url(../../../benesse/2017/images/1215.jpg);
	float: left;
	height: 176px;
	width: 439px;
}
#up-4{
	background-image: url(../../../benesse/2017/images/index_04.jpg);
	float: left;
	height: 258px;
	width: 201px;
}
#up-5{
	background-image: url(../../../benesse/2017/images/3.gif);
	float: left;
	height: 258px;
	width: 135px;
}
#up-5:hover{background-image: url(../../../benesse/2017/images/index_05.jpg);}
#up-6{
	background-image: url(../../../benesse/2017/images/index_06.jpg);
	float: left;
	height: 258px;
	width: 317px;
}
#up-7{
	background-image: url(../../../benesse/2017/images/2.gif);
	float: left;
	height: 258px;
	width: 347px;
}
#up-7-1215-1{
	background-image: url(../../../benesse/2017/images/20161215.gif);
	float: left;
	height: 258px;
	width: 168px;
}
#up-7-1215-2{
	background-image: url(../../../benesse/2017/images/201612152.gif);
	float: left;
	height: 258px;
	width: 179px;
}
#up-7:hover{background-image: url(../../../benesse/2017/images/index_07.jpg);}
#start{
	background-image: url(../../../benesse/2017/images/index_08.jpg);
	background-repeat: no-repeat;
	text-align: center;
}
.media{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border: 3px solid #FFF;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 824px;
	height: 535px;
}

#button-bar{
	background-image: url(../../../benesse/2017/images/index2_09.jpg);
	clear: both;
	height: 278px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	
}
#footer{
	background-image: url(../../../benesse/2017/images/index_10.jpg);
	clear: both;
	height: 274px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;

	
	
}
#number{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #FFF;
	padding-top: 120px;
	padding-left: 420px;
	}
#button{
	background-image: url(../../../benesse/2017/images/button.png);
	float: left;
	height: 123px;
	width: 223px;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding-top: 3px;
	padding-left: 4px;
}#pop {
	position: fixed;
	bottom: 6%;
	text-align: right;
	z-index: 99999;
	right: 0px;
}
#banner {
	clear: both;
	width: 1280px;
	margin-right: auto;
	margin-left: auto;
	position: static;
}
#banner-so{
	margin-top: 5em;
	margin-right: 5em;
	z-index: 99999999999999999999999999999999999;
}#all {
	clear: both;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}