@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
#conts .detailList {
	margin: -13px -17px 0 0;
	width: 828px;
	margin-bottom:20px;
}

#conts .detailList li  {
	margin: 13px 17px 0 0;
	padding: 0 5px 5px;
	width: 178px;
	float: left;
	font-size: 1.2em;
	
	position: relative;
	behavior: url(js/pie.htc);
}
#conts .detailList li .list_li_inner {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	padding: 0 5px;
	width: 178px;
}
#conts .detailList li .list_li_inner2 {
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	padding:6px 5px 5px;
	width: 178px;
}
#conts .detailList li  .ttl {
	margin: 0 -5px 6px;
	padding: 7px 10px 8px;
	font-weight: bold;
	line-height: 1.1;
	background: url(../img/list/ttl_bg.gif) repeat-x left bottom;
	border-bottom: 1px solid #CCC;
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	position: relative;
	behavior: url(js/pie.htc);
}

#conts .detailList li  .ttl01 {
	padding: 0 10px;
}

#conts .detailList li  .ttl span {
	padding-left: 20px;
	display: block;
	background: url(../img/list/line01.gif) no-repeat left center;
}

#conts .detailList li  .news {
	margin-bottom: 10px;
	height: 25px;
}

#conts .detailList li  .news span {
	margin-right: 1px;
	color: #FFF;
	display: inline-block;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #FD0D0C;
	padding:0 10px;
}

#conts .detailList li  .photo {
	margin-bottom: 9px;
	padding-bottom: 15px;
	background: url(../img/list/line02.gif) repeat-x left bottom;
	text-align:center;
	height:160px;
}
#conts .detailList li  .photo img {
	width:auto!important;
	max-width:180px;
	max-height:180px;
}

#conts .detailList li  .txt {
	margin-bottom: 9px;
	line-height: 1.35;
}

#conts .detailList li  .txt > span {
	display: block;
	letter-spacing: -0.5px;
	*letter-spacing: -1px;
}

#conts .detailList li  .txt .price {
	display: inline;
	text-decoration: line-through;
}

#conts .detailList li  .txt .red {
	display: inline;
	color: #FD0D0C;
}

#conts .detailList li  .txt .red span {
	font-size: 1.3em;
	font-weight: bold;
}

#conts .detailList li  .link {
	/*margin-bottom: 6px;*/
	font-weight: bold;
	text-align: center;
	border: 1px solid #CCC;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	position: relative;
	behavior: url(js/pie.htc);
	background: url(../img/list/ttl_bg.gif) repeat-x left bottom;
}

/*詳細を見るボタンの色変更用*/

#conts .detailList.redbtn li  .link {
	/*margin-bottom: 6px;*/
	font-weight: bold;
	text-align: center;
	border: 1px solid #daa520;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	position: relative;
	behavior: url(js/pie.htc);
	background: url(../img/list/detail_bg.gif) repeat-x left bottom;
}

#conts .detailList li  .link a {
	padding: 4px 0;
	display: block;
}

#conts .detailList li  .link a:hover {
	color:#d65c4f;
}

#conts .detailList li  .tabBox {
	padding: 0 4px 5px;
	background-color: #E4E4E4;
	
}

#conts .detailList li  .tabBox table {
	width: 100%;
	border-collapse:collapse;
	margin:0;
}

#conts .detailList li  .tabBox th,
#conts .detailList li  .tabBox td {
	padding: 1px 3px;
	width: 164px;
	float: left;
	clear: both;
	font-weight: normal;
	text-align:left;
	line-height: 1.3;
}

#conts .detailList li  .tabBox th {
	background-color: #E4E4E4;
}

#conts .detailList li  .tabBox td {
	padding-top: 2px;
	background-color: #FFF;
}

/*     リストタイプ       */

.listtype_cart_btn {
	display:inline-block;
}
.box_quantity {
	width:30px;
}

/* 商品一覧　かごに入れる　バルーン */
.balloon_btn {
position: relative;
}
.balloon_btn:focus {
outline: none;
}
.balloon_btn .balloon {
display: none;
text-indent: 0;
position: absolute;
left: 50%;
bottom: 100%;
background: #017FB4;
margin-bottom: 20px;
border-radius: 5px;
color: #fff;
padding: 10px;
min-width: 200px;
font-size: 90%;
z-index: 999;
transform: translate(-50%,0);
text-align:center;
}
.balloon_btn .balloon:after {
content: "";
position: absolute;
left: 50%;
top: 100%;
width: 0;
height: 0;
border-top: 10px solid rgba(0,0,0,0.8);
border-right: 7px solid transparent;
border-bottom: 10px solid transparent;
border-left: 7px solid transparent;
transform: translate(-50%,0);
}
.balloon_btn.active02 .balloon {
display: inline-block;
}