@charset "utf-8";

* {
padding:0;
margin:0;
}

html {
height:100%;
}

body {
height:100%;
text-align:center;
}




/* ============================================

          header
   
============================================ */
header#hd {
width:960px;
margin:40px auto 0 auto;
}

header#hd h1 {
margin:0 0 0 372px;
float:left;
}

header#hd .sns {
text-indent:-5555px;
float:right;
width:226px;
margin:15px 0 0 0;
}

header#hd .sns li:not(:last-of-type) {
float:left;
margin:0 10px 0 0;
}

header#hd .sns li:last-of-type {
float:left;
margin:0;
}

header#hd .sns .twitter a {
background:url(../img/common/btn_twitter.gif) no-repeat;
display: block;
height:24px;
width:24px;
}

header#hd .sns .fb a {
background:url(../img/common/btn_fb.gif) no-repeat;
display:block;
height:24px;
width:24px;
}

header#hd .sns .amb a {
background:url(../img/common/btn_amb.gif) no-repeat;
display:block;
height:24px;
width:24px;
}

header#hd .sns .ig a {
background:url(../img/common/btn_ig.gif) no-repeat;
display:block;
height:24px;
width:24px;
}

header#hd .sns .point a {
background:url(../img/common/btn_point.gif) no-repeat;
display:block;
height:24px;
width:90px;
}

header#hd .sns a:hover {
background-position:left bottom;
}

header#hd nav#gloval {
text-indent:-5555px;
clear:both;
padding:30px 0 0 0;
}

header#hd nav#gloval li {
float:left;
border-left:solid 1px #fff;
}

header#hd nav#gloval li:last-of-type {
border-right:solid 1px #fff;
}

header#hd nav#gloval .news a {
background:url(../img/common/nav_news.gif) no-repeat;
display:block;
height:53px;
width:93px;
}

header#hd nav#gloval .collection a {
background:url(../img/common/nav_collection.gif) no-repeat;
display:block;
height:53px;
width:144px;
}

header#hd nav#gloval .lookbook a {
background:url(../img/common/nav_lookbook.gif) no-repeat;
display:block;
height:53px;
width:137px;
}

header#hd nav#gloval .styling a {
background:url(../img/common/nav_styling.gif) no-repeat;
display:block;
height:53px;
width:112px;
}

header#hd nav#gloval .shoplist a {
background:url(../img/common/nav_shoplist.gif) no-repeat;
display:block;
height:53px;
width:123px;
}

header#hd nav#gloval .press a {
background:url(../img/common/nav_press.gif) no-repeat;
display:block;
height:53px;
width:95px;
}

header#hd nav#gloval .recruit a {
background:url(../img/common/nav_recruit.gif) no-repeat;
display:block;
height:53px;
width:113px;
}

header#hd nav#gloval .webstore a {
background:url(../img/common/nav_webstore.gif) no-repeat;
display:block;
height:53px;
width:134px;
}

header#hd nav#gloval a:hover {
background-position:left bottom;
}

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

dropdownmenu

------------------- */
#gloval ul li {
position:relative;
z-index:500;
}

/* this is the parent menu */
#gloval ul li a {
display:block; 
font-weight:700;  
height:23px; 
text-decoration:none; 
color:#ff0099; 
text-align:left; 
color:#333;
}

#gloval ul li a:hover {
color:#fff;
}

/* you can make a different style for default selected value */
#gloval ul a.selected {
color:#f00;
}

/* submenu, it's hidden by default */
#gloval ul ul {
position:absolute; 
left:0; 
display:none; 
margin:0 0 0 -1px; 
padding:0; 
list-style:none;
text-indent:0px;
border-bottom:1px solid #111;
border-top:1px solid #111;
background:#fff;
}

#gloval ul ul li {
float:left; 
border-right:1px solid #111;
}

/* display block will make the link fill the whole area of LI */
#gloval ul ul a {
display:block;  
color:#111;
font-family:"Times New Roman",Times,serif;
font-weight:normal;
font-size:110%;
}

#gloval ul ul a:visited {
color:#111;
text-decoration:none;
}

#gloval ul ul a:hover {
color:#111;
text-decoration:none;
}

#gloval ul ul a:active {
color:#111;
text-decoration:none;
}

#gloval ul ul a:hover {
text-decoration:underline;	
}

/* fix ie6 small issue */
/* we should always avoid using hack like this */
/* should put it into separate file : ) */
*html #nav ul {
margin:0 0 0 -2px;
}

header#hd nav#gloval .collection ul li a {
background:none;
display:block;
height:20px;
width:134px;
padding:10px 0 10px 10px;
}

header#hd nav#gloval .collection ul li:first-of-type {
border-bottom:dotted 1px #111;
}

header#hd nav#gloval .lookbook ul li a {
background:none;
display:block;
height:20px;
width:127px;
padding:10px 0 10px 10px;
}

header#hd nav#gloval .lookbook ul li:first-of-type {
border-bottom:dotted 1px #111;
}



/* ============================================

          container
   
============================================ */
#container {
clear:both;
text-align:left;
border-top:double 3px #111;
margin:10px 0 0 0;
}

#container h2.cntttl {
text-align:center;
font-family:'Century Gothic',sans-serif;
font-size:36px;
margin:30px 0;
}

#container .inner {
width:960px;
margin:0 auto;
}


/* ============================================

          footer
   
============================================ */
footer a:link {
color:#111;
text-decoration:none;
}

footer a:visited {
color:#111;
text-decoration:none;
}

footer a:hover {
color:#111;
text-decoration:underline;
}

footer a:active {
color:#111;
text-decoration:underline;
}

footer {
clear:both;
margin:50px 0 0 0;
padding:0 0 30px 0;
text-align:center;
}

footer #totop a {
background:url(../img/common/btn_backtotop.gif) no-repeat;
display:block;
height:25px;
width:50px;
margin:0 auto;
}

footer #totop a:hover {
background-position:left bottom;
}

footer #totop {
text-indent:-5555px;
border-bottom:double 3px #111;
}

footer nav#sub {
margin:40px 0 0 0;
}

footer nav#sub li {
display:inline;
text-align:center;
font-family:'Century Gothic',sans-serif;
font-weight:bold;
font-size:110%;
padding:0 30px 0 0;
}

footer nav#sub li:last-of-type {
padding:0;
}

footer nav#ft {
font-family:'Century Gothic',sans-serif;
margin:30px 0 0 0;
}

footer nav#ft h3 {
font-weight:bold;
display:inline;
}

footer nav#ft h3 span {
padding:0 10px 0 12px;
}

footer nav#ft ul {
display:inline;
}

footer nav#ft li {
display:inline;
padding:0 20px 0 0;
}

footer nav#ft li:last-of-type {
padding:0;
}

footer .sns .fb a {
background:url(../img/common/btn_ft_fb.gif) no-repeat;
display:block;
height:40px;
width:41px;
}

footer .sns .twitter a {
background:url(../img/common/btn_ft_twitter.gif) no-repeat;
display:block;
height:40px;
width:41px;
}

footer .sns .amb a {
background:url(../img/common/btn_ft_amb.gif) no-repeat;
display:block;
height:40px;
width:41px;
}

footer .sns .ig a {
background:url(../img/common/btn_ft_ig.gif) no-repeat;
display:block;
height:40px;
width:41px;
}

footer .sns a:hover {
background-position:left bottom;
}

footer .sns {
text-indent:-5555px;
clear:both;
padding:30px 0 0 0;
width:239px;
margin:0 auto;
}

footer .sns li {
float:left;
margin:0 25px 0 0;
}

footer .sns li:last-of-type {
float:left;
margin:0;
}

footer p {
clear:both;
margin:20px 0 0 0;
font-family:'Century Gothic',sans-serif;
font-size:90%;
}