/* accordion-001c.css 日本語 */

/*accordion-001c ul ii 用*/
.accordion-box {
width:100%;
height:auto;
margin:0;
padding:0;
text-align:left;
}


@media screen and (min-width: 768px){

.accordion-box h3 {
color:#FFFFFF;
height:40px;
line-height:40px;
margin-top:1px;
padding:0 0 0 10px;
background: url(../images/arrow01.png) no-repeat right 10px top 15px #0033CC ;
cursor:pointer;
}

.accordion-box h4 {
color:#FFFFFF;
height:40px;
line-height:40px;
margin-top:1px;
padding:0 0 0 10px;
cursor:pointer;
background:#0033CC ;
}

}

.accordion-box h4 a { color:#FFF; }

/* active */
.accordion-box h3.active {
background: url(../images/arrow02.png) no-repeat right 10px top 15px #0033CC;}


/* hovered
.accordion-box h3.hovered {
background: url(../images/arrow02.png) no-repeat right 10px top 20px #0033CC;
}
 */



.accordion-box .accordion-block {
display:block;
padding:10px 0;
background:url(../images/bk02.png);
}

.accordion-box .accordion-block ul {
display:inline;
list-style:none;
margin:0;
}
.accordion-box .accordion-block ul li{
padding:0 10px;
color:#555555;
}

.accordion-box .accordion-block ul li a {
text-decoration:none;
color: #000;
display:block;
}



@media screen and (max-width: 767px) {
	
.accordion-box h3 {
color:#FFFFFF;
height:40px;
line-height:40px;
border-top:1px dotted #5580FF;
padding:0 0 0 10px;
background: url(../images/arrow01.png) no-repeat right 10px top 15px #0033CC ;
cursor:pointer;
}

.accordion-box h4 {
color:#FFFFFF;
height:40px;
line-height:40px;
border-top:1px dotted #5580FF;
padding:0 0 0 10px;
cursor:pointer;
background:#0033CC ;
}

}