@charset "UTF-8";

/*	トップページ用CSS
	
		■カラム設定
			：左側
			：右側
		■左側
			：Flash部分
			：INFORMATION
		■右側
			：カテゴリー見出し設定
			：ブランド個別設定
----------------------------------------------------------------------------------------------------------------------------------*/







/*	カラム設定
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- 左側 -------------*/
#left {
width: 774px;
}

/*-- 右側 -------------*/
#right {
width: 225px;
border-left: 1px solid #FFFFFF;
}







/*	左側
----------------------------------------------------------------------------------------------------------------------------------*/
/*-- Flash部分 -------------*/
#left div.flash {
width: 764px;
height: 464px;
margin: 20px 0 0;
}

/*-- javascript仕様不可だった場合のFlash部分 -------------*/
#left div.flash div.noflash {
width: 752px;
height: 452px;
background: url(/img/noFlashImg.jpg) no-repeat top center;
}
#left div.flash div.noflash ul {
list-style: none;
padding: 320px 0 0 10px;
}
#left div.flash div.noflash li a {
display: block;
width: 170px;
height: 20px;
margin: 0 0 5px;
text-indent: -100em;
overflow: hidden;
}
#left div.flash div.noflash li.sub a {margin: 0 0 2px;}

/*-- INFORMATION -------------*/
#left div.information h3{
margin: 0 0 0 1px;
}

#left div.information h3 a {
display: block;
width: 171px;
height: 40px;
background: url(/img/Top_infomation_title.png) no-repeat top center;
behavior: expression(IEPNGFIX.fix(this));
text-indent: -100em;
}
#left div.information ul {
width:732px;
list-style: none;
margin: 0 0 0 27px;
}
#left div.information li {
display: block;
width: 690px;
padding: 0 0 7px 15px;
color: #FFFFFF;
}

#left div.information li a {
display: block;
float: left;
color: #FFFFFF;
padding: 0 0 1px 0;
}
#left div.information li a:hover {
color: #333333;
cursor: pointer;
text-decoration: underline;
}
#left div.information li span {
float: left;
display: block;
}
#left div.information li span.midashi {
width: 90px;
letter-spacing: 0;
line-height: 115%;
font-weight: bold;
}
#left div.information li img.Icon {
float: left;
padding: 0 15px 0 0;
}
#left div.information li span.comment {
width: 480px;
}







/*	右側
----------------------------------------------------------------------------------------------------------------------------------*/
#right div.category_box {
margin: 10px 0;
padding: 10px 0 0 0;
border-top: 1px solid #FFFFFF;
background-position: left 10px;
background-repeat: no-repeat;
}
#right div.category_box.wear {border:none;}

/*-- カテゴリー見出し設定 -------------*/
#right div.category_box h3 a {
float: left;
display: block;
width: 14px;
text-indent: -100em;
overflow: hidden;
behavior: expression(IEPNGFIX.fix(this));
}
#right div.category_box.wear h3 a {height: 48px; background-image: url(/img/Top_category_wear.png);}
#right div.category_box.bag h3 a {height: 35px; background-image: url(/img/Top_category_bag.png);}
#right div.category_box.shoes h3 a {height: 54px; background-image: url(/img/Top_category_shoes.png);}
#right div.category_box.accessory h3 a {height: 104px; background-image: url(/img/Top_category_accessory.png);}

/*-- ブランド個別設定 -------------*/
#right div.category_box div.brand_box h4 {
display:none;
}
#right div.category_box div.brand_box {
float: right;
width: 194px;
border-bottom: 1px dotted #FFFFFF;
}
#right div.category_box div.brand_box.end { border-bottom:none;}
#right div.category_box div.brand_box a {
float: right;
width: 194px;
margin: 4px 0;
}
#right div.category_box div.brand_box.start a {margin: 0 0 4px;}
#right div.category_box div.brand_box.end a {margin: 4px 0 0;}
#right div.category_box div.brand_box a:hover {
background: url(/img/Top_brand_bg.png) repeat left top;
_background-image: none;/*IE用*/
_background-color: #FFFFFF;/*IE用*/
_filter:Alpha(opacity=30);/*IE用*/
}

#right div.category_box div.brand_box img.icon {
margin: 0 25px 0 0;
border: 1px solid #333333;
position:relative;/*IE用*/
}
#right div.category_box div.brand_box img.logo {
behavior: expression(IEPNGFIX.fix(this));/*IE用*/
position:relative;/*IE用*/
}