@charset "utf-8";

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,legend{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th{font-size:1em;font-weight:normal;font-style:normal;}
ul,ol{list-style:none;}
fieldset,img{border:none;}
caption,th{text-align:left;}
table{border-collapse:collapse;border-spacing:0;}
li{list-style:none;line-height:1em;}
li img{vertical-align:bottom;}
img{border:0;}
a{outline:none;}
li{line-height:0;}
li a,li p{line-height:normal;}


/* LAYOUT */
html{height:100%;}
body{position:relative;}
.clear{clear:both;line-height:0;font-size:0;height:0;overflow:hidden;}
.clearer{clear:both;display:block;margin:0;padding:0;height:0;line-height:1px;font-size:1px;}


/* STYLE */
body{font-family:Arial,Helvetica,sans-serif;height:100%;}
input{vertical-align:middle;}
strong{font-weight:bold;}


/* LEYOUT */
#TOP{
	width:100%;min-width:980px;text-align:center;
}
#container_wrap{
	width:980px;margin:0 auto;text-align:left;
}
#container{
	width:980px;margin:0 auto;text-align:left;
	height: auto !important; height:1%; overflow:hidden;
}
#container #sidenavi{
	float:left;width:130px; padding: 49px 67px 0 33px; min-height:810px; height:auto !important; height:860px;
}
	/* IE6 */
	* html body #container #sidenavi{padding: 49px 63px 0 33px;}
#container #content{
	float:right;width:750px;margin-bottom:14px; padding-top:64px
}
p.topics_path{
	border:solid 1px #fff;
	border-width: 1px 0;
	padding:7px 2px 7px 12px;}
#footer_wrap{
	width:100%;text-align:center;
}
#footer_wrap #footer{width:980px;margin:0 auto;text-align:left;}
br.double{margin-bottom:1em;}


/* DESIGN */
body{color:#333;background:#fff url(/img_2012ss/common/bg_body.gif?2012ss) left top repeat-x;font-size:100%;line-height:100%;}
a{color:#225400;text-decoration:none;} /* #225400 */
a:hover{text-decoration:underline;}

#TOP{background:url(/img_2012ss/common/bg_head.jpg?2012ss) center top no-repeat;}
/*#container_wrap{background:url("/img/common/bg.png?2012ss") repeat-y left top;}*/
#main_content{font-size:75%;}
p.topics_path{color:#333333;font-size:70%;}


/* PAGETOP */
p.pagetop{width:980px;margin:-14px auto 0;text-align:right;padding-bottom:1px;position:relative;z-index:2;}
p.pagetop a{margin-left:auto;text-align:left;}
p.pagetop a{width:70px;height:13px;background:url("/img_2012ss/common/pagetop.gif?2012ss") no-repeat left top;display:block;text-indent:-9999px;line-height:0.8em;}


/* SIDENAVI */
#sidenavi{
	position:relative;}
#sidenavi a{
	display:block;
	background-image: url(/img_2012ss/common/gmenu.jpg?2012ss); background-repeat: no-repeat;
	overflow:hidden;
	height: 0 !important;
	}
	#sidenavi .brands_menu{width: 130px;}
	#sidenavi .brands_menu li{
		width: 130px;
		overflow:hidden;
		}
		#sidenavi .brands_menu li.m_birkenstock{ height: 41px;}
		#sidenavi .brands_menu li.m_papillio{ height: 42px;}
		#sidenavi .brands_menu li.m_birkis{ height: 42px;}
		#sidenavi .brands_menu li.m_footprints{ height: 41px;}
		#sidenavi .brands_menu li.m_alpro{ height: 42px;}
		#sidenavi .brands_menu li.m_birko{ height: 41px;}
		#sidenavi .brands_menu li.m_newtral{ height: 41px;}
		#sidenavi .brands_menu li.m_tabio{ height: 41px;}
		
		
		#sidenavi .brands_menu li a{
			width: 130px;
			}
		#sidenavi .brands_menu li.m_birkenstock a{ background-position: 0 0; padding-top: 41px;}
		#sidenavi .brands_menu li.m_papillio a{ background-position: 0 -41px; padding-top:42px;}
		#sidenavi .brands_menu li.m_birkis a{ background-position: 0 -83px; padding-top:42px;}
		#sidenavi .brands_menu li.m_footprints a{ background-position: 0 -125px; padding-top:41px;}
		#sidenavi .brands_menu li.m_alpro a{ background-position: 0 -166px; padding-top:42px;}
		#sidenavi .brands_menu li.m_birko a{ background-position: 0 -208px; padding-top:41px;}
		#sidenavi .brands_menu li.m_newtral a{ background-position: 0 -249px; padding-top:41px;}
		#sidenavi .brands_menu li.m_tabio a{ background-position: 0 -290px; padding-top:41px;}
		
		#sidenavi .brands_menu li.m_birkenstock a:hover{ background-position: -130px 0;}
		#sidenavi .brands_menu li.m_papillio a:hover{ background-position: -130px -41px;}
		#sidenavi .brands_menu li.m_birkis a:hover{ background-position: -130px -83px;}
		#sidenavi .brands_menu li.m_footprints a:hover{ background-position: -130px -125px;}
		#sidenavi .brands_menu li.m_alpro a:hover{ background-position: -130px -166px;}
		#sidenavi .brands_menu li.m_birko a:hover{ background-position: -130px -208px;}
		#sidenavi .brands_menu li.m_newtral a:hover{ background-position: -130px -249px;}
		#sidenavi .brands_menu li.m_tabio a:hover{ background-position: -130px -290px;}
		
		
		
		#sidenavi .brands_menu li.m_tabio a{ cursor:default;}
		
		
#sidenavi .global_menu{
	margin-top:38px;
	}
	#sidenavi .global_menu li{
		width: 130px;
		overflow:hidden;
		}
		#sidenavi .global_menu li.m_shoplocator{height:27px;}
		#sidenavi .global_menu li.m_productsearch{height:27px;}
		#sidenavi .global_menu li.m_mailmagazine{height:28px;}
		#sidenavi .global_menu li.m_catalogue{height:28px;}
		#sidenavi .global_menu li.m_zozo{height:24px;}

		#sidenavi .global_menu li a{
			width: 130px;
			}
		#sidenavi .global_menu li.m_shoplocator a{ background-position: 0 -369px; padding-top:27px;}
		#sidenavi .global_menu li.m_productsearch a{ background-position: 0 -396px; padding-top:27px;}
		#sidenavi .global_menu li.m_mailmagazine a{ background-position: 0 -423px; padding-top: 28px;}
		#sidenavi .global_menu li.m_catalogue a{ background-position: 0 -451px; padding-top:28px;}
		#sidenavi .global_menu li.m_zozo a{ background-position: 0 -507px; padding-top:24px;}
		
		#sidenavi .global_menu li.m_shoplocator a:hover{ background-position: -130px -369px;}
		#sidenavi .global_menu li.m_productsearch a:hover{ background-position: -130px -396px;}
		#sidenavi .global_menu li.m_mailmagazine a:hover{ background-position: -130px -423px;}
		#sidenavi .global_menu li.m_catalogue a:hover{ background-position: -130px -451px;}
		#sidenavi .global_menu li.m_zozo a:hover{ background-position: -130px -507px;}
		
		#sidenavi .global_menu li.m_other{height:28px;}
		#sidenavi .global_menu li.m_other ul{
			overflow:hidden;
			height:28px;
			width: 130px;}
		#sidenavi .global_menu li.m_other li{
			float:left;
			height: 28px;}
			#sidenavi .global_menu li.m_other li.m_download{width: 75px;}
			#sidenavi .global_menu li.m_other li.m_column{width: 55px;}
			#sidenavi .global_menu li.m_other li.m_download a{width: 75px; padding-top:28px; background-position:0 -479px;}
			#sidenavi .global_menu li.m_other li.m_column a{width: 55px; padding-top:28px; background-position:-75px -479px;}
			#sidenavi .global_menu li.m_other li.m_download a:hover{background-position:-130px -479px;}
			#sidenavi .global_menu li.m_other li.m_column a:hover{background-position:-205px -479px;}
		
		

		
#sidenavi .sub_menu{
	margin-top: 33px; width:130px;  
	}
	#sidenavi .sub_menu li{
		height: 22px;
		overflow:hidden;
		}
	#sidenavi .sub_menu li a{
		padding-top:22px; height: 22px; width: 134px;
		}
	#sidenavi .sub_menu li.m_top a{ background-position: 0 -564px;}
	#sidenavi .sub_menu li.m_top a:hover{ background-position: -130px -564px;}
	
	

#sidenavi a#btn_priceinfo{
	position:absolute;
	left:80px;
	top:685px;
	display:block;
	background-image:none;
	height: 25px !important;
	}
	#sidenavi a#btn_priceinfo:hover img{opacity: 0.7;filter:progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70); _zoom:1;}
	
	

/* HEADER */
#header{height:41px;}
#content{float:right;width:750px;}
#header:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
#header{min-height:1px;}
* html #header{
	height:1px;
	/*¥*//*/
	height:auto;
	overflow:hidden;
	/**/
}


/* FOTTER */
#footer_wrap{background:#f5ffdd url("/img_2012ss/common/bg_footer_wrap.jpg?2012ss") repeat-x left top; padding-top: 84px;}
#footer{font-size:70%; min-height:50px; height:auto !important; height: 50px; overflow:hidden; padding-top: 17px;}

#footer div.footer_copyright{float:left;width:405px;}
	* html body #footer div.footer_copyright p.copyright{ margin-top:5px;}
	*+html body #footer div.footer_copyright p.copyright{ margin-top:5px;}
#footer ul.footer_menu{ /*height:1%;*/ overflow:hidden;}

#footer ul.footer_menu{float:right;width:506px; margin-top:10px;}
#footer ul.footer_menu li{float:left;height:14px; overflow:hidden;}
#footer ul.footer_menu li a{background-image:url("/img_2012ss/common/fmenu.gif?2012ss");background-repeat:no-repeat;display:block; padding-top:14px; height:0 !important; height:14px; overflow:hidden;}
#footer ul.footer_menu li.m_companyinfo a{width:96px; background-position: 0 0;}
#footer ul.footer_menu li.m_information a{width:139px; background-position: -96px 0;}
#footer ul.footer_menu li.m_policy a{width:103px; background-position: -235px 0;}
#footer ul.footer_menu li.m_contact a{width:81px; background-position: -338px 0;}
#footer ul.footer_menu li.m_employ a{width:87px; background-position: -419px 0;}

#footer ul.footer_menu li.m_companyinfo a:hover{background-position: 0 -14px;}
#footer ul.footer_menu li.m_information a:hover{background-position: -96px -14px;}
#footer ul.footer_menu li.m_policy a:hover{background-position: -235px -14px;}
#footer ul.footer_menu li.m_contact a:hover{background-position: -338px -14px;}
#footer ul.footer_menu li.m_employ a:hover{ background-position: -419px -14px;}




/* NO FLASH */
#swfcontent .noflash{line-height:150%;}
#swfcontent .noflash img{margin-top:1em;}

