/* accordion close
----------------------------------------------- */
.close {
 cursor: pointer;
 padding: 0.6em;
 background: #eee;
 text-align: right;
 color: #666;
}
.close:hover{
 color: #ff8000;
 background: #666;
}

/* accordion1
----------------------------------------------- */
.accordion1 {
 width: 100%;
 margin-bottom: 1em;
}
.accordion1 dt {
 padding: 0.6em 1.0em;
 cursor: pointer;
 background: #4f5c74;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 -webkit-align-items: center;
 align-items: center; 
 border-radius: 6px 6px 0 0;
}
.accordion1 dt p{
 margin: 0.4em 0;
 color:	#eee;
 font-size: 110%;
 text-shadow: 1px 1px 2px #000;
}
.accordion1 dt img{
 border-bottom: 1px solid #ccc;
}
.accordion1 dt:hover{
 opacity: 0.8;
}
.accordion1 dd {
 border: 1px solid #bbb;
 border-top: none;
}

/* accordion2
----------------------------------------------- */
.accordion2 {
 width: 100%;
 margin-bottom: 1em;
}
.accordion2 dt {
 padding: 0.6em;
 cursor: pointer;
 color:	#eee;
 font-size: 100%;
 text-shadow: 1px 1px 2px #000;
 background: #555;
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: space-between;
 justify-content: space-between; 
 -webkit-align-items: center;
 align-items: center;
}
.accordion2 dt p{
 margin: 0.4em 0;
}
.accordion2 dt img{
 border-bottom: 1px solid #ccc;
}
.accordion2 dt:hover{
 opacity: 0.8;
}
.accordion2 dd {
 background: #fff;
 border: 1px solid #bbb;
 text-shadow: 1px 1px 2px #ccc;
}
.accordion2 dd p{
 margin: 0.6em;
 font-size: 110%;
}
/* accordion3
----------------------------------------------- */
.accordion3 {
 width: 100%;
 height: auto;
 margin-bottom: 1em;
}
.accordion3 dt {
 padding: 0.8em;
  background: #ddd;
  background:-moz-linear-gradient(top, #eee, #ddd); /* Firefox */
  background:-webkit-linear-gradient(top, #eee, #ddd);/* safari Chrome */
  background:linear-gradient(to bottom, #eee, #ddd); /* IE */
  text-shadow: 1px 1px 2px #bbb;
  border: 1px solid #bbb;
  cursor: pointer;
}
.accordion3 dt:hover{
 opacity: 0.8;
}
.accordion3 dd {
 border: 1px solid #bbb;
 border-top: 0;
 padding-top: 1em;
}