@charset "utf-8";

/*===================================================================
	navi.htm
===================================================================*/

/* ------ detailSection ------ */
#contents .detailSection {
	width:100%;
	min-width:960px;
}

/* ------ naviSection ------ */
.naviSectionWrap {
	width: 980px;
	margin: 0 auto;
}
.naviSection01 {
	float: left;
	width: 250px;
}
.naviSection01 .function-tab {
	margin-bottom: 20px;
}
.naviSection01 .function-tab li {
	float: left;
	margin-right: 10px;
	cursor: pointer;
}
.naviSection01 .function-tab li.function-tab01.active {
	background: url(/products/receiptprinter/images/btn_navsection_choice01_on.png) no-repeat left top;
}
.naviSection01 .function-tab li.function-tab02.active {
	background: url(/products/receiptprinter/images/btn_navsection_choice02_on.png) no-repeat left top;
}
.naviSection01 .function-tab li.active img{
	opacity: 0;
	filter: alpha(opacity=0);
}
.naviSection02 {
	float: right;
	width: 708px;
	padding-left: 21px;
	border-left: 1px dashed #ccc;
}
.naviSection02 .element {
	width: 685px;
	height: 290px;
	margin-bottom: 50px;
}
.naviSection02 .element a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
}

.headModNav {
	font-size: 26px;
}
.naviSectionSttl01 {
	margin-right: 20px;
	padding: 6px 0 6px 30px;
	background: url(/products/receiptprinter/images/ico_navsection_num01.png) no-repeat left center;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
}
.naviSectionSttl02 {
	margin-right: 20px;
	padding: 6px 0 6px 30px;
	background: url(/products/receiptprinter/images/ico_navsection_num02.png) no-repeat left center;
	font-size: 18px;
	border-bottom: 1px solid #ccc;
}
.naviSectionSttl03 {
	margin-bottom: 5px;
	padding: 3px 0;
	font-size: 16px;
}
.shape-up {
	margin: 0 -40px 0 0;
}
.tab {
	display: none;
}
.js-uses >div {
	margin-bottom: 11px;
	cursor: pointer;
}
.js-uses >div input {
	display: none;
}
.js-uses .use01 {
	background: url(/products/receiptprinter/images/btn_navsection_use01_on.png) no-repeat left center;
}
.js-uses .use02 {
	background: url(/products/receiptprinter/images/btn_navsection_use02_on.png) no-repeat left center;
}
.js-uses .use03 {
	background: url(/products/receiptprinter/images/btn_navsection_use03_on.png) no-repeat left center;
}
.js-uses .use04 {
	background: url(/products/receiptprinter/images/btn_navsection_use04_on.png) no-repeat left center;
}
.js-uses .use05 {
	background: url(/products/receiptprinter/images/btn_navsection_use05_on.png) no-repeat left center;
}
.js-uses .use06 {
	background: url(/products/receiptprinter/images/btn_navsection_use06_on.png) no-repeat left center;
}
.js-uses .use07 {
	background: url(/products/receiptprinter/images/btn_navsection_use07_on.png) no-repeat left center;
}
.js-uses .use08 {
	background: url(/products/receiptprinter/images/btn_navsection_use08_on.png) no-repeat left center;
}
.js-uses .active img {
	opacity: 0;
	filter: alpha(opacity=0);
}
.naviSection01 label {
	font-size: 13px;
	vertical-align: bottom;
}
.naviSection01 label.active {
	color: #005ab4;
}
.filter-group {
	width: 230px;
	margin-bottom: 11px;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 16px;
}
.naviSection01 .js-reset span {
	display: block;
	margin-top: 10px;
	color: #fff;
	text-align: center;
}
.naviSection01 .js-reset span img {
	cursor: pointer;
}