<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
File Name	accordion.css
create		h28(2016).07.29	TeloNaka
			h29(2017).04.28	combine dl-dt-dd.css &amp; ul-li.css
*/
a.idx:link {color:#0000ff;text-decoration: underline;}
a.idx:visited {color:#660099;text-decoration: underline;}
a.idx:hover {color:#ff0000;opacity:0.5;filter:alpha(opacity=50);-ms-filter: "alpha( opacity=50 )";}
a.widelink {display: block; width:100%;}
a.widelink:hover {background-color:#7fffd4; display: block; width:100%;}

/* for dl **********add 2016.07.29 TeloNaka*******************************************/

dl.accordion {
	width:100%;
	margin:0px;
	padding:0px;
	text-indent:0.5em;
	}

dl.accordion dt {
/*	background:url(/img/open.png) 97% center no-repeat;*/
	background:url(/img/open.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom);
	background-size:1.0em;
	background-color:pink;
	border-bottom:3px solid #FFF;
	height:2.5em;
	line-height:2.5em;
	cursor:pointer;
	}

dl.accordion dt.open {
/*	background:url(/img/close.png) 97% center no-repeat;*/
	background:url(/img/close.png) 97% center no-repeat,-webkit-gradient(linear, left top, left bottom);
	background-size:1.0em;
	background-color:pink;
	}

dl.accordion dd {
	background:#FFF;
	line-height:1.5em;
	display:none;
	}

dt-0 {
/*	background: center no-repeat;*/
	background: center no-repeat,-webkit-gradient(linear, left top, left bottom);
	background-color:pink;
	border-bottom:3px solid #FFF;
	height:2em;
	line-height:2em;
	cursor:pointer;
	}

dl {  
	}

dt {
	}

dd {  
	margin-left : 1.5em;
	padding-right : 0px;
	text-indent:0px;
	}

/* for ul ***********2016.07.29 TeloNaka********************************************/
ul {
	margin:0px;
	width:100%;
	padding:0px;
	list-style-type:none;
	}
ul.accordion {
	}
ul.accordion a {
	display:block;
	padding:5px 0;
	background-position:97% center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000;
	}
ul.accordion span {
	display:block;
	padding:5px 0;
	background-position:97% center;
	background-repeat:no-repeat;
	color:#000;
	}
ul.accordion ul {
	display:none;
	}
ul.accordion &gt; li &gt; p {
	background:aqua;
	padding:5px 0;
	margin:1px 0;
	cursor:pointer;
	}
ul.accordion &gt; li &gt; p span {
	background-image:url(/img/open.png);
	background-size:0.8em;
	}
ul.accordion &gt; li &gt; p span.open {
	background-image:url(/img/close.png);
	background-size:0.8em;
	}
ul.accordion &gt; li &gt; ul {
	display:none;
	}
ul.accordion &gt; li &gt; ul &gt; li &gt; p {
	background:#ffffe0;
	padding:5px 0;
	margin:0;
	border-bottom:1px solid #aaaaaa;
	cursor:pointer;
	}
ul.accordion &gt; li &gt; ul &gt; li &gt; p span {
	background-image:url(/img/open.png);
	background-size:0.8em;
	}
ul.accordion &gt; li &gt; ul &gt; li &gt; p span.open {
	background-image:url(/img/close.png);
	background-size:0.8em;
	}
ul.accordion &gt; li &gt; ul &gt; li &gt; a {
	display:block;
	padding:5px 0;
	background-position:97% center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#000;
	}

ul {
	}

li {  
	margin-left : 0em;
/*	margin-left : 1.5em;*/
	padding-right : 0px;
	text-indent:0px;
	}

</pre></body></html>