@charset "utf-8";




#main .top_area,
#main .inner,
#main .navi-area{
	font-family:"微软雅黑","Microsoft Yahei","黑体",SimHei,STHeiti,Helvetica,serif,Arial;
}



.mt10{
	margin-top:		10px !important;
}
.mr16{
	margin-right:		20px;
}


.appendix{display:none;}


#main .navi-area{
	background-color:	#f6f0e2;
}

#main .navi{
	padding:		22px 0 7px 0;
	width:			913px;
	margin:			0 auto;
}

#main .navi li{
	float:			left;
	margin:			0 15px 15px 0;
	width:			207px;
	height:			90px;
	background-color:#ffffff;
	border-right:	10px solid;
}

#main .navi li.nav01{
	border-color:	#E48100;
}

#main .navi li.nav02{
	border-color:	#E48100;
}

#main .navi li.nav03{
	border-color:	#E48100;
}

#main .navi li.nav04{
	border-color:	#E48100;
}

#main .navi li.nav05{
	border-color:	#E48100;
}
#main .navi li.nav06{
	border-color:	#E48100;
}

#main .navi li.nav07{
	border-color:	#E48100;
}

#main .navi li.nav08{
	border-color:	#E48100;
}

#main .navi li.rightBlock{
	margin-right:		0;
}

#main .navi li a .naviInnerBlock{
	display:		block;
}

#main .navi li a .naviInnerBlock img{
	float:			left;
	padding:		4px 4px 4px 4px;
}

#main .navi li a .txt{
	display:		block;
	float:			right;
	width:			109px;
	height:			84px;
	padding:		5px 10px 0 0;
	font-size:		18px;
	color:			#636363;
	text-align:		right;
}

#main .inner{
	width:			950px;
	margin:			0 auto;
}


#main .inner h2{
	position:		relative;
	padding:		0 0 5px 17px;
	font-size:		30px;
	text-align:		left;
	margin-top:		30px;
	letter-spacing:2px;
	color:			#008421;
	border-left: 5px solid #008421;
	border-bottom:1px dotted #008421;
	margin-bottom:10px;
}
#main .inner h2 a{
	position:		absolute;
	text-align:		center;
	right:			0;
	top:			9px;
	padding:		4px 14px 4px 27px;
	line-height:		140%;
	font-size:		17px;
	letter-spacing:1.5px;
}


/*content*/
#main .item{
	width:			930px;
	margin:			0 auto;
}

#main .item li .content{
	width:			930px;
}

#main .item li .content .flt{
	width:			146px;
	margin:			10px 8px 0 0;
	padding-bottom:		10px;
	float:			left;
	border:1px solid #008421;
	border-top:5px solid #008421;
}

#main .item li .content .last{
	margin-right:		0;
}

#main .item li .content .flt .brand{
	text-align:		left;
	font-size:		14px;
	padding:		8px 0 0 5px;
}

#main .item li .content .flt .title{
	font-size:		14px;
	padding: 5px 7px 8px 7px;
	letter-spacing:0.5px;
	color:#004bb1;
}

#main .item li .content .flt .pic{
	text-align:		center;
}


#main .item li .content .flt .price{
	font-size:		25px;
	font-weight:		bold;
	color:			#FF0103;
	padding-left:		10px;
}

#main .item li .content .flt .price01{
	font-size:		18px;
}

#main .item li .content .flt .unit{
	font-size:		13px;
	padding-left:		10px;
}

#main .item li .content .flt .date{
	font-size:		13px;
	padding-left:		10px;
	margin-bottom:5px;
}

#main .item li .content .flt .button{
	width:			125px;
	margin:			0 auto;
}

#main .item li .content .flt .button a{
	width:			107px;
	padding-left:12px;
	height:			20px;
	font-size:		13px;
	line-height:		0.9;
	background-color:	#ff730a;
}

#main .item li .last{
	float:			right;
	margin-right:		0 !important;
}

#main .item li{
	float:			left;
}
/*content*/





.mainArea .more{
	width:			300px;
	margin:			20px auto 0;
}

.mainArea .more a{
	width:			278px;
	padding:		5px 0 25px 20px;
	font-size:		26px;
	line-height:		165%;
	letter-spacing:1px;
}

.mainArea .more a:hover{
	opacity:		0.75;
	filter:			alpha(opacity=75);
}

#main .note{
	margin-top:		32px;
}


p.backtop {
	text-align: right;
}
p.backtop a.backtop-a {
	background:		url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAEAQMAAAB4CLc+AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURQAAAABLsQqMrBsAAAABdFJOUwBA5thmAAAAEElEQVQI12MQYNBgcGFoAgACjgD/5b/zoAAAAABJRU5ErkJggg==") no-repeat scroll 0 4px transparent;
	line-height:		36px;
	padding-left:		15px;
	text-decoration:	none;
}
p.backtop a.backtop-a:hover {
	text-decoration:	underline;
}
.contentsWrap a.button--strong,
.contentsWrap a.button--strong:visited,
.contentsWrap a.button--strong-s,
.contentsWrap a.button--strong-s:visited,
.contentsWrap a.button--strong02,
.contentsWrap a.button--strong02:visited,
.contentsWrap a.button--strong02-s,
.contentsWrap a.button--strong02-s:visited {
	box-shadow: inset 0 0 0 0 , 0 0 0 0 rgba(0, 0, 0, 0);

}
.contentsWrap a.button--conversion,
.contentsWrap a.button--conversion:visited,
.contentsWrap a.button--conversion-s,
.contentsWrap a.button--conversion-s:visited,
.contentsWrap a.button--conversion02,
.contentsWrap a.button--conversion02:visited,
.contentsWrap a.button--conversion02-s,
.contentsWrap a.button--conversion02-s:visited {
	box-shadow: inset 0 0px 0 0 , 0 0px 0 0 rgba(0, 0, 0, 0);
}


.mainArea .registBox { position: relative; height: 67px; padding-top: 8px; background: url(../images/regist_feature.jpg) no-repeat 0 0; margin-bottom:15px;}
.mainArea .registBox .btnRegist{ display: block; width: 378px; height: 58px; margin: 0 auto; background: url(../images/button_regist.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}

/* tequanBox */
.mainArea .tequanBox__title{ position: relative; height: 50px; background:#007f26;}
.mainArea .tequanBox__title img{ position: absolute; top: -8px; left: 298px;}
.mainArea .tequanBox__content{ height: 466px; padding:20px 20px 30px; background-color: #f4f4f2;}
.mainArea .tequanBox .btnRegist{ display: block; width: 338px; height: 77px; margin: 30px auto 0; background: url(../images/button_regist_02.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden;}