@charset "euc-jp";

/* ------- display: inline; ------- */
.sample1 {
	margin:0;
	padding:0;
	line-height:2;
	font-size: 14px;
	width: 450px;
}
.sample1 li {
	display: inline;
	list-style: none outside;
	margin: 1px;
	border: 1px solid #6CF;
	padding: 2px 5px;
}
.sample1 li a {
	color: #6CF;
	text-decoration: none;
}
.sample1 li a:link {
	color: #6CF;
	text-decoration: none;
}
.sample1 li a:visited {
	color: #999;
}
.sample1 li a:hover {
	color: #F96;
}
.sample1 li a:active {
	color: #F00;
}

.sample2 {
	margin:0;
	padding:0;
	line-height:2;
	font-size: 14px;
}
.sample2 li {
	display: inline;
	list-style: none outside;
}
.sample2 li a {
	color: #888;
	text-decoration: none;
	border: 1px solid #CCC;
	padding: 2px 7px;
}
.sample2 li a:link {
	color: #888;
	text-decoration: none;
}
.sample2 li a:visited {
	color: #F0F;
}
.sample2 li a:hover {
	color: #FFF;
	background: #BBB;
}
.sample2 li a:active {
	color: #F00;
	border: 1px solid #F00;
}

.sample3 {
	margin:0;
	padding:0;
	line-height: 2;
	font-size: 14px;
}
.sample3 li {
	display: inline;
	list-style: none outside;
}
.sample3 li a {
	color: #FFF;
	text-decoration: none;
	background: #BBB;
	padding: 2px 7px;
}
.sample3 li a:link {
	color: #FFF;
	text-decoration: none;
}
.sample3 li a:visited {
	color: #000;
	background: #88F;
}
.sample3 li a:hover {
	color: #FFF;
	background: #888;
}
.sample3 li a:active {
	color: #FFF;
	background: #AAF;
}

/* ------- display: block; + float ------- */
.sample6 {
	margin:0;
	padding:0;
	line-height: 2;
	font-size: 14px;
}
.sample6 li {
	display: block;
	list-style: none outside;
	float: left;
	width: 120px;
	text-align: center;
	margin: 1px;
}
.sample6 li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 100%;
	background: #6CF;
}
.sample6 li a:link {
	color: #FFF;
	text-decoration: none;
}
.sample6 li a:visited {
	color: #FFF;
	background: #999;
}
.sample6 li a:hover {
	color: #FFF;
	background: #F96;
}
.sample6 li a:active {
	color: #FFF;
	background: #F00;
}

.sample6c {
	margin:0;
	padding:0;
	line-height: 1;
	font-size: 14px;
}
.sample6c li {
	display: block;
	list-style: none outside;
	float: left;
	width: 100px;
	text-align: center;
	margin: 1px;
}
.sample6c li a {
	color: #FFF;
	text-decoration: none;
	display: block;
	width: 100%;
	background: #6CF;
}
.sample6c li a:link {
	color: #FFF;
	text-decoration: none;
}
.sample6c li a:visited {
	color: #FFF;
	background: #999;
}
.sample6c li a:hover {
	color: #FFF;
	background: #F96;
}
.sample6c li a:active {
	color: #FFF;
	background: #F00;
}

.sample7 {
	margin:0;
	padding:0;
	line-height:2;
	font-size: 14px;
}
.sample7 li {
	display: block;
	list-style: none outside;
	float: left;
	width: 80px;
	text-align: center;
	margin: 1px;
}
.sample7 li a {
	color: #6CF;
	text-decoration: none;
	border: 1px dotted #6CF;
	display: block;
	width: 100%;
}
.sample7 li a:link {
	color: #6CF;
	text-decoration: none;
}
.sample7 li a:visited {
	color: #999;
}
.sample7 li a:hover {
	color: #F96;
	border: 1px dotted #F96;
}
.sample7 li a:active {
	color: #F00;
	border: 1px dotted #F00;
}

.sample8 {
	margin:0;
	padding:0;
	line-height:2;
	font-size: 14px;
}
.sample8 li {
	display: block;
	list-style: none outside;
	float: left;
	width: 150px;
	text-align: center;
	margin: 1px;
	border: 1px solid #36F;
}
.sample8 li a {
	color: #FFF;
	text-decoration: none;
	background: #6CF;
	display: block;
	margin: 1px;
}
.sample8 li a:link {
	color: #FFF;
	text-decoration: none;
}
.sample8 li a:visited {
	color: #999;
}
.sample8 li a:hover {
	color: #FFF;
	background: #F96;
}
.sample8 li a:active {
	color: #FFF;
	background: #F00;
}

.sample9 {
	margin:0;
	padding:0;
	line-height:2;
	font-size: 14px;
}
.sample9 li {
	display: block;
	list-style: none outside;
	float: left;
	width: 150px;
	text-align: center;
	margin: 1px;
	border: 3px double #36F;
}
.sample9 li a {
	color: #6CF;
	text-decoration: none;
	margin: 1px;
	border: 1px dotted #6CF;
	display: block;
	width: 100%;
}
.sample9 li a:link {
	color: #6CF;
	text-decoration: none;
}
.sample9 li a:visited {
	color: #999;
}
.sample9 li a:hover {
	color: #F96;
	border: 1px dotted #F96;
}
.sample9 li a:active {
	color: #F00;
	border: 1px dotted #F00;
}

.sample10 {
	margin:0;
	padding:0;
	line-height:2;
	font-size: 14px;
}
.sample10 li {
	display: block;
	list-style: none outside;
	float: left;
	width: 150px;
	text-align: center;
	margin: 1px;
	border: 3px double #36F;
	background: #36F;
}
.sample10 li a {
	color: #FFF;
	text-decoration: none;
	margin: 1px;
	border: 1px solid #FFF;
	display: block;
	width: 100%;
}
.sample10 li a:link {
	color: #FFF;
	text-decoration: none;
}
.sample10 li a:visited {
	color: #999;
}
.sample10 li a:hover {
	color: #9C6;
	border: 1px solid #9C6;
}
.sample10 li a:active {
	color: #F00;
	border: 1px dotted #F00;
}