@charset "utf-8";

/* ==============================
        list
============================== */

.list-tit {
  width: 98%;
  height: 128px;
  background: url(../images/list_tit_sh.png) no-repeat right;
  padding: 1%;
}
.list-tit-icon {
  float: left;
  width: 130px;
}
.list-tit p {
  float: left;
  margin-top: 50px;
  margin-bottom: 0px;
}
.kousetsushi_mintit {
	float: left;
	margin-top: 60px !important;
	color: #fff;
}

#itemContainer {
	min-height: inherit !important;
}

.selc-condi {
	width: 98%;
	padding: 1%;
	background-color: #cee0d6;
}
.selc-condi p {
  float: left;
  font-size: 130%;
}
.selc-condi a.reselect {
  float: right;
  background: url(../images/eq_list_icon.png) no-repeat right 2px;
  padding-right: 25px;
  margin-top: 5px;
}
.list-box {
	width: 98%;
	margin: 0 auto;
}
.list-box ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    padding: 0;
}
.list-box ul li {
	max-width: 577px;
	width: 47%;
	min-height: 190px;
	padding: 20px;
	box-sizing: border-box;
	text-align: left;
	position: relative;
/*	display: inline-block;*/
	margin: 0 4% 20px 0;
}
.list-box ul li:nth-child(2n) {
	margin-right: 0;
}
.list-box ul li:after {
	position: absolute;
	content: "";
	width: 30px;
	height: 30px;
	transform: rotate(45deg);
	bottom: -16px;
	right: -16px;
	background: #fff;
}
.list-box ul li a.linkDetail {
	position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
	text-indent: -9999px;
}

.btn01 {
	text-align: right;
	margin-bottom: 10px;
}

.list-box .btn01 a {
	background: url(../images/list_bg_btn01.png) no-repeat 10px ,#00622B;
	padding: 3px 10px 2px;
	color: #fff;
	border-radius: 5px;
	font-size: 100%;
	padding-left: 30px;
	position: relative;
	z-index: 10000;
}

.list-box .btn01 a.out {
	background: url(../images/list_bg_btn01.png) no-repeat 10px ,#00622B;
	padding: 3px 10px 2px;
	color: #fff;
	border-radius: 5px;
	font-size: 100%;
	padding-left: 30px;
	position: relative;
	z-index: 10000;
}

.list-box .btn01 a.in {
	background: url(../images/list_bg_btn01.png) no-repeat 10px ,#007CBB;
	padding: 3px 10px 2px;
	color: #fff;
	border-radius: 5px;
	font-size: 100%;
	padding-left: 30px;
	position: relative;
	z-index: 10000;
}
.list-box .title_box {
	overflow: hidden;

}
h3.list_title {
	background: none!important;
	border: 0!important;
	font-size: 160%!important;
	margin: 0!important;
	padding: 0!important;
	min-height: 2.6em;
}

h4.list_center {
	background: url(../images/list_ico_li01.png)no-repeat!important;
	border: 0!important;
	margin: 10px 0!important;
	padding: 0 0 0 25px!important;
	font-weight: normal;
	color: #007cbb;
}

h5.list_manufacturer {
    background-image: url(../images/list_manufacturer.png)!important;
    background-size: 21px auto;
    background-repeat: no-repeat;
    background-position: left 1px center;
	border: 0!important;
	margin: 10px 0!important;
	padding: 0 0 0 25px!important;
	font-weight: normal;
}

.btn02 {
	margin-bottom: 10px;
}

.btn02 a#listDL {
	background: url(../images/list_bg_btn01.png) no-repeat 10px ,#00622B;
	padding: 3px 10px 2px;
	color: #fff;
	border-radius: 5px;
	font-size: 100%;
	padding-left: 30px;
	position: relative;
	z-index: 10000;
}


/* ==============================
        pager
============================== */

#itemnum {
width: 90px;
font-size: 110%;
}

#pagerCont {
	position: relative;
	overflow: hidden;
	margin: 0 10px 10px 10px;
}

ul.pager {
	position: relative;
	left: 50%;
	float: left;
}

ul.pager li {
	position: relative;
	left: -50%;
	float: left;
	margin-right: 5px;
	background: #eee;
}
ul.pager li span {
	position: relative;
	display: block;
	padding: 5px 12px;
	color: #fff;
	background: #00622B;
}
ul.pager li.prev,
ul.pager li.next {
	border: none;
	padding: 0;
	background: 0;
}
ul.pager li.prev a,
ul.pager li.next a{
	border: none;
	padding: 0;
	background: 0;
}
ul.pager li a {
	position: relative;
	display: block;
	padding: 4px 12px;
	color: #00622B;
}

ul.pager li a:link,
ul.pager li a:visited { text-decoration: none }
ul.pager li a:hover,
ul.pager li a:active {
	background-color: #7dd9a6;
	text-decoration: none;
}

ul.pager li em {
	display: block;
	padding: 3px 8px;
	background: #00622B;
	color: #fff;
	font-weight: bold;
}

/*????????*/

.holder a {
  padding:10px 7px;
  margin:5px;
  color:#fff;
  background-color:#eee;
  cursor:pointer;
}


.txt01 {
  height:150px;
  overflow-y: auto;
  position:relative;
}

#itemContainer {
  text-align:left;
  max-width:1000px;
  margin:0 auto;
}

/* ======================================
  itemnum-box
  .list-box??????????????
  .list-box?????????????
========================================= */

.itemnum-box {
  width: 98%;
  margin: 0 auto;
}

.itemnum-box div {
  text-align:left;
  max-width:980px;
  margin:0 auto;
}

.itemnum-box div div {
  max-width: 577px;
  width: 47%;
  box-sizing: border-box;
  text-align: right;
  position: relative;
  display: inline-block;
  margin: 0 4% 0 0;
}

.itemnum-box div div:nth-child(2n) {
  margin-right: 0;
}