/* =============================================================================
	jQueryで縦型アコーディオンメニュー
============================================================================= */
div.sample {
	width:440px;
}

div.contentbox ul.accordion {
	margin:0 20px 0 0;
	width:200px;
	float:left;
	list-style:none;
}

ul.accordion li {
	background-color:#ccc;
}

ul.accordion li span {
	padding:10px;
	border-bottom:1px solid #222;
	display:block;
	background-color:#333;
	background-repeat:no-repeat;
	background-position:170px 50%;
	color:#fff;
	-webkit-transition:background-color 0.3s ease 0s;
	-moz-transition:background-color 0.3s ease 0s;
	-ms-transition:background-color 0.3s ease 0s;
	-o-transition:background-color 0.3s ease 0s;
	transition:background-color 0.3s ease 0s;
	cursor:pointer;
}

ul.accordion li.opened span {
	background-image: url("img/opened.png");
}

ul.accordion li.closed span {
	background-image: url("img/closed.png");
}

ul.accordion li span:hover {
	background-color:#555;
}

ul.accordion li ul {
	margin-left:0;
	list-style:none;
	background-color:#eee;
}

ul.accordion li ul li {
	padding:10px;
	background-color:#eee;
	line-height:1em;
}