@charset "UTF-8";

img { -ms-interpolation-mode: bicubic; }

html{
width:100%;
height:100%;
}


body {
width:100%;
height:100%;
margin:0 auto;
font-size:13px; font-family:Microsoft YaHei;
}

a {
text-decoration: none !important;
}


#container{
width:100%;
margin:0 auto;
}
.clear{clear:both;}
@media screen and (max-width: 640px) {

body {
  -webkit-text-size-adjust: 100%;
  line-height: 1.8em;
}


#container{
width:100%;
margin:0 auto;
}

img{
max-width: 100%;
height: auto;
 width: auto\9; /* ie8 */
}



}

@media screen and (min-width: 641px) {
.fixed{
	position: fixed;
	top: 0px;
	z-index: 2000;
}
.onlySP {
	display:none;
}
}



/*============================================
銉樸儍銉€銉�
=============================================*/


#header{
width:100%;
height:150px;
position:relative;
z-index: 1000;
background-color:#fff;
}



#header .switch{
display:none;
}



#header h1{
padding:25px 0 0 0;
text-align:left;
margin:0 auto;
width:100%;
}


#header_ie{
width:100%;
height:100px;
position:relative;
z-index: 9999;
background-color:#fdf0d6;
}

#header_ie h1{
padding:33px 0 0 0;
text-align:center;
margin:0 auto;
background-color:#fdf0d6;
width:100%;
}

#header #g_navi{
height:33px;
margin:0 auto;
width:100%;
}









/*============================================
銉娿儞銈层兗銈枫儳銉�
=============================================*/



.headertopbox{min-width:1024px;max-width:1180px;margin:0 auto;}
.D-logo{margin-bottom:20px;padding-top:35px;}
#header #navi{
width:100%;
margin:0 auto;
padding-top:14px;
background-color:#fff;
display:block !important;
}


#header #g_navi{
min-width:1024px;max-width:1180px;
margin:0 auto;
}

#header #g_navi li{
height:33px;
float:left;
width:9%;
height:100%;
text-align:center;
}
#header #g_navi a {
display:block;
height:auto;
color:#000;
font-size:16px;
font-weight:bold;
}

#header #g_navi li  ul{
border-top:1px solid #fff;
display:none;
padding-top:15px;
background-color:#fff;
width:100%;
height:auto;
}

#header #g_navi li  ul li{
height:33px;
float:left;
width:100%;
text-align:center;
}
#header #g_navi li  ul li a{
text-align:center;
}



#header #g_navi a:hover,
#header #g_navi a.current {
display:block;
height:20px;
}



#header #g_navi li.top a{
width:54px;
background-position: 0 0;
margin-right:57px;
}

#header #g_navi li.top {
width:54px;
background-position: 0 0;
margin-right:57px;
}

#header #g_navi li.brandstory a{
width:62px;
background-position: -111px 0;
margin-right:57px;
}

#header #g_navi li.brandstory {
width:62px;
background-position: -111px 0;
margin-right:57px;
}

#header #g_navi li.collection a{
width:114px;
background-position: -230px 0;
margin-right:63px;
}

#header #g_navi li.collection{
width:114px;
background-position: -230px 0;
margin-right:63px;
}

#header #g_navi li.news a{
width:53px;
background-position: -407px 0;
margin-right:63px;
}

#header #g_navi li.news{
width:53px;
background-position: -407px 0;
margin-right:63px;
}


#header #g_navi li.press a{
width:56px;
background-position: -523px 0;
margin-right:57px;
}

#header #g_navi li.press{
width:56px;
background-position: -523px 0;
margin-right:57px;
}


#header #g_navi li.shoplist a{
width:88px;
background-position: -636px 0;
margin-right:75px;
}

#header #g_navi li.shoplist{
width:88px;
background-position: -636px 0;
margin-right:75px;
}


#header #g_navi li.fb a{
width:22px;
background-position: -799px 0;
margin-right:19px;
}

#header #g_navi li.fb{
width:22px;
background-position: -799px 0;
margin-right:19px;
}

#header #g_navi li.tw a{
width:20px;
background-position: -839px 0;
margin-right:20px;
}

#header #g_navi li.tw{
width:20px;
background-position: -839px 0;
margin-right:20px;
}

#header #g_navi li.onlineshop a{
width:100px;
background-position: -880px 0;
}

#header #g_navi li.onlineshop{
width:100px;
background-position: -880px 0;
}


#header .close {
display:none;
}






/*============================================
銈炽兂銉嗐兂銉�
=============================================*/

#contents{
margin-top:-3px;
position:relative;
padding-bottom:0;
}




#pagetop{
width:51px;
text-align:right;
margin-right:20px;
display:none;
position:fixed;
bottom:0;
right:25px;
z-index:500;
}




#pagetop img{
padding:25px;
}



.fixed-bottom{
position:fixed;
bottom:0;
}


#pagetop_m{
display:none;
}











/*============================================
銉曘儍銈裤兗
=============================================*/



#footer{
padding:25px 0 30px 0;
width:100%;
display:block;
font-size:12px;
background-color:#fff;
}

.footer_in {
	width:75%;
	margin:auto;
	padding-bottom:20px;
}

.footer_in .fconL{
  width:26%;
  margin:0 2.3% 0 0;
  float:left;
}

.footer_in .fconR {
  width:14%;
  float:right;
}

.footer_in .fconL li, .footer_in .fconR li {
	margin:0 0 1.4em 0;
}

.footer_in ul li.headline a {
	color:rgb(164,164,164);
}

.footer_in ul li.last {
	margin-bottom:0 !important;
}
#footer p{line-height:28px;}
.footHotline{line-height:28px;}
#footer .copyright {
	width:100%;
	line-height:28px;
}

#footer .copyright p {
	text-align: center;
}

.map-box{width:900px;margin:0px auto;}
.map-box dl{float:left;margin:0px 3%;line-height:28px;}
.map-box dl dt{font-weight:bold;}
.map-box dl a{color:#000;}

/*============================================
clearfix
=============================================*/

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  


@media screen and (min-width: 641px) {
	.pc_clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.pc_clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .pc_clearfix { height: 1%; }  
.pc_clearfix { display: block; }  
/* End hide from IE-mac */