@charset "EUC-JP";

.prolist {
margin-top: 35px;
}

.productOne {
	float: left;
	width: 208px;
	margin: 0 20px 20px 0;
	padding: 0;
   min-height: 300px;
}
	.productOne:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/*\*/
	* html .productOne {
		height: 1em;
		overflow: visible;
	}
	/**/
.productOneContent {
    margin: 0;
	padding: 0;
}
	.productOneContent:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/*\*/
	* html .productOneContent {
		height: 1em;
		overflow: visible;
	}
	/**/
.productOne a {
	color: #666;
}
.productOne a:hover {
	color: #333;
        text-decoration: underline;
}
.productOneCatchCopy {
	font-weight: bold;
	height: 1em;
}
.productOneContent img {
	width: 208px;
   height: auto;
}
.productOneContent img {
	margin-bottom: 5px;
}
.productOneContent img:hover {
	opacity: 0.6;
}
.productOneMakerName {
margin-top: 5px;
padding: 0;
font-size: 11px;
}
.productOneName {
margin: 0;
padding: 0;
font-size: 12px;
font-weight: bold;
}
.productOnePrice {
margin: 0;
padding: 0;
text-align: left;
font-size: 12px;
}


/* ページャー */
#pager {
	clear: both;
	width: 1120px;
	height: 38px;
	padding: 20px 0 0 0;
	background: #FFF;
}
/* 次へ前経ボタン*/
#pageMove1, #pageMove2 {
	float: left;
	padding-top: 9px;
}
#pageMove1 {
	width: 100px;
}
#pageMove2 {
	width: 220px;
}
#pagePrevious {
	float: left;
}
#pageNext {
	float: right;
}
#pagePrevious a, #pageNext a {
	height: auto;
	width: 100px;
	display:block;
   color: #FFF;
   background: #002567;
   padding: 5px;
   text-align: center !important;
}
#pagePrevious a:hover, #pageNext a:hover {
	opacity: 0.6;
}

#productCnt {
	float: right;
	padding-top: 10px;
}
#bnrCate {
	margin: 10px 0 10px 0;
	padding: 20px 0 0 0;
	border-top: 1px dotted #666;
}
#bnrCate ul {
	margin: 0 0 20px 0;
	padding: 0;
}
#bnrCate li {
margin: 0 2% 0 0;
padding: 0;
float: left;
width: 32%;
}
#bnrCate li:last-child {
margin: 0 0 0 0 !important;
padding: 0;
}
#bnrCate li img {
width: 100%;
}

/*--------------------------------------------------------------
Responsive for max-width 800px
--------------------------------------------------------------*/
@media screen and (max-width: 50em) {
	#pager {
	width: 100%;
}
}

/*--------------------------------------------------------------
Responsive for max-width 480px
--------------------------------------------------------------*/
@media screen and (max-width: 30em) {
#mainContent {
  padding: 10px 0 0 0;
}
.productOne {
	float: left;
	width: 100%;
	margin: 0;
	padding: 20px 0;
	min-height: auto;
	border-bottom: 1px dotted #666;
}
	.productOne:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/*\*/
	* html .productOne {
		height: 1em;
		overflow: visible;
	}
	/**/
.productOneContent {
    margin: 0;
	padding: 0;
}
	.productOneContent:after {
		content: "";
		display: block;
		clear: both;
		height: 1px;
		overflow: hidden;
	}
	/*\*/
	* html .productOneContent {
		height: 1em;
		overflow: visible;
	}
	/**/
.productOneContent-L {
	float: left;
	width: 48%;
	margin: 0 2% 0 0;
	padding: 0;
}
.productOneContent-R {
	float: left;
	width: 48%;
	margin: 0;
	padding: 0;
}

.productOne a {
	color: #666;
}
.productOneContent img {
	width: 100%;
   height: auto;
   margin: 0;
	padding: 0;
}

#pager {
	width: 100% !important;
}
.pagePrevious-Next {
	width: 100% !important;
	text-align: center;
	margin: 0 0 20px 0;
}
#pagePrevious {
	margin: 0 10px 0 0;
	float: left;
}
#pageNext {
	float: left;
}
#pagePrevious a, #pageNext a {
	height: auto;
	width: 100px;
	display:block;
   color: #FFF;
   background: #002567;
   padding: 5px;
   text-align: center !important;
}
#pagePrevious a:hover, #pageNext a:hover {
	opacity: 0.6;
}

#bnrCate {
	margin: 30px 0 10px 0;
	padding: 20px 0 0 0;
	border-top: none;
}
#bnrCate ul {
	margin: 30px 0 20px 0;
	padding: 0;
}
#bnrCate li {
	margin: 0 0 10px 0;
	padding: 0;
	width: 100%;
	float: left;
}
#bnrCate ul li a img {
	width: 100%;
	height: auto;
}
#productCnt {
	margin: 0 0 20px 0;
	width: 100%;
	text-align: left;
	float: none;
	padding-top: 10px;
}
}