@charset "UTF-8";

.leftmenu a{
	text-decoration: none;
	color:#2478BE; 
}

/* コンテンツ */
.contentsbox{
	float: left;
	margin: auto;
	margin-left: 20px;
	width: 700px;
}

.contents,.contents2{
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 50px;
	float: left;
	max-width: 100% !important;
	width: 680px;
	height: auto;
	text-align: center;
	border: solid 1px #ccc;
	box-shadow: 5px 5px 5px 3px rgba(0,0,0,0.5);
}

.contents2{
	float: left;
	height: auto;
}

#group1,#group2 {
	margin-top: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #2778BE;
	background: linear-gradient(transparent 70%, #BFE1FF 70%);
}

.contents p,.contents2 p{
	margin: 20px;
	font-size: 14px;
	text-align: left;
}

.contents h1,.contents2 h1{
	margin: 20px;
	font-size: 18px;
	text-align: left;
	border-left:  10px solid #2778BE;
	border-bottom: 1px solid #2778BE;
}

.contents p:nth-of-type(1){
	padding: 10px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.contents2 p:nth-of-type(1){
	padding: 10px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

h1 + img{
	margin: auto;
	margin-top: 30px;
	min-width: 500px !important;
	max-width: 500px !important;
}

/* アコーディオンパネル */
#accordion_panel {
	margin: auto;
	margin-top: 20px;
	margin-bottom: 50px;
    width: 60%;
}

#accordion_panel > dt{
	transition: 0.2s ease-in-out;	
}

#accordion_panel > dt, #accordion_panel > dd {
    padding: 5px; 
    text-align: center; 

}

#accordion_panel > dt:hover{
	cursor: pointer;
	background-color: #ccc;
}

#accordion_panel dt {
	margin-bottom: 3px;
	font-size: 18px;
	background-color: #F0F0F0;
}

#accordion_panel dd {
    margin: 0; /* これが無いと<dt>と幅が揃わない */
	padding-left: 50px;
	margin-bottom: 10px;
	text-align: left;
}

#accordion_panel > dt:first-of-type{
    border-left: 10px solid #3DBEE7; 
}

#accordion_panel > dd:first-of-type{
	background-color: #DCF6FF;	
}

#accordion_panel > dt:nth-of-type(2){
    border-left: 10px solid #F1AB40; 
}

#accordion_panel > dd:nth-of-type(2){
	background-color: #FFFADC;	
}

#accordion_panel > dt:nth-of-type(3){
    border-left: 10px solid #F4595B; 
}

#accordion_panel > dd:nth-of-type(3){
	background-color: #FFDBDB;	
}

#accordion_panel > dt:nth-of-type(4){
	border-left: 10px solid #9A95E7;
}

#accordion_panel > dd:nth-of-type(4){
	background-color: #E3D4FF;
}

#accordion_panel > dt:nth-of-type(5){
	border-left: 10px solid #FF95AD;
}

#accordion_panel > dd:nth-of-type(5){
	background-color: #FFCDD8;
}

#accordion_panel > dt:nth-of-type(6){
	border-left: 10px solid #3CA1E9;
}

#accordion_panel > dd:nth-of-type(6){
	background-color: #CEEAFF;
}

#accordion_panel > dt:nth-of-type(7){
	border-left: 10px solid #F2E636;
}

#accordion_panel > dd:nth-of-type(7){
	background-color:#FFFCD7;
}

/* プラント・工事部門 */
.contents2{
	padding-bottom: 50px;
}

.contents2 img{
	margin: auto;
}