@charset "UTF-8";

/* sp_samples.css */

.samples_header {
}
.samples_header h2 {
	width: 640px;
	height: 92px;
	background: url(../images/samples/sp_samples_ttl.png) no-repeat 10px 24px;
	-webkit-box-shadow: 0px 2px 4px 0px #999 inset;
	-moz-box-shadow: 0px 2px 4px 0px #999 inset;
	-o-box-shadow: 0px 2px 4px 0px #999 inset;
	-ms-box-shadow: 0px 2px 4px 0px #999 inset;
	box-shadow: 0px 2px 4px 0px #999 inset;
	text-indent: -9999px;
}

.samples_nav {
	position: relative;
	z-index: 9;
}
.samples_nav li {
	float: left;
}
.samples_nav li a {
	display: block;
	height: 69px;
	background-image: url(../images/samples/sp_samples_icn.png);
	background-repeat: no-repeat;
	border-top: 1px dashed #939393;
	border-left: 1px dashed #939393;
	text-indent: -9999px;
}
.samples_nav li.samples_nav1 a {
	width: 160px;
	background-position: 0 0;
	border-left: 0;
}
.samples_nav li.samples_nav2 a {
	width: 159px;
	background-position: -161px 0;
}
.samples_nav li.samples_nav3 a {
	width: 158px;
	background-position: -321px 0;
}
.samples_nav li.samples_nav4 a {
	width: 160px;
	background-position: -480px 0;
}



.section_samples {
	padding: 0px 0 20px;
	border-top: 1px solid #ccc;
}
.samples_list {
	position: relative;
	min-height: 110px;
	padding: 10px 0;
	padding-right: 160px;
	border-bottom: 1px solid #ccc;
}
.samples_list p {
}
.samples_list p a {
	text-decoration: underline;
	color: #333;
}
.samples_list p a:hover {
	text-decoration: none;
}
.samples_list p.samples_list1 {
	font-weight: bold;
}
.samples_list p.samples_list2 {
	display: inline-block;
	padding-right: 1em;
	font-size: 91%;
}
.samples_list p.samples_list3 {
	display: inline-block;
	font-size: 91%;
}
.samples_list p.samples_list4 {
	font-size: 91%;
	font-weight: bold;
}
.samples_list_btn {
	position: absolute;
	top: 15px;
	right: 0px;
	width: 134px;
}
.samples_list_btn a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 134px;
	height: 100px;
	background: url(../images/samples/sp_samples_btn.png) no-repeat 0 0;
	text-indent: -9999px;
}