@charset "UTF-8";
@import "/include_2015/css/common.pc.css";

/* ---------------------------------------------------------
	CSS Document cmam_learning
--------------------------------------------------------- */
#mam-e-learning {
	width: 1000px;
	background:url(../images/bg_base.jpg) repeat-y;
	margin:auto;
	text-align:left;
	position: relative;
}

#mam-e-learning .title {
	position: absolute;
	left:125px;
	top:70px;
}
#mam-e-learning .intro {
	width:750px;
	background:url(../images/learning_intro_pc.png) no-repeat;
	top:-80px;
	margin-left:125px;
	padding:60px 20px;
}

#mam-e-learning .box_1 {
	float:left;
	width:430px;
	background:url(../images/learning_box_3.png) no-repeat;
	padding:80px 0px 20px 130px;
	margin-top:20px;
	margin-left:50px;
}
#mam-e-learning .box_2 {
	float:right;
	width:430px;
	background:url(../images/learning_box_2.png) no-repeat;
	padding:80px 0px 20px 130px;
	margin-top:20px;
	margin-right:50px;
}
#mam-e-learning .box_3 {
	float:left;
	width:430px;
	background:url(../images/learning_box_1.png) no-repeat;
	padding:80px 0px 20px 130px;
	margin-top:20px;
	margin-left:50px;
}

#mam-e-learning .box_4 {
	float:right;
	width:430px;
	background:url(../images/learning_box_4.png) no-repeat;
	padding:80px 0px 20px 130px;
	margin-top:20px;
	margin-right:50px;
	margin-bottom:50px;
}

#mam-e-learning .box_5 {
	float:left;
	width:430px;
	background:url(../images/learning_box_5.png) no-repeat;
	padding:80px 0px 20px 130px;
	margin-top:20px;
	margin-left:50px;
}

#mam-e-learning .pc { display: block !important; }
#mam-e-learning .sp { display: none !important; }