#MainArea div ul.SampleList{
	margin-top: 20px;
}
#MainArea div ul.SampleList li{
	float: left;
	width: 400px;
	margin-bottom: 5px;
	list-style: none outside url(../img/ar_sample.gif);
}
h3{
	background: url(../img/h3_bk.jpg);
	width: 100% !important;
	border-left: 20px solid #89B515;
	font-size: 18px !important;
	margin-bottom: 10px !important;
	margin-top: 30px !important;
}
h4{
	border-bottom:2px dotted #CCD9BB;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 100%;
	color: #6B8349;
}

#MainArea div ul.Chara li{
	list-style-type:circle;
	margin: 2px !important;
}
#MainArea div ul.Chara{
	margin-top: 5px !important;
}

#MainArea div p{
	float: left;
	width: 630px;
	margin: 0 20px 20px 30px;
	font-size: 95%;
}
#MainArea div div.dl{
	float: right;
	border:none;
	width:180px;
	padding: 10px;
	text-align: center;
}
a:hover {
	opacity: 0.7;
}
span.bl {
	display:inline-block;
	zoom:1;
	padding:5px 7px 3px 7px;
	background:#CFE3EB;
	border-bottom:3px solid #065CC6;
}

span.gr {
	display:inline-block;
	zoom:1;
	padding:5px 7px 3px 7px;
	background:#D5ECD7;
	border-bottom:3px solid #009933;
}

span.or {
	display:inline-block;
	zoom:1;
	padding:5px 7px 3px 7px;
	background:#F5E9D3;
	border-bottom:3px solid #CF8B0E;
}