@charset "utf-8";
/*---------------------------------------*/
.mainImg {
	margin-bottom: 20px;
}
#main .bannerUl {
	margin-bottom: 21px;
}
#main .bannerUl li {
	width: 48.4%;
	float: left;
}
#main .bannerUl li:last-child {
	float: right;
}
#main h2 {
	margin-bottom: 19px;
	color: #171717;
	font-size: 22px;
	font-weight: normal;
	text-align: center;
}
#main h2 img {
	margin: -4px 15px 0 0;
	display: inline-block;
	width: 26px;
	vertical-align: middle;
}
#main .listUl {
	margin-bottom: 20px;
	border-bottom: 1px solid #F2F2F2;

}
#main .listUl li {
	padding: 11px 0 10px;
	width: 50%;		height: 250px;
	float: left;
	box-sizing: border-box;
}
#main .listUl li{
	border: 1px solid #F2F2F2;
	border-bottom: none;
}
#main .listUl li:nth-child(2n) {
	border-left: 0px solid #F2F2F2;
}
#main .listUl li .photo {
	margin-bottom: 11px;
	width: 100%;
	max-height: 177px;
	overflow: hidden;
	line-height: 160px;
	text-align: center;
}
#main .listUl li .photo a {
	margin: 0 10px;
	display: inline-block;
}
#main .listUl li .photo img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
#main .listUl li .name {
	margin: 5px 5% 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#main .listUl li .price {
	margin: 0 5%;
	color: #ea5098;
	font-size: 16px;
}
#main .listUl li .price span {
	margin-left: 5px;
	color: #5f5f5f;
	font-size: 12px;
	text-decoration: line-through;
}
#main .bPhoto {
	margin-bottom: 20px;
}
#main .ttlBox {
	padding-right: 9px;
	background-color: #FF4B7C;
}
#main .ttlBox h3 {
	float: left;
	font-weight: normal;
}
#main .ttlBox h3 .num {
	min-width: 40px;
	display: block;
	float: left;
	color: #fffefe;
	font-size: 22px;
	line-height: 40px;
	text-align: center;
	background-color: #000;
}
#main .ttlBox h3 .txt {
	padding: 0 10px;
	float: left;
	display: block;
	color: #fffefe;
	font-size: 24px;
	line-height: 40px;
}
#main .ttlBox .rBox {
	padding: 8px 0;
	float: right;
}
#main .ttlBox .rBox .more a {
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 23px;
}
#main .ttlBox .rBox .more a:hover {
	opacity: 0.7;
	text-decoration: none;
}
#main .listUl02 {
	border-top: none;
	border-bottom: none;
}
#main .listUl02 li {
	padding-top: 7px;
	/*border-bottom: 1px solid #C9C9C9;*/
}
#main .listUl02 li .name {
	margin-bottom: 6px;
}
#main .ttlBox02 {
	background-color: #30BFD0;
}
#main h4 {
	margin-bottom: 19px;
	padding: 0 0 10px 20px;
	color: #222;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #B5B5B5;
	background: url(../Images/com/icon01.png) no-repeat left 6px;
}
#main .textList {
	margin-bottom: 20px;
	padding: 16px 10px 8px;
	border: 1px solid #eee;
}
#main .textList li {
	margin-bottom: 12px;
	padding: 0 0 11px 15px;
	border-bottom: 1px dashed #DCDCDC;
	background: url(../Images/com/icon02.png) no-repeat 1px 7px;
}
#main .textList .link {
	margin: 15px -9px 0 0;
	text-align: right;
}
#main .foo {
	padding-top: 1px;
	height: 326px;
	overflow: hidden;
	border: 1px solid #eee;
}
#main .foo .caroufredsel_wrapper,
#main .foo .ulList {
	width: 100% !important;
}
#main .foo .ulList li {
	width: 100%;
	float: left;
}
#main .foo .ulList li a {
	margin: 0 12px 0 10px;
	padding: 14px 5px 12px;
	display: block;
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px solid #D2D2D2;
}
#main .foo .ulList li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#main .foo .ulList li .img {
	display: table;
	width: 53px;
	height: 55px;
	float: left;
}
#main .foo .ulList li .img span {
	display: table-cell;
	vertical-align: middle;
}
#main .foo .ulList li .txtBox {
	padding: 3px 0 0 78px;
	display: block;
	color: #565656;
	font-size: 14px;
}
#main .foo .ulList li .txtBox .txt01 {
	margin-bottom: 16px;
	display: block;
}
#main .foo .ulList li .txtBox .txt02 {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#footer .navi01 a {
	color: #ff6699;
}
#footer .navi01 a span {
	background: url(../Images/com/f_img01_on.png) no-repeat;
	background-size: 26px auto;
}
#footer .navi01 a span img {
	visibility: hidden;
}