@charset "utf-8";

/*------mainContent------*/

/*mainImage*/

#mainImage {
width:700px;
height:180px;
margin:10px 0 0 0;
}

/*information*/

#information {
clear:both;
width:700px;
margin:20px 0 0 0;
}

#information h2{
width:700px;
height:15px;
margin:0 0 10px 0;
}

#information h3{
background:#f17e31 url(../img/top/bg_h3_info.gif) repeat-x scroll 0 top;
display:inline;
padding:5px 5px 3px 5px;
color:#ffffff;
font-size:12px;
margin:0 0 0 3px;
}

#information ul.nav {
width:695px;
margin:0 2px 0 3px;
}

#information .nav li {
float:left;
margin:0 0 2px 0;
_margin:0 0 1px 0; 
}

#information .nav li.clothes{
background:transparent url(../img/top/nav_clothes.gif) no-repeat scroll 0 0;
width:153px;
height:30px;
margin-right:2px;
}

#information .nav li.bags{
background:transparent url(../img/top/nav_bags.gif) no-repeat scroll 0 0;
width:153px;
height:30px;
margin-right:2px;
}

#information .nav li.shoes{
background:transparent url(../img/top/nav_shoes.gif) no-repeat scroll 0 0;
width:153px;
height:30px;
margin-right:2px;
}

#information .nav li.accessories{
background:transparent url(../img/top/nav_accessories.gif) no-repeat scroll 0 0;
width:230px;
height:30px;
}

#information .nav li dt{
float:left;
overflow:hidden;
text-indent:-9999px;
}

#information .nav li dd{
background:transparent url(../img/cmn/icon_arrow_02.gif) no-repeat scroll right center;
padding:0px 10px 0 0;
margin:12px 5px 0 0;
text-align:right;
font-size:12px;
}

#information ul.itemLine {
background:transparent url(../img/top/btm_info.gif) repeat-y scroll 0 bottom;
width:695px;
overflow:hidden;
margin:1px 2px 0 3px;
}

#information .itemLine li.itemBox01 {
float:left;
width:70px;
padding:3px;
background-color:#e8e8e8;
margin-right:1px;
}

#information .itemLine li.itemBox02 {
float:left;
width:70px;
padding:3px;
background-color:#e8e8e8;
margin-right:2px;
}

#information .itemLine li.itemBox03 {
float:left;
width:70px;
padding:3px;
background-color:#e8e8e8;
}

#information .item li.img {
width:70px;
margin-bottom:1px;
}

#information .item li.brandName {
width:70px;
font-weight:bold;
font-size:12px;
line-height:1.3;
margin-bottom:3px;
overflow:hidden;
word-break:break-all;
}

#information .item li.itemName {
width:70px;
font-size:12px;
line-height:1.3;
margin-bottom:3px;
overflow:hidden;
word-break:break-all;
}

#information .item li.price {
width:70px;
font-size:12px;
color:#e5151f;
text-align:right;
line-height:1.3;
word-break:break-all;
}

/*news*/

#news {
clear:both;
width:700px;
margin:20px 0 0 0;
}

#news h2{
width:700px;
height:15px;
margin:0 0 5px 0;
}

#news ul {
width:680px;
overflow:hidden;
background:#f5f5f5 url(../img/top/btm_news.gif) no-repeat scroll 0 bottom;
padding:10px 10px 5px 10px;
}

#news li {
margin:0 0 5px 0;
overflow:hidden;
_margin:-10px 0 5px 0;
}

#news li dt{
display:inline;
margin:0 15px 0 0;
}

#news li dd{
display:inline;
margin:0 15px 0 0;
}

/*flow*/

#flowTop {
clear:both;
width:700px;
margin:20px 0 0 0;
}

#flowTop h2{
width:700px;
height:15px;
margin:0 0 15px 0;
}

#flowTop h3.merit{
width:700px;
height:20px;
margin:0 0 5px 0;
}

#flowTop ul.merit {
width:688px;
margin:0 4px 0px 8px;
}

#flowTop ul.merit li {
float:left;
margin:0 3px 5px 0;
width:169px;
height:126px;
}

#flowTop p.merit {
clear:both;
margin:0 3px 25px 0;
text-align:center;
}

/*#flowTop ul.merit li.merit04 a{
background:transparent url(../img/top/img_merit_04.gif) no-repeat scroll 0 0;
display:block;
overflow:hidden;
text-indent:-9999px;
width:169px;
height:126px;
}

#flowTop ul.merit li.merit04 a:hover{
background-position: 0 -126px;
}*/

#flowTop h3.documents{
clear:both;
width:700px;
height:20px;
margin:0 0 10px 0;
}

#flowTop ul.documentsLeft li{
background:transparent url(../img/cmn/icon_dot.gif) no-repeat scroll 0 center;
_background:transparent url(../img/cmn/icon_dot.gif) no-repeat scroll 0 20px;
overflow:hidden;
margin:0 0 0 13px;
_margin:-10px 0 0 13px;
}

#flowTop ul.documentsLeft li dt{
margin:0 5px 0 8px;
display:inline;
}

#flowTop ul.documentsLeft li dd{
display:inline;
background:transparent url(../img/cmn/icon_arrow_01.gif) no-repeat scroll 0 center;
font-size:12px;
padding:0 0 0 8px;
margin:2px 0 0 5px;
}

#flowTop div.documentsLeft{
float:left;
margin:5px 0 0 0;
}

#flowTop div.documentsLeft p.txt{
display:inline;
margin:5px 5px 0 13px;
}

#flowTop div.documentsLeft p.txtNav{
display:inline;
background:transparent url(../img/cmn/icon_arrow_01.gif) no-repeat scroll 0 center;
font-size:12px;
padding:0 0 0 8px;
margin:7px 0 0 5px;
}

#flowTop div.documentsRight{
float:right;
margin:0 0 30px 0;
}

#flowTop div.documentsRight li.btnItem{
float:left;
margin:0 5px 0 1px;
vertical-align:bottom;
}

#flowTop div.documentsRight li.btnBrand{
float:left;
margin:0 10px 0 0;
_margin:0 5px 0 0;
vertical-align:bottom;
}

#flowTop h3.webFlow{
clear:both;
width:700px;
height:20px;
margin:0 0 10px 0;
}

#flowTop p.txtFlow{
margin:0 10px 10px 13px;  
}


#flowTop p.webFlow{
width:678px;
margin:0 10px 30px 12px;  
}