/*------------------------ topics ------------------------*/ 

#topics{
	width:708px;
	height:auto;
	margin:0;
	padding:10px 20px;
	background:#fff;
	border:dotted 1px #000;
}
#topics h2{
	margin:0 10px 0 0;
	padding:0;
	font-size:14px;
	background:none;
	float:left;
}
#topics a{
	margin:3px 0 0 0;
	padding:0;
	font-size:12px;
	background:none;
	float:left;
}

/*------------------------ news ------------------------*/ 

#news{
	width:750px;
	height:auto;

}
#news .post{
	width:750px;
	height:auto;
	margin:0 0 50px 0;
	padding:0;
}
#news .post img{
	width:450px;
	height:300px;
	margin:0;
	padding:0;
	float:left;
}
#news .post .detail{
	width:270px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}
#news .post .date{
	margin:0 0 15px 0;
	padding:0;
	font-size:14px;
}
#news .post .title{
	margin:0 0 30px 0;
	padding:0;
	font-size:16px;
	line-height:150%;
}
#news .post .text{
	margin:0 0 30px 0;
	padding:0;
	font-size:12px;
	line-height:160%;

}
#news .post .link{
	margin:0;
	padding:0;
	font-size:14px;
}


/*------------------------ concept ------------------------*/ 

#concept{
	width:750px;
	height:auto;

}

#concept img{
	width:400px;
	height:400px;
	margin:0;
	padding:0;
	float:left;
}
#concept #detail{
	width:320px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}
#concept #sub{
	margin:0 0 15px 0;
	padding:0;
	font-size:12px;
}
#concept #title{
	margin:0 0 30px 0;
	padding:0;
	font-size:28px;
	line-height:150%;
}
#concept #text{
	margin:0 0 30px 0;
	padding:0;
	font-size:12px;
	line-height:160%;

}

/*------------------------ blog ------------------------*/ 

#blog{
	width:750px;
	height:auto;
}
#blog #shop{
	width:540px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
#blog #shop h3 a{
	width:508px;
	height:auto;
	margin:0;
	padding:15px;
	background:url("../images/blog_arrow.png") 520px no-repeat #fff;
	border:solid 1px #e6e6e6;
	text-decoration:none;
	display:block;
}
#blog #shop ul{
	width:570px;
	height:auto;
	margin:0 -30px 0 0;
	padding:0;
}
#blog #shop ul li{
	width:160px;
	height:auto;
	margin:30px 30px 0 0;
	padding:0;
	float:left;
	display:block;
}
#blog #press{
	width:160px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}
#blog #press h3 a{
	width:128px;
	height:auto;
	margin:0;
	padding:15px;
	background:url("../images/blog_arrow.png") 140px no-repeat #fff;
	border:solid 1px #e6e6e6;
	text-decoration:none;
	display:block;
}
#blog #press ul{
	width:160px;
	height:auto;
	margin:0;
	padding:0;
}
#blog #press ul li{
	width:160px;
	height:auto;
	margin:30px 0 0 0;
	padding:0;
	display:block;
}

#blog .shop_blog_img{
	width:160px;
	height:200px;
	overflow:hidden;
}


#blog img{
	width:160px;
	margin:0 0 5px 0;
}
#blog .shop_blog_date{
	margin:0 0 2px 0;
}
#blog .shop_blog_title a{
}





/*------------------------ catalog ------------------------*/ 

#catalog{
	width:750px;
	height:auto;
}
#catalog .panel img{
	margin:0 auto 20px auto;
	padding:0;
	display:block;
}
#catalog .panel h3{
	margin:0 0 15px 0;
	padding:0;
	font-size:20px;
	text-align:center;
}
#catalog .panel a.btn{
	width:300px;
	height:auto;
	margin:0 auto;
	padding:15px 0;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	text-align:center;
	background:url("../images/btn_bg.gif");
	display:block;
}
#catalog  .flex-direction-nav a{
	top: 40%;
}


/*------------------------ onlineshop ------------------------*/ 

#onlineshop{
	width:750px;
	height:auto;

}
#onlineshop #item{
	width:690px;
	height:auto;
	margin:0;
	padding:28px;
	background:#fff;
	border:solid 1px #e6e6e6;
}
#onlineshop #item ul#onlineshop_list{
	width:708px;
	height:auto;
	margin:0 -18px 0 0;
	padding:0;
	overflow:hidden;
}
#onlineshop #item ul#onlineshop_list li{
	width:100px;
	height:120px;
	margin:0 18px 18px 0;
	padding:0;
	float:left;
}
#onlineshop #item ul#onlineshop_list li img{
	width:100px;
	height:120px;
	margin:0;
	padding:0;
}
#onlineshop #item ul#onlineshop_list li p.sale{
	display:none;
}

#onlineshop #item ul#onlineshop_link{
	width:500px;
	height:auto;
	margin:30px auto 20px auto;
	padding:0;
}

#onlineshop #item ul#onlineshop_link li{
	width:500px;
	height:60px;
	margin:0 0 10px 0;
	padding:0;
}

/*------------------------ shoplist ------------------------*/ 

#shoplist{
	width:750px;
	height:auto;
}

#shoplist h2{
	width: 150px;
	float: left;
}


/*--------lang--------*/
#shoplist .speke{
	width: 403px;
	float: right;
	margin-bottom: 40px;
	padding-top: 15px;
	font-size: 10px;
}

#shoplist .usa{
	width: 172px;
	height: 18px;
	float: left;
	padding-left: 37px;
	background: url(../images/lang/usa_s.jpg) no-repeat left center;
	background-size: 27px 18px;
}

#shoplist .china{
	width: 111px;
	height: 18px;
	float: right;
	padding-left: 37px;
	background: url(../images/lang/china_s.jpg) no-repeat left center;
	background-size: 27px 18px;
}
/*--------//lang--------*/

#shoplist .area_box{
	clear: both;
	margin:0 0 30px 0;
	padding:0;
}
#shoplist .area_box h3{
	margin:0 0 10px 0;
	padding:0;
	font-size:16px;
	font-weight:bold;
}
#shoplist .area_box h3 .area_en{
	margin:0 0 10px 20px;
	padding:0;
	font-size:14px;
	font-weight:normal;
	font-style:italic;
	color:#7e7e7e;
}
#shoplist .area_box ul{
	width:750px;
	height:auto;
	margin:0;
	padding:0;
}
#shoplist .area_box ul li{
	width:750px;
	height:auto;
	margin:0;
	padding:15px 0;
	border-top:dotted 1px #777575;
}

#shoplist .area_box .detailarea{
	width: 650px;
	float:left;
	line-height: 22px;
}

#shoplist .area_box .name{
/*	width:150px;*/
	height:auto;
	margin:0 20px 10px 0;
	padding:0 0 0 10px;
	font-size:14px;
	font-weight: bold;
/*	float:left;*/
}
#shoplist .area_box .name .name_en{
/*	width:150px;*/
	height:auto;
	margin:0 20px 40px 0;
	padding:0 0 0 20px;
	font-weight: normal;
	font-style: italic;
	color:#7e7e7e;
/*	float:left;*/
}
#shoplist .area_box .detail{
/*	width:480px;*/
	height:auto;
	margin:0;
	padding:0 0 0 30px;
/*	float:left;*/
}
#shoplist .area_box .detail .address_en{
/*	width:480px;*/
	height:auto;
	margin:0;
	padding:0;
	font-style: italic;
	color:#7e7e7e;
/*	float:left;*/
}

#shoplist .area_box .service{
	margin-top: 5px;
}

#shoplist .area_box .service img {
	width: 30px;
	height: 28px;
	margin-right: 10px;
}

#shoplist .area_box .blog{
	width:55px;
	height:auto;
	margin:0 0 0 20px;
	padding:0 15px 0 0;
	float:left;
	text-align:right;
	background:url("../images/arrow2.png") right no-repeat;
}



/*------------------------ mailmagazine ------------------------*/ 

#mailmagazine{
	width:750px;
	height:auto;
}
#mailmagazine #title{
	width:750px;
	height:240px;
	margin:0 0 30px 0;
	padding:45px 0 0 0;
	background:url("../images/mailmagazine_img.png") no-repeat;
}
#mailmagazine #title ul{
	width:750px;
	height:auto;
	margin:0 0 0 270px;
	padding:50px 0 0 0;
	background:url("../images/mailmagazine_title.png") no-repeat;

}
#mailmagazine #title ul li{
	margin:0 0 5px 0;
	padding:0;
	font-size:16px;
}
#mailmagazine #input{
	width:740px;
	height:auto;
	margin:0 0 50px 0;
	padding:0;
}

#mailmagazine #hello{
	width:400px;
	height:auto;
	margin:0;
	padding:0;
	float:left;
}
#mailmagazine #hello img#qr{
	width:86px;
	height:86px;
	margin:0;
	padding:0;
	float:left;
}
#mailmagazine #hello p{
	width:295px;
	height:100px;
	margin:0;
	padding:0;
	float:right;
}
#mailmagazine #hello h4{
	width:121px;
	height:20px;
	margin:0 0 15px 0;
	padding:0;
	background:url("../images/mailmagazine_hello.png") no-repeat;
	display:block;
	text-indent:-9999px;
}
#mailmagazine #hello a{
	width:320px;
	height:auto;
	margin:0 0 20px 0;
	padding:15px 20px 15px 60px;
	font-size:16px;
	background:url("../images/mailmagazine_icon.png") 20px no-repeat #e6e6e6;
	display:block;
}
#mailmagazine #bye{
	width:300px;
	height:auto;
	margin:0;
	padding:0;
	float:right;
}
#mailmagazine #bye h4{
	width:120px;
	height:20px;
	margin:0 0 15px 0;
	padding:0;
	background:url("../images/mailmagazine_bye.png");
	display:block;
	text-indent:-9999px;
}
#mailmagazine #bye a{
	width:220px;
	height:auto;
	margin:0 0 20px 0;
	padding:15px 20px 15px 60px;
	font-size:16px;
	background:url("../images/mailmagazine_icon.png") 20px no-repeat #e6e6e6;
	display:block;
}

#mailmagazine .text14{
	margin:0;
	padding:0;
	font-size:14px;
}
#mailmagazine .text10{
	margin:0 0 30px 0;
	padding:0;
	font-size:10px;
}


/*------------------------ side ------------------------*/ 

#side{
	width:180px;
	height:3000px;
	margin:0;
	padding:0;
	float:right;
}
#m_sns{
  width:178px;
	height:auto;
	margin:0 0 20px 0;
	padding:0;
	border-top:dotted 1px #000;
	border-right:dotted 1px #000;
	border-left:dotted 1px #000;
	background:#fff;

}
#m_sns li{
  width:178px;
	height:70px;
	margin:0;
	padding:0;
	border-bottom:dotted 1px #000;
	text-indent:-9999px;
}
#m_sns #facebook a{
  width:178px;
	height:70px;
	margin:0;
	padding:0;
	background:url("../images/m_facebook.gif") no-repeat 20px 20px;
	display:block;
}
#m_sns #instagram a{
  width:178px;
	height:70px;
	margin:0;
	padding:0;
	background:url("../images/m_instagram.gif") no-repeat 20px 20px;
	display:block;

}

#bnr {
  width:180px;
	margin:0;
  padding:0;
  clear:both;
}

#bnr img {
  width:180px;
	margin:0 0 20px 0;
  padding:0;
/*  clear:both;*/
}
.fixed{
  position:fixed;
  z-index:2000;
  top:175px;
}