@charset "utf-8";
#contents .mainSection {
	width: 100%;
	background: url(/products/discproducer/education/images/education_mv.jpg) center center no-repeat;
	min-width: 960px;
	height: 380px;
}
#contents .section01, #contents .section02, #contents .section03, #contents .section04 .section05 {
	position: relative;
}
#contents .section05 p {
	position: absolute;
	width: 100%;
	bottom: 20px;
}
#contents .section05 a:hover {
	opacity: 0.7;
}
.nodisplay {
    display: none;
}
#contents .main a{
	color: #333;
}
#contents .main a:hover{
	text-decoration: none;
	color: #333;
}

/*
------------------------------------------------------*/

#contents .open_detail span{
	 background: linear-gradient(transparent 70%, #e5e400 0%);
}

#contents .section01 .open_detail{
	background-color:#e0e3f2;
	/*font-size: 16px;
	font-weight: bold;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0px;
	text-align: center;*/
	border-left: #0068bb solid 2px;
	border-right: #0068bb solid 2px;
	border-bottom: #0068bb solid 2px;
}

#contents .section01_detail{
	width: 900px;
	margin: 0 auto;
	border-left: #0068bb solid 2px;
	border-right: #0068bb solid 2px;
	border-bottom: #0068bb solid 2px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-bottomleft: 10px;
	}
/*#contents .section01_detail .section01_detail_in {
	width: 800px;
	margin: 0 auto;
padding:20px 0 50px 0;
}
#contents .section01 h4{
	color: #036cbd;
	font-size: 24px;
	font-weight: bold;
}
#contents .section01 .line{
	border-bottom: 2px solid #0168b7;
margin: 0 auto;
}

#contents .section01 h5{
	color: #036cbd;
	font-size: 18px;
	text-align: left;
	font-weight: normal;
}*/
#contents .section02 .open_detail{
	background-color:#f6e8f5;
	/*font-size: 16px;
	font-weight: bold;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0px;
	text-align: center;*/
	border-left: #ba54b7 solid 2px;
	border-right: #ba54b7 solid 2px;
	border-bottom: #ba54b7 solid 2px;
}

#contents .section02_detail{
	width: 900px;
	margin: 0 auto;
	border-left: #ba54b7 solid 2px;
	border-right: #ba54b7 solid 2px;
	border-bottom: #ba54b7 solid 2px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-bottomleft: 10px;
	}

/*#contents .section02_detail_in {
	padding:20px 0 50px 0;
}
#contents .section02 h4{
	color: #ba54b7;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 2px solid #ba54b7;
}*/

#contents .section03 .open_detail{
	background-color:#edf8f4;
	/*font-size: 16px;
	font-weight: bold;
	width: 900px;
	margin: 0 auto;
	padding: 10px 0px;
	text-align: center;*/
	border-left: #08935c solid 2px;
	border-right: #08935c solid 2px;
	border-bottom: #08935c solid 2px;
}

#contents .section03_detail{
	width: 900px;
	margin: 0 auto;
	border-left: #08935c solid 2px;
	border-right: #08935c solid 2px;
	border-bottom: #08935c solid 2px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-bottomleft: 10px;
	}
/*#contents .section03 h4{
	color: #08935c;
	font-size: 24px;
	font-weight: bold;
}
#contents .section03_detail_in {
	padding:20px 0 50px 0;
}
#contents .section03 .line{
		border-bottom: 2px solid #08935c;
}*/





/*----------20180826----------*/
#contents .open_detail{
	font-size: 22px;
	font-weight: bold;
	line-height: 140% !important;
	padding: 10px 0px;
	text-align: center;
	position: relative;
	}
#contents .open_click{
	position: absolute;
	top: 26px;
	left: 20px;
	}
#contents .open_plus{
	position: absolute;
	top: 26px;
	right: 35px;
	}

#contents .section01_detail_in {
	width: 850px;
	text-align: left;
	margin: 0 auto;
	padding:30px 0 40px;
	}
#contents .section01 h4{
	font-size: 22px;
	font-weight: bold;
	color: #036cbd;
	text-align: center;
	margin: 0 0 50px;
	}
#contents .section01 h5{
	font-size: 20px;
	font-weight: bold;
	color: #036cbd;
	margin: 0 0 10px;
	}
#contents .section01 p{
	font-size: 16px !important;
	}
#contents .section01_detail01{
	text-align: center;
	padding-top: 20px;
	margin-bottom: 30px;
	}
#contents .section01_detail02{
	width: 770px;
	margin: 0 auto;
	padding:15px 10px 10px 0 !important;
	border:4px solid #036cbd;
	-moz-border-radius:10px!important;
	-webkit-border-radius:10px!important;
	border-radius:10px!important;
	position: relative;
	}
#contents .section01_detail02 dl{
	width: 475px;
	float: left;
	}
#contents .section01_detail02 dt{
	font-size: 22px;
	font-weight: bold;
	color: #036cbd;
	padding: 0 0 10px 15px;
	border-bottom: 2px solid #036cbd;
	}
#contents .section01_detail02 dd{
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	padding-top: 20px;
	}
#contents .section01_detail03{
	/*position: absolute;
	top: 8px;
	right: 10px;*/
	float: right;
	}


#contents .section02_detail_in {
	width: 788px;
	text-align: left;
	margin: 0 auto;
	padding:10px 0 40px;
	}
#contents .section02_detail01{
	margin-bottom: 10px;
	position: relative;
	}
#contents .section02 h4{
	width: 400px;
	font-size: 22px;
	font-weight: bold;
	color: #b44bb5;
	line-height: 140% !important;
	text-align: center;
	position: absolute;
	top: 42px;
	left: 330px;
	}
#contents .section02_detail02{
	width: 770px;
	margin: 0 auto;
	padding:15px 0px 15px !important;
	border:4px solid #b44bb5;
	-moz-border-radius:10px!important;
	-webkit-border-radius:10px!important;
	border-radius:10px!important;
	position: relative;
	}
#contents .section02_detail03{
	width: 360px;
	padding-right: 30px;
	border-right: 2px dotted#b44bb5;
	float: left;
	position: relative;
	}
#contents .section02_detail04{
	width: 350px;
	float: right;
	position: relative;
	}
#contents .section02_detail03 dt,
#contents .section02_detail04 dt{
	font-size: 22px;
	font-weight: bold;
	color: #b44bb5;
	line-height: 130% !important;
	border-bottom: 2px solid #b44bb5;
	}
#contents .section02_detail03 dd,
#contents .section02_detail04 dd{
	font-size: 18px;
	font-weight: bold;
	line-height: 130% !important;
	}
	
#contents .section02_detail03 dt{ padding: 0 0 10px 15px; }
#contents .section02_detail03 dd{ padding: 10px 0 0 15px; }
#contents .section02_detail04 dt{ padding: 0 0 10px; }
#contents .section02_detail04 dd{ padding: 10px 0 0; }

#contents .section02_detail05_1{
	position: absolute;
	right: 30px;
	bottom: 0px;
}
#contents .section02_detail05_2{
	position: absolute;
	right: 20px;
	bottom: 0px;
}


#contents .section03_detail_in {
	width: 850px;
	text-align: left;
	margin: 0 auto;
	padding:30px 0 40px;
	}
#contents .section03 h4{
	font-size: 22px;
	font-weight: bold;
	color: #06935b;
	text-align: center;
	margin: 0 0 35px;
	}
#contents .section03 h5{
	font-size: 20px;
	font-weight: bold;
	color: #06935b;
	margin: 0 0 10px;
	}
#contents .section03 p{
	font-size: 16px !important;
	}
#contents .section03_detail01{
	text-align: center;
	padding-top: 35px;
	margin-bottom: 30px;
	}
#contents .section03_detail02{
	width: 770px;
	margin: 0 auto;
	padding:15px 0 10px !important;
	border:4px solid #06935b;
	-moz-border-radius:10px!important;
	-webkit-border-radius:10px!important;
	border-radius:10px!important;
	position: relative;
	}
#contents .section03_detail02 dl{
	width: 755px;
	/*float: left;*/
	}
#contents .section03_detail02 dt{
	font-size: 22px;
	font-weight: bold;
	color: #06935b;
	padding: 0 0 15px 15px;
	border-bottom: 2px solid #06935b;
	}
#contents .section03_detail02 dd{
	font-size: 18px;
	font-weight: bold;
	text-align: right;
	padding-top: 20px;
	vertical-align: bottom;
	}
#contents .section03_detail02 dd a{
	margin-left: 25px;
	}


#contents .section04_detail{
	width: 900px;
	margin: 0 auto;
	border-left: #f7931e solid 2px;
	border-right: #f7931e solid 2px;
	border-bottom: #f7931e solid 2px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px; 
	-moz-border-radius-topright: 10px; 
	-moz-border-radius-bottomleft: 10px;
	}
#contents .section04_detail_in {
	width: 790px;
	text-align: left;
	margin: 0 auto;
	padding:20px 0 30px;
	position: relative;
	}
#contents .section04_detail_in h4{
	text-align: center;
	margin: 0 0 10px !important;
	}
#contents .section04_detail_in p{
	font-size: 16px !important;
	}
	
#contents .section04_tit1,
#contents .section04_tit2{
	width: 160px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	border:2px solid #f7931e;
	-moz-border-radius:10px!important;
	-webkit-border-radius:10px!important;
	border-radius:10px!important;
	}
#contents .section04_tit1{
	line-height: 160%;
	margin: 0 auto 20px;
	padding:15px 0 4px !important;
	}
#contents .section04_tit2{
	line-height: 100%;
	margin: 0 auto 8px;
	padding:8px 0 8px !important;
	}
#contents .section04_tit1 span{
	font-size: 36px;
	color: #ed1c24;
	}

#contents .section04_detail01{
	width: 224px;
	margin-right: 55px;
	padding-top: 46px;
	float: left;
	}
#contents .section04_detail02{
	width: 224px;
	/*padding-top: 46px;*/
	float: left;
	}
/*-----------------------
↓切り替え
----------------------------*/
#contents .open_block{
	width: 904px;
	margin: 0 auto;
}
#contents .open_detail a{
	color: #333;
}
#contents .open_detail a:hover{
	color: #333;
	text-decoration: none;
}
#contents .section01 .active .open_detail{
	background-color: #e0e3f2;
}
#contents .section02 .active .open_detail{
	background-color: #f6e8f5;
}
#contents .section03 .active .open_detail{
	background-color: #edf8f4;
}


