@charset "utf-8";
/* common */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}

html { height:100%; }

img {
vertical-align:top;
border:0;
}

.vamiddle {
vertical-align:middle;
}

.clear {
clear:both;
}

body {
height:100%;
color:#010101;
text-align:center;
font-family:"Verdana","ＭＳ Ｐゴシック","Osaka","平成角ゴシック","Arial","Helvetica",sans-serif;
background:#cbeaed;
}

h1, h2, h3, h4, h5 {
font-size:10px;
line-height:100%;
}

a, a:link { color:#010101; text-decoration:none; }
a:visited { color:#010101; }
a:hover { color:#010101; }
a:active { color:#010101; }



/* header */
#header {
position:absolute;
top:0;
left:50%;
width:980px;
height:101px;
margin:0 0 0 -490px;
text-align:left;
z-index:1000;
}

#headerwrap {
width:980px;
margin:0 0 1px 0;
zoom:100%;
}

h1 {
float:left;
width:821px;
margin:0 1px 0 0;
background:#fff;
}

p.btn-bestupid {
float:left;
width:158px;
}

ul#headmenu {
width:980px;
list-style:none;
zoom:100%;
}

ul#headmenu li {
position:relative;
float:left;
margin:0 1px 0 0;
cursor:pointer;
}

ul#headmenu li#headmenu-news { width:102px; }
ul#headmenu li#headmenu-collections { width:190px; }
ul#headmenu li#headmenu-denim { width:108px; }
ul#headmenu li#headmenu-dum { width:105px; }
ul#headmenu li#headmenu-art { width:79px; }
ul#headmenu li#headmenu-store { width:111px; }
ul#headmenu li#headmenu-membership { width:192px; }
ul#headmenu li#headmenu-link {
width:86px;
margin:0;
}

ul#col-submenu, ul#membership-submenu, ul#dum-submenu { display:none; }

ul#col-submenu {
position:absolute;
top:51px;
left:0;
width:576px;
padding:0 0 10px 0;
list-style:none;
background:url(../img/header/bg_col_submenu.gif) left top repeat-y;
zoom:100%;
}

ul#col-submenu li {
width:144px;
margin:0;
}

p.categorytitle {
margin:0 0 0 15px;
padding:14px 0 12px 0;
background:url(../img/header/col_submenu_dot.gif) left bottom no-repeat;
}

ul#col-submenu li ul.col-submenulink {
width:113px;
list-style:none;
margin:0 0 0 15px;
padding:5px 0 0 0;
}

ul#col-submenu li ul.col-submenulink li {
display:block;
float:none;
width:113px;
font-size:13px;
font-family:"baskerville","palatino","Times new roman",serif;
font-style:italic;
list-style:130%;
}

ul.col-submenulink li a, ul.col-submenulink li a:link { display:block; width:113px; padding:2px 0; color:#000; text-decoration:none; }
ul.col-submenulink li a:visited { color:#000; }
ul.col-submenulink li a:hover { color:#000; text-decoration:underline; }
ul.col-submenulink li a:active { color:#000; }

ul#membership-submenu {
position:absolute;
top:51px;
left:0;
width:220px;
padding:4px 0 0 0;
list-style:none;
background:#01b1af;
}

ul#membership-submenu li {
float:none;
width:190px;
margin:0 0 0 15px;
padding:9px 0 12px 0;
background:url(../img/header/mem_submenu_dot.gif) left bottom no-repeat;
}

ul#dum-submenu {
position:absolute;
top:51px;
left:0;
width:203px;
padding:4px 0 0 0;
list-style:none;
background:#01b1af;
}

ul#dum-submenu li {
float:none;
width:173px;
margin:0 0 0 15px;
padding:9px 0 12px 0;
}

ul#membership-submenu li.dotline-none { background:none; }



/* body top 101px margin */
#body-wrapper {
padding:101px 0 0 0;
font-size:10px;
line-height:150%;
}


/* content common */
#content {
width:980px;
margin:0 auto;
text-align:left;
}


/* footer */
#footer {
width:980px;
margin:0 auto;
padding:1px 0 0 0;
font-size:10px;
line-height:150%;
}

#footer ul {
width:980px;
list-style:none;
zoom:100%;
}

#footer ul li {
float:left;
margin:0 1px 0 0;
padding:15px 0;
background:#fff;
}


#footer ul li.profile, #footer ul li.recruit { width:79px; }

#footer ul li.privacy, #footer ul li.inquiry { width:89px; }

#footer ul li.mailmag { width:99px; }

#footer ul li.sitemap {
text-align:left;
width:370px;
}

#footer ul li.sitemap p { padding:0 0 0 15px; }

#footer ul li.copyright {
width:169px;
margin:0;
text-align:center;
}

#flashcontent { text-align:center; }

#flashcontent a {
position:absolute;
top:50%;
left:50%;
width:112px;
height:33px;
margin:-56px 0 0 -16px;
}


/* float clear */
#headerwrap:after, ul#headmenu:after, ul#col-submenu:after, #footer ul:after {
content:"";
clear:both;
height:0;
display:block;
visibility:hidden;
}