@charset "utf-8";

/* ==================================
footprint.css
================================== */

/* reset */
#list.footprint .item-list.item-small .item li {
	width: 180px;
	margin: 0 0 40px;
	padding: 0 0 40px 25px;
	border-bottom: solid 1px #d9d9d9;
}
#list.footprint .item-list.item-small .item li:nth-child(5n+1) {
	clear: both;
	padding-left: 0;
}
#list.footprint .item-list.item-small .item li:nth-last-child(-n+5) {
	margin: 0;
}
#list.footprint .item-list .item li .item-brand {
	margin-top: 0;
}
#list.footprint .item-list .item li .item_img {
	margin: 0 0 13px;
}
#list .item-list .item li .item_img:hover {
	opacity: 1;
}
/* // reset */


#list .item-list .item li a .item_img:hover {
	opacity: .8;
}



/* ==================================
pageActionsDot
================================== */
#list.footprint .pageActionsDot {
	border-top: solid 1px #d9d9d9;
	border-bottom: solid 1px #d9d9d9;
	padding: 20px 0;
	margin: -1px 0 36px;
	text-align: right;
	font-size: 0;
}
#list.footprint .pageActionsDot div {
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
}
#list.footprint .pageActionsDot input {
  display:inline-block;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  border:none;
  border-radius:0;
  padding:0;
	background: none;
	cursor: pointer;
	font-size: 14px;
	vertical-align: middle;
	line-height: 1.6;
}
#list.footprint .btn-allselect:hover,
#list.footprint .btn-allcancel:hover,
#list.footprint .btn-del:hover {
	opacity: .6;
}
#list.footprint .pageActionsDot .btn-allWrap {
	box-sizing: border-box;
	padding: 0 15px;
	border-right: solid 1px #d9d9d9;
}
#list.footprint .pageActionsDot .btn-allWrap div {
	margin: 0 0 0 5px;
}
#list.footprint .pageActionsDot .btn-allWrap > span{
	font-size: 14px;
	vertical-align: middle;
	display: inline-block;
	padding-right: 10px;
}
#list.footprint .btn-allselect {
	width: 100px;
	box-sizing: border-box;
	background: #fff;
	height: 34px;
	padding: 4px 0;
	border: solid 1px #333;
	text-align: center;
	position: relative;
}
#list.footprint .btn-allcancel {
	width: 100px;
	box-sizing: border-box;
	background: #666;
	line-height: 34px;
	height: 34px;
	padding: 4px 0;
	text-align: center;
	position: relative;
}
#list.footprint .btn-allselect::before{
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../../images/icon/icon_check_g.png) no-repeat;
	background-size: 22px 22px;
	vertical-align: middle;
	margin-right: 5px;
}
#list.footprint .btn-allcancel::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../../images/icon/icon_noncheck_g.png) no-repeat;
	background-size: 22px 22px;
	vertical-align: middle;
	margin-right: 5px;
}
#list.footprint .btn-allcancel input {
	color: #fff;
}
#list.footprint .btn-del {
	width: 210px;
	box-sizing: border-box;
	background: #999;
	line-height: 34px;
	height: 34px;
	padding: 4px 0;
	text-align: center;
	position: relative;
	margin: 0 0 0 15px;
}
#list.footprint .btn-del input{
	color: #fff;
}
#list.footprint .btn-del::before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	background: url(../../images/icon/icon_delete_bk.png) no-repeat;
	background-size: 22px 22px;
	vertical-align: middle;
	margin: 1px 5px 0 0;
}
#list.footprint #list-footer {
	border: none;
}
#list.footprint #list-footer .pager {
	padding: 0;
}
#list.footprint .item-list .btn-02 a{
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
	background: #333;
	display: inline-block !important;
	vertical-align: middle;
	height: 46px;
	line-height: 46px;
	width: 180px;
	min-width: 180px;
	max-width: 180px;
	padding: 0 20px;
	transition: opacity .3s ease-out;
	cursor: pointer;
	box-sizing: border-box;
	position: relative;
}
#list.footprint .item-list .btn-02 a::after{
	content: "";
	position: absolute;
	background: url(../../images/button/arrow_nextW.png) center right / 10px 16px no-repeat;
	width: 10px;
	height: 16px;
	top: 17px;
	right: 10px;
	
}
#list.footprint .item-list .btn-02 a:hover{
	opacity: 0.6;
}

/* ==================================
checker
================================== */
.checker {
	margin-bottom: 10px;
	text-align: right;
}
.icheckbox_minimal2 {
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	margin: 0px;
	padding: 0;
	width: 54px;
	height: 20px;
	border: none;
	cursor: pointer;
	line-height:20px;
}
.icheckbox_minimal2 {
	background-image: url(../../images/icon/icon-check-off.png);
	background-position: left center;
	background-size: auto 100%;
	background-repeat: no-repeat;
	}
.icheckbox_minimal2.checked {
	background-image: url(../../images/icon/icon-check-on.png);
	margin: 0px;
	filter:alpha(opacity=100);
	opacity:1; -moz-opacity:1;
}
.icheckbox_minimal2.disabled {
	opacity:0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background-image: url(../../images/icon/icon-check-on.png);
	margin: 0px;
}