memo.xight.org

<ul id="linkList">
	<li>
		<a href="/">Home</a>
		<ul>
			<li>
				<a href="/1/">2nd - 1</a>
				<ul>
					<li>
						<a href="/1/1/">3rd - 1</a>
					</li>
					<li>
						<a href="/1/2/">3rd - 2</a>
					</li>
					<li class="lastitem">
						<a href="/1/3/">3rd - 3</a>
					</li>
				</ul>
			</li>
			<li>
				<a href="/2/">2nd - 2</a>
				<ul>
					<li>
						<a href="/2/1/">3rd - 1</a>
					</li>
					<li>
						<a href="/2/2/">3rd - 2</a>
					</li>
					<li class="lastitem">
						<a href="/2/3/">3rd - 3</a>
					</li>
				</ul>
			</li>
			<li class="lastitem">
				<a href="/3/">2nd - 3</a>
				<ul>
					<li>
						<a href="/3/1/">3rd - 1</a>
					</li>
					<li>
						<a href="/3/2/">3rd - 2</a>
					</li>
					<li class="lastitem">
						<a href="/3/3/">3rd - 3</a>
					</li>
				</ul>
			</li>
		</ul>
	</li>
</ul>

ul#linkList ul {
	margin-left:0;
	margin-bottom:1em;
	padding-top:0.3em;
	background:url("first-item.png") 20px 0px repeat-y;
	line-height:1;
}
 
ul#linkList li{
	list-style: none;
}
 
ul#linkList ul li{
	margin:0.3em 0 0.3em 0;
	padding-left:45px;
	background:url("all-item.png") 20px 0.7em no-repeat;
}
 
ul#linkList ul li.lastitem{
	background:url("last-item.png") 20px 0.5em no-repeat;
}

input:focus,select:focus,textarea:focus {
	color: inherit;
	background-color: rgb(255,255,240);
}

@charset "EUC-JP";
@charset "UTF-8";
@charset "Shift_JIS";
@charset "ISO-2022-JP";

a {
	color:#09f;
	background-color: inherit;
	text-decoration:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:hover {
	color:#fa0;
	background-color: inherit;
	text-decoration:underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
a:visited {
	color: #03c;
	background-color: inherit;
}
a:link {
	font-weight: bold;
}
.all {
	margin-top: 2px;
	border-top:    1px solid #fff;
	border-left:   1px solid #fff;
	border-bottom: 1px solid #999;
	border-right:  1px solid #999;
}
.site {
	font-family: 'Tahoma'
}
.title {
	color: inherit;
	background-color: #ddd;
	font-family: 'Tahoma'
}
.title01 {
	color: inherit;
	background-color: #ddd;
	font-family: 'Tahoma'
}
.title02 {
	color: inherit;
	background-color: #ccc;
	font-family: 'Tahoma'
}
.description {
	color: inherit;
	background-color: #ccc;
	font-family: 'Tahoma'
}

<ul>
	<li>
		<ul>
			<a href="#">スイッチ</a>
		</ul>
	</li>
</ul>
<blockquote>下がって行くブロック<blockquote>
<div>下がって行くブロック</div>
<pre>下がって行くブロック</pre>

a:hover, a:active{
	border-bottom : 1px solid;
}
li{
	padding-top : 1px;
	padding-bottom : 1px;
}
p, div, blockquote, pre{
	position : relative;
}