@charset "utf-8";

/*-----------------------------------------------------
Promotion
-------------------------------------------------------*/
#Promotion{
	width:900px;
	height:308px;
	/* overflow:hidden; */
	margin:13px auto 0 auto;
}


/*-------------------------------------
FlashArea
---------------------------------------*/
#Promotion #FlashArea{
	width:660px;
	height:308px;
	float:left;
	display:inline;
}

/*-------------------------------------
brand
---------------------------------------*/
#Promotion div.brand{
	width:220px;
	float:right;
	display:inline;
	padding:5px 0 0 0;
	background:url("/images/brand_bg_outline_top.gif") no-repeat 0 0 #F0F0F0;
}
#Promotion div.brand div.brand-inline{
	width:210px;
	height:298px;
	overflow:hidden;
	padding:0 5px 5px 5px;
	background:url("/images/brand_bg_outline_bottom.gif") no-repeat 0 100%;
}
/* inside */
#Promotion div.brand div.inside{
	width:200px;
	padding:4px;
	border:1px solid #CCCCCC;
	border-top:none;
	background:#FFFFFF;
}
#Promotion div.brand div.inside div.inside-inline{
	width:100%;
	padding:0px 0 3px 0;
	background:url("/images/brand_bg_outline_border.gif") repeat-x 0 100%;
}
#Promotion div.brand div.inside ul{
	width:199px;
	overflow:hidden;
	padding:1px 0 0 1px;
	background:#E4E4E4;
}
#Promotion div.brand div.inside ul li{
	float:left;
	display:inline;
	margin:0 1px 1px 0;
	padding:0 0 0 0;
}
#Promotion div.brand div.inside p{
	margin:2px 0 0 0;
	padding:6px 0 2px 0;
	text-align:center;
	background:url("/images/brand_bg_inline.gif") repeat 0 0;
}


/*-----------------------------------------------------
MainTop
-------------------------------------------------------*/
#MainTop{
	width:900px;
	margin:25px auto 0 auto;
	background:url("/images/guide_bg.gif") no-repeat 100% -80%;
}

/*
ColumnLeft
--------------------*/
#MainTop #ColumnLeft{
	width:220px;
	float:left;
	display:inline;
}

/*
ColumnCenter
--------------------*/
#MainTop #ColumnCenter{
	width:420px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
}

/*
ColumnRight
--------------------*/
#MainTop #ColumnRight{
	width:220px;
	float:right;
	display:inline;
	background:#FFF;
}

/*-------------------------------------
lineup
---------------------------------------*/
#MainTop div.lineup{
	width:220px;
	position:relative;
	padding:3px 0 0 0;
	background:url("/images/lineup_bg_outline.jpg") no-repeat 0 0 #FFE7B3;
}
#MainTop div.lineup div.lineup-outline{
	width:220px;
	padding:0 0 4px 0;
	background:url("/images/lineup_bg_outline_bottom.gif") no-repeat 0 100%;
}

/*
search
--------------------*/
#MainTop div.lineup div.search{
	width:214px;
	position:relative;
	margin:0 auto 0 auto;
	background:url("/images/lineup_search_bg.gif") repeat-y 0 0;
}
#MainTop div.lineup div.search div.search-inline{
	width:100%;
	padding:0 0 3px 0;
	background:url("/images/lineup_search_bg_bottom.gif") no-repeat 0 100%;
}

/* piglet */
#MainTop div.lineup div.search p.piglet{
	width:57px;
	height:73px;
	position:absolute;
	top:-10px;
	left:-16px;
	z-index:100;
}

/* keyword */
#MainTop div.lineup div.search p.keyword{
	width:190px;
	margin:0 auto 0 auto;
	padding:7px 0 4px 0;
}
#MainTop div.lineup div.search p.keyword input{
	vertical-align:top;
}
#MainTop div.lineup div.search p.keyword input.input-usually{
	/*width:119px;
	height:18px;*/
	width:133px;
	margin:0 1px 0 0;
	/*line-height:20px;*/
}

/*
inline
--------------------*/
#MainTop div.lineup div.lineup-inline{
	width:218px;
	margin:5px auto 0 auto;
	background:url("/images/lineup_bg_inline.gif") repeat-y 0 0;
}
#MainTop div.lineup div.lineup-inline div.inline-bg{
	width:218px;
	padding:2px 0 0 0;
	background:url("/images/lineup_bg_inline_top.gif") no-repeat 0 0;
}
#MainTop div.lineup div.lineup-inline dl{
	width:206px;
	padding:2px 6px 6px 6px;
	background:url("/images/lineup_bg_inline_bottom.gif") no-repeat 0 100%;
}
#MainTop div.lineup div.lineup-inline dl dt{
	width:206px;
	text-align:center;
}
#MainTop div.lineup div.lineup-inline dl dd{
	width:200px;
	margin:0 auto 0 auto;
	padding:1px 0 2px 0;
	background:url("/cmn/images/common/bg_border_dotted.gif") repeat-x 0 100%;
}
#MainTop div.lineup div.lineup-inline dl dd.last{
	background:url("") no-repeat 0 0;
}
#MainTop div.lineup div.lineup-inline dl dd a{
	display:block;
	padding:2px 0 3px 0;
	text-decoration:none;
}
#MainTop div.lineup div.lineup-inline dl dd a:hover{
	color:#666666;
	background:#FEF0E1;
}
#MainTop div.lineup div.lineup-inline dl dd a img{
	margin:0 6px 0 6px;
	vertical-align:middle;
}

/*-------------------------------------
news
---------------------------------------*/
#MainTop div.news{
	width:420px;
	margin:0 0 20px 0;
}
#MainTop div.news.update{
	margin:0 0 0 0;
}
/* title */
#MainTop div.news div.title{
	width:100%;
	overflow:hidden;
	margin:0 0 10px 0;
	border-bottom:3px solid #EBEBEB;
}
#MainTop div.news div.title h3,
#MainTop div.news div.title p.pdf,
#MainTop div.news div.title p.btn{
	float:left;
	display:inline;
}

#MainTop div.news ul{
	width:100%;
}
#MainTop div.news ul li{
	overflow:hidden;
	padding:10px;
	background:url("/cmn/images/common/bg_border_dotted.gif") repeat-x 0 100%;
}
#MainTop div.news ul li span{
	width:85px;
	display:blcok;
	float:left;
}
#MainTop div.news ul li a{
	width:315px;
	display:block;
	float:left;
}
#news_ex{
	text-align:right;
	font-size:80%;
	color:#606060;
}


/*
press
--------------------*/
#MainTop div.news.press{
	background:url("/images/press_bg_piglet.gif") no-repeat 95% 99%;
}

/*
update
--------------------*/
#MainTop div.news.update ul li a{
	width:252px;
	padding:0 0 0 63px;
	background-repeat:no-repeat;
	background-position:0 1px;
}
#MainTop div.news.update ul li a.campaign{background-image:url("/images/update_ico01.gif");}
#MainTop div.news.update ul li a.cm{background-image:url("/images/update_ico02.gif");}
#MainTop div.news.update ul li a.special{background-image:url("/images/update_ico03.gif");}
#MainTop div.news.update ul li a.commodity{background-image:url("/images/update_ico04.gif");}
#MainTop div.news.update ul li a.info{background-image:url("/images/update_ico05.gif");}


/*-------------------------------------
guide
---------------------------------------*/
#MainTop div.guide{
	width:220px;
	margin:0 0 10px 0;
	overflow:hidden;
	background:url("/images/brand_bg_outline_top.gif") no-repeat 0 0 #F0F0F0;
}
#MainTop div.guide.last{
	margin:5px 0 0 0;
}
#MainTop div.guide div.guide-inline{
	width:210px;
	padding:0 5px 5px 5px;
	background:url("/images/brand_bg_outline_bottom.gif") no-repeat 0 100%;
}
#MainTop div.guide div.inside{
	width:210px;
	margin:5px 0 0 0;
}

/*
title
--------------------*/
#MainTop div.guide div.inside div.title{
	width:210px;
	overflow:hidden;
}
#MainTop div.guide div.inside div.title h4,
#MainTop div.guide div.inside div.title p{
	float:left;
	display:inline;
}

/*
info
--------------------*/
#MainTop div.guide div.inside div.info{
	width:190px;
	overflow:hidden;
	padding:9px;
	border:1px solid #CCCCCC;
	border-top:2px solid #39AB03;
	background:#FFF;
}
#MainTop div.guide div.inside div.info_cm{
	width:185px;
	overflow:hidden;
	padding:9px 9px 9px 14px;
	border:1px solid #CCCCCC;
	border-top:2px solid #39AB03;
	background:#FFF;
}
#MainTop div.guide div.inside div.info p.date{
	width:120px;
	float:right;
	display:inline;
	margin:0 0 5px 0;
	color:#FB5A0E;
	font-weight:bold;
	font-size:84%;
}
#MainTop div.guide div.inside div.info p.txt{
	width:120px;
	float:right;
	display:inline;
}
#MainTop div.guide div.inside div.info p.txt_d{
	display:block;
	width:170px;
	font-size:84%;
	clear:both;
}
#MainTop div.guide div.inside div.info p.txt strong,
#MainTop div.guide div.inside div.info_cm p.txt strong{
	font-weight:normal;
}
#MainTop div.guide div.inside div.info p.img{
	width:60px;
	float:left;
	display:inline;
}

#MainTop div.guide div.inside div.info p.txt_e{
	width:120px;
	float:right;
	display:inline;
	font-size:84%;
}


/*---------------------------------------------------------------------------------------------------

	am更新
	2014/04/08

---------------------------------------------------------------------------------------------------*/

#Content {
	width:100%;
	background:#faf5e6;
	padding-bottom:20px;
	border-bottom:1px solid #cccccc;
}

#Promotion {
	width:100%;
	height:364px;
	padding-top:22px;
	/* overflow:hidden; */
	margin:0 0 25px;
	background:#fff;
	overflow:hidden;
}


#Promotion #mainImg {
	width:1004px;
	margin:0 auto;
	text-align:center;
	
}


#Promotion #mainImg .img {
	text-align:center;
}

#Promotion #mainImg .img a {
	width:916px;
	height:322px;
	display:block;
	margin:0 auto;
	
}



#MainTop{
	width:900px;
	margin:0 auto;
	background:none;
}


#MainTop div.brandList {
	width:900px;
	height:127px;
	margin: 0 0 27px;
	background:url(../img/top_renew02/bg_brand.gif) no-repeat center top;	
}

#MainTop .brandList .titleArea {
	width:890px;
	height:42px;
	padding-top:5px;
	margin:0 auto;
}

#MainTop .brandList .titleArea h2 {
	width:788px;
	float:left;
}

#MainTop .brandList .titleArea .linkBtn {
	width:102px;
	float:right;
}

#MainTop .brandList .titleArea .linkBtn a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#MainTop .brandList .titleArea img {
	vertical-align:bottom;	
}

#MainTop .brandList ul {
	width:890px;
	height:75px;
	margin:0 auto;
}

#MainTop .brandList ul li {
	width:110px;
	height:75px;
	vertical-align:bottom;
	float:left;
}

#MainTop .brandList ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#MainTop .brandList ul .brandLink01 {
	width:117px;
}

#MainTop .brandList ul .brandLink08 {
	width:113px;
}

#MainTop .specialBnr {
	margin: 0 0 27px;
}

#MainTop #infoArea01 {
	width:900px;
	margin:0 auto 20px;
	padding-bottom:20px;
	border-bottom:1px dotted #96938a;	
}

#MainTop #infoArea01 .info {
	width:217px;
	float:left;
	margin-right:11px;
	padding-bottom:10px;
	background:url(../img/top_renew02/foot_info02.gif) no-repeat bottom #ebe7d8;
}

#MainTop #infoArea01 #cmArea {
	width:216px;
	background:url(../img/top_renew02/foot_info01.gif) no-repeat bottom #ebe7d8;
}

#MainTop #infoArea01 #shopArea {
	margin-right:0;
}

#MainTop #infoArea01 .info h3 {
	height:57px;
	margin:0;	
}

#MainTop #infoArea01 .info h3 img {
	vertical-align:bottom;
}

#MainTop #infoArea01 .info .shareList {
	width:205px;
	min-height:220px;
	height: auto !important;
	height: 220px;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	margin:0 auto;
	background:#ffffff;
}

#MainTop #infoArea01 .info .shareList ul {
	width:185px;
	margin:0 auto;
	position:relative;
	
}

#MainTop #infoArea01 #productsArea .shareList ul li {
	width:185px;
	position:absolute;
	top:0;
	left:0;
	
}

#MainTop #infoArea01 .info .shareList ul .img {
	width:185px;
	margin-bottom:7px;
	
}

#MainTop #infoArea01 .info .shareList ul .img:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	
}

#MainTop #infoArea01 .info .shareList ul .textArea {
	font-weight:bold;	
}

#MainTop #infoArea01 .info .shareList ul .textArea .date {
	font-size:10px;
}


#MainTop #infoArea01 .info .shareList ul .textArea .text {
	margin-bottom:10px;
}

#MainTop #infoArea01 .info .shareList ul .textArea .linkText a {
	background:url(../img/top_renew02/bg_arrow.gif) no-repeat left;
	padding-left:14px;
	padding-top:5px;
	min-height:20px;
	font-size:10px;
	color:#333333;
	display:block;
}

#MainTop #bnrList {
	width:900px;
	margin:0 auto 20px;
	padding-bottom:20px;
	border-bottom:1px dotted #96938a;	
}

#MainTop #bnrList ul {
	display: flex;
	flex-wrap: wrap;
	width:912px;
	margin: 0 -12px 0 0;
	/*overflow: hidden;
	_zoom: 1;*/
	min-height:160px;
	height:100% !important;
	height:160px;
}

#MainTop #bnrList ul li {
	width:217px;
	margin-right:11px;
	/*float:left;*/
}

#MainTop #bnrList ul li .img {
	width:217px;
	height:70px;
	margin-bottom:10px;
}

#MainTop #bnrList ul li .img a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#MainTop #bnrList ul li dl dt {
	
}

#MainTop #bnrList ul li dl dd {
	font-size:10px;
}

#MainTop #infoArea02 {
	width:900px;
	margin:0 auto 30px;
}

#MainTop #infoArea02 .info {
	width:435px;
	float:left;
	margin-right:30px;
}

#MainTop #infoArea02 #updateArea {
	margin-right:0;
}

#MainTop #infoArea02 .info .titleArea {
	width:435px;
	height:40px;
	margin-bottom:15px;
}


#MainTop #infoArea02 #newsArea .titleArea h3 {
	width:333px;
	float:left;
}

#MainTop #infoArea02 #newsArea .titleArea .linkBtn {
	width:102px;
	float:right;
}

#MainTop #infoArea02 .info ul {
	width:435px;
	margin:0;
}

#MainTop #infoArea02 .info ul li {
	width:435px;
	padding-bottom:10px;
	margin-bottom:10px;
	font-weight:bold;
	border-bottom:1px dotted #96938a;	
}

#MainTop #infoArea02 .info ul li p {
	width:400px;
	margin:0 auto;
}

#MainTop #indexBottom {
	width:900px;
	margin-bottom:30px;	
}

#MainTop #indexBottom #searchArea {
	width:673px;
	float:left;
	background:url(../img/top_renew02/foot_search02.gif) no-repeat bottom #ebe7d8;
	padding-bottom:19px;	
}

#MainTop #indexBottom #searchArea .titleArea {
	width:673px;
	height:42px;
	padding-top:5px;
	background:url(../img/top_renew02/head_search.gif) no-repeat top #ebe7d8;
}

#MainTop #indexBottom #searchArea .titleArea .inner {
	width:663px;
	height:42px;
	margin:0 auto;
}

#MainTop #indexBottom #searchArea .titleArea .inner h3 {
	width:566px;
	height:42px;
	float:left;
}

#MainTop #indexBottom #searchArea .titleArea .inner .linkBtn {
	width:97px;
	height:42px;
	float:right;
}


#MainTop #indexBottom #searchArea .searchInner {
	width:661px;
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	background:#fff;
	margin:0 auto;
	padding-top:12px;
}

#MainTop #indexBottom #searchArea .searchInner .sConts {
	width:637px;
	margin:0 auto 15px;
	background:url(../img/top_renew02/foot_search01.gif) no-repeat bottom;
	padding-bottom:7px;
}

#MainTop #indexBottom #searchArea .searchInner #search03 {
	margin-bottom:0;
}


#MainTop #indexBottom #searchArea .searchInner #search01 .subTitle {
	height:43px;
}

#MainTop #indexBottom #searchArea .searchInner #search02 .head {
	height:16px;
}

#MainTop #indexBottom #searchArea .searchInner #search03 .subTitle {
	height:48px;
}
#MainTop #indexBottom #searchArea .searchInner #search01 .subTitle img,
#MainTop #indexBottom #searchArea .searchInner #search02 .head img,
#MainTop #indexBottom #searchArea .searchInner #search03 .subTitle {
	vertical-align:bottom;
	
}

#MainTop #indexBottom #searchArea .searchInner .sConts .searchList {
	width:635px;
	border-left:1px solid #cccccc;	
	border-right:1px solid #cccccc;
	background:#f8f8f8;
}

#MainTop #indexBottom #searchArea .searchInner .sConts .searchList ul {
	width:624px;
	margin-left:11px;
}

#MainTop #indexBottom #searchArea .searchInner .sConts .searchList ul li {
	width:141px;
	margin:0 13px 10px 2px;
	float:left;
	display:inline;	
}

#MainTop #indexBottom #searchArea .searchInner .sConts .searchList ul li a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#MainTop #indexBottom #searchArea .searchInner #search01 .searchList ul li {
	width:141px;
	margin-top:5px;
	background:url(../img/top_renew02/bg_search_li.gif) no-repeat right;
}


#MainTop #indexBottom #searchArea .searchInner #search01 .searchList ul .formBtn {
	background:none;
	margin-top:0;
	
}

#MainTop #indexBottom #searchArea .searchInner #search01 .searchList ul .formBtn input:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#MainTop #indexBottom #searchArea .searchInner #search01 .searchList ul li select {
	width:125px;
}

#MainTop #indexBottom #searchArea .searchInner #search02 .searchList ul li a,
#MainTop #indexBottom #searchArea .searchInner #search03 .searchList ul li a {
	display:block;
	height:23px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:url(../img/top_renew02/bg_btn.gif) no-repeat center top;
	padding-top:10px;
	padding-left:10px;
	width:131px;
}


#MainTop #indexBottom #guideArea {
	width:216px;
	float:right;
/*	padding-bottom:17px;*//*20160425mod*/
	background:url(../img/top_renew02/foot_guide.gif) no-repeat bottom left #ebe7d8;
}

#MainTop #indexBottom #guideArea .head {
	width:216px;
	height:15px;
}

#MainTop #indexBottom #guideArea img {
	vertical-align:bottom;
	
}

#MainTop #indexBottom #guideArea .inner {
	width:206px;
	min-height:356px;/*20160525mod*/
	height:auto !important;
	height:355px;/*20160525mod*/
	margin:0 auto;
	background:#ffffff;	
}

#MainTop #indexBottom #guideArea .inner a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

#MainTop #indexBottom #guideArea .inner p,
#MainTop #indexBottom #guideArea .inner dl {
	width:186px;
	margin-left:auto;
	margin-right:auto;
}

#MainTop #indexBottom #guideArea .inner .link {
	margin-bottom:10px;
	height:31px;
}
/*↓20160525add*/
#MainTop #indexBottom #guideArea .inner .link2 {
	margin-bottom:10px;
	height:60px;
}
/*↑20160525add*/


#MainTop #indexBottom #guideArea .inner .guidFree {
	margin-bottom:9px;
	
}