@charset "utf-8";

.ContentsThird {
	width: 100%;
	margin:0 auto 0 auto;
	padding:10px 0 4px;
	background:url(../images/bg05.gif);
}



.SearchArea {
	width:100%;
	display:block;
	border:1px solid #c3c3c3;
	background:#EBEBEB;
	margin:10px 0 15px;
	padding:10px 20px;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.SortArea {
	width:100%;
	display:block;
	margin:0 0 30px;
	font-size:95%;
}
.SearchArea p,
.SortArea p {
	display:inline;
	margin-right:5px;
}

.ProductList {
	display:block;
	margin-bottom:12px;
}
.ProductList dl {
	display:block;
	border-bottom:1px solid #c3c3c3;
}
.ProductList dt {
	position: relative;
	border-top:1px dotted #a5a5a5;
	width:230px;
	padding: 8px 8px 0 8px;
	margin: 0 0 8px 0;
	line-height: 0;
	float:left;
	clear:both;
	text-align:center;
}
.ProductList dd {
	border-top:1px dotted #a5a5a5;
	width:560px;
	padding: 8px 0 0 0;
	float:left;
	margin-bottom:0px;
}
.ProductList dd.BtnBox {
	width:160px;
	text-align:right;
	background:none;
	line-height:0;
}
.ProductList dt img {
	max-width:100%;
	border:1px solid #c3c3c3;
	border-radius: 5px;
	
}
.ProductList dt img.Icon {
	border:none;
	position:absolute;
	top:8px;
}
.ProductList dd img {
	margin-bottom:3px;
}
.ProductList dd a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  
}

.ListBox {
	width:100%;
	min-height:160px;
	background:#FFF;
	border:1px solid #c3c3c3;
	padding:10px 10px;
	margin:0 0 8px 0;
}
.ListBox  p {
	width:220px;
	margin:0 40px 0 0;
	line-height:225%;
	font-size:95%;
	letter-spacing:0;
	float:left;
}
.ListBox p span {
	background:#efefef;
	padding:1px 7px;
	margin-right:7px;
	font-size:85%;
	font-weight: bold;
	width:100px;
}




/*------------------------------------------------------------*/
/*   SCHUDULE  */

.ScheDuleBox {
	width:100%;
	/*  min-height:160px;  */
	background:#FFF;
	border:1px solid #c3c3c3;
	padding:10px 10px;
	margin:6px 0 8px 0;
}
.ScheDuleBox  p {
	width:190px;
	margin:0 40px 0 0;
	line-height:225%;
	font-size:95%;
	letter-spacing:0;
	float:left;
}
.ScheDuleBox p span {
	background:#efefef;
	padding:1px 7px;
	margin-right:7px;
	font-size:85%;
	font-weight: bold;
	width:100px;
}


/*------------------------------------------------------------*/
.ProductArea {
	display:block;
	margin:10px 0;  /* margin:30px 0; */
}
.ProductArea dl { display:block; }
.ProductArea dt {
	display:block;
	width:660px;
	float:left;
	clear:both;
	margin-bottom:20px;
}
.ProductArea dd {
	display:block;
	width:320px;  /* width:290px;  */
	float:right;
	margin-bottom:20px;
}
.ProductArea dt.Icon {
	width:100%;
	float:none;
	padding:20px 0 15px;
	text-align:center;
	font-size:165%;
	font-weight:bold;
	letter-spacing:10px;
	color:#FFF;
	margin-bottom:5px;
	background:#db0817;
	border-radius: 5px;
	webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.ProductArea ul {
	display:block;
}
.ProductArea li {
	display:block;
	text-align:center;
}
.ProductArea .PrevStockList, .ProductArea .NextStockList {
}
.ProductArea .PrevStockList a {
	width:45%;
	display:block;
	float:left;
	margin-bottom:15px;
	background: #c3c3c3 url(../images/btn_left.png)no-repeat left center;
	border:5px solid #333;
	padding:10px 15px 10px 60px;
	border-radius: 20px;
	webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-decoration:none;
}
.ProductArea .NextStockList a {
	width:45%;
	display:block;
	float:right;
	margin-bottom:15px;
	background: #c3c3c3 url(../images/btn_right.png)no-repeat right center;
	border:5px solid #333;
	padding:10px 60px 10px 15px;
	border-radius: 20px;
	webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	text-decoration:none;
}
.ProductArea .PrevStockList a:hover {
	background:#878787 url(../images/btn_left.png)no-repeat left center;
	color:#FFF;
}
.ProductArea .NextStockList a:hover {
	background:#878787 url(../images/btn_right.png)no-repeat right center;
	color:#FFF;
}
.ProductArea .PrevStockList p,
.ProductArea .NextStockList p {
	margin-bottom:0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}


.pager {
	overflow: hidden;
	margin-bottom:20px;
}
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
.pager ul li {
    margin: 0 1px 2px 1px;
    position: relative;
    left: -50%;
    float: left;
}
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
.pager ul li a {
    background: #a5a5a5;  /* background: #a5a5a5;   #a5a5a5   #ff6600;*/
    color: #f7f4f4;
    text-decoration: none;
}
.pager ul li a:hover {
    background: #000000;/*#333 */
    color: #FFF;
}

/*--- PC ---*/
@media only screen and (min-width: 960px){
}
@media only screen and (max-width:959px){
	.ProductList dt { width:30%; }
	.ProductList dd {
		width:70%;
		margin-bottom:0;
	}
	.ProductList dd.BtnBox {
		width:100%;
		float:none;
		border-top:none;
		margin-bottom:10px;
	}
	.ProductList dd img { margin-left:3px; }
	.SortArea { margin-bottom:15px; }
	.ProductArea dt,
	.ProductArea dd {
		width:100%;
		float:none;
	}
	input {
		max-width:200px;
	}
}

@media only screen and (max-width:640px){
	.ProductList dt { width:40%; }
	.ProductList dd {
		width:60%;
	}
	.ProductArea img.ProductPhoto {
		float:none;
		margin:0 auto 10px;
		width:100%;
	}
	.ListBox p { margin-right:30px; }
	.ProductArea li { float:left; margin-right:3px;}
	.ProductArea dt { letter-spacing:0; }
	.ProductArea .PrevStockList a,
	.ProductArea .NextStockList a { width:48%; }
	.ProductArea .PrevStockList a { padding-left:30px; }
}

@media only screen and (max-width:480px){
	.ProductList dt ,
	.ProductList dd {
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.ProductList dd {
		border:none;
		padding-top:0;
	}
	.ProductList dd.BtnBox {
		text-align:center;
	}
	.SearchArea {
		margin-top:0;
	}
	.ProductArea { margin:0; }
	.ProductArea .PrevStockList a,
	.ProductArea .NextStockList a { width:100%; }
	.ProductArea .PrevStockList a { padding-left:60px; }
}

/* ---- My css ---- */
.list_title_item{
   /*font-family: Sans-Serif; */
   font-family: Boon;
   font-size:133%;
   padding: 7px;
   color:#015034;   /* #ff6600;  */  /* #737373; */
   font-weight: bold;
   text-shadow: 0.5px 0.5px 0.5px black;
}
.spec{
   /*font-family: Sans-Serif;*/
   font-family: Boon;
   font-size:90%;
   padding: 7px;
   color:#ff0000;
}