@charset "utf-8";

accordion ul {
	border: 0;
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style:none;
}
accordion li {
	font-size: 13px;
	line-height: 30px;
	color: #333333;
	height: 30px;
}
.li00{
	background-color: #FFFFFF;
	font-size: 13px;
	color: #FB2B75;
	line-height: 30px;
	padding-left: 20px;
	list-style:none
}
.li01{
	background-color: #F2F2F2;
	font-size: 13px;
	color: #333333;
	line-height: 30px;
	list-style-type: square;
	list-style-position: inside;
	padding-left: 25px;
}
.li01 a:link { color : #333333; text-decoration: none; }
.li01 a:visited { color : #333333; text-decoration: none; }
.li01 a:active { color : #333333; text-decoration: none; }
.li01 a:hover { color : #000000; text-decoration: underline; }
.li02{
	background-color: #FAFAFA;
	font-size: 13px;
	color: #333333;
	line-height: 30px;
	list-style-type: square;
	list-style-position: inside;
	padding-left: 25px;
}
.li02 a:link { color : #333333; text-decoration: none; }
.li02 a:visited { color : #333333; text-decoration: none; }
.li02 a:active { color : #333333; text-decoration: none; }
.li02 a:hover { color : #000000; text-decoration: underline; }
/*---------ここから-----------*/
.accordion .accordion_head {cursor:pointer;}
/*---------ここまで---------*/
/*---------ここからはデモ用の装飾例---------*/
div.accordion .accordion_head {
	display:block;
	width:611px;
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ADCFB5;
	margin-bottom: 5px;
	margin-top: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
	margin-left: 20px;
}
div.accordion .accordion_body {
	display:block;
	width:596px;
	padding:5px;
}
div.accordion .accordion_head:hover {
	color:#FB2B75;
	background-color: #FFFFFF;
}
.selected {
	color:#FB2B75;
	background-color: #E7E7E7;
}
.selected + * {
	color:#FB2B75;
	
}
/*--------------*/
