@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------------
*main-visual
----------------------------------------------------------------------------------------------------*/
div#main-visual-container{
width:100%;
height:450px;
overflow:hidden;
position:relative;
background:#f4f5f9;
}

div#main-visual-container #flashContent{
width:960px;
height:450px;
margin:0 auto;
overflow:hidden;
position:relative;
}

div#main-visual-container #flashContent2{
display:none;
}


div#main-visual-container ul{
width:4000px;
height:450px;
position:absolute;
top:0;
left:0;
}

div#main-visual-container li.main-visual{
height:450px;
float:left;
}

#prevBtn,
#nextBtn{
position:absolute;
width:25px;
height:25px;
display:block;
text-indent:-9999px;
overflow:hidden;
top:50%;/*218*/
margin-top:-7px;
}

#prevBtn{
background:url(prevBtn.png) no-repeat left top;
}

#nextBtn{
background:url(nextBtn.png) no-repeat left top;
}

/*#prevBtn:hover,
#nextBtn:hover{
background-position:left -20px;
}*/

/* smartphone */
@media screen and (max-width:736px){
div#main-visual-container{
}
div#main-visual-container ul{
height:100%;
}
div#main-visual-container li.main-visual{
height:100%;
}
div#main-visual-container li.main-visual img{
width:100%;
height:auto;
}
div#main-visual-container #flashContent{
display:none;
}
div#main-visual-container #flashContent2{
width:100%;
height:auto;
display:block;
}
div#main-visual-container #flashContent2 img{
width:100%;
height:auto;
}
}

/*----------------------------------------------------------------------------------------------------
*news-container
----------------------------------------------------------------------------------------------------*/
div#news-container{
width:100%;
display:block;
position:relative;
}

div#news-container h3{
width:100%;
height:69px;
background:url(../img/top/news/news-title.jpg) no-repeat center top;
text-indent:-9999px;
overflow:hidden;
border-bottom:#e5e5e5 1px solid;
position:relative;
}

div#news-container h3 a{
position:absolute;
top:22px;
left:50%;
margin-left:309px;
width:171px;
height:26px;
display:block;
background:url(../img/top/news/news-important.jpg) no-repeat left top;
}

div#news-container h3 a:hover{
background-position:left -26px;
}

div#news-inner-container{
width:980px;
margin:40px auto;
position:relative;
}

div#news-inner-container .news-date{
position:absolute;
top:0;
left:30px;
text-align:center;
}

.ie6 #news-date-day{
margin-bottom:4px;
}

.ie6 #news-date-month{
margin-bottom:4px;
}

div#news-mainimg-container{
width:369px;
margin:0 auto 40px auto;
}

div#news-mainimg{
}

div#news-mainimg-caption{
font-size:13px;
color:#0b1a33;
margin-top:13px;
text-align:center;
font-weight:bold;
}

div#news-contents{
width:980px;
background:url(../img/common/contents-shadow.jpg) no-repeat left top;
}

div#news-contents .news-column{
float:left;
width:287px;
background:url(../img/common/dottedline.gif) repeat-y right top;
padding:0 20px;
}

div#news-contents .news-column-last{
float:left;
width:286px!important;
background:none!important;
padding:0 20px;
}

div#news-contents .news-dc{
height:246px;
display:none;
}

div#news-contents .news-column h4{
height:11px;
text-indent:-9999px;
overflow:hidden;
margin-bottom:20px;
position:relative;
}

div#news-contents .news-column h4 .news-title-btn{
position:absolute;
top:0;
right:0;
width:14px;
height:11px;
display:block;
background:url(../img/top/news/news-title-btn.png) no-repeat left top;
}

/* news-brands */
#news-brands{
margin-top:20px;
}

#news-brands h4{
width:278px;
}

#news-brands h4 .news-brands-title{
width:112px;
display:block;
background:url(../img/top/news/news-brands-title.png) no-repeat left top;
}

/* news-press */
#news-press{
margin-top:20px;
}

#news-press h4{
width:279px;
}

#news-press h4 .news-press-title{
width:111px;
display:block;
background:url(../img/top/news/news-press-title.png) no-repeat left top;
}

/* news-info */
#news-info{
margin-top:20px;
}

#news-info h4{
width:279px;
}

#news-info h4 .news-info-title{
width:109px;
display:block;
background:url(../img/top/news/news-info-title.png) no-repeat left top;
}

#news-contents .news-content{
height:62px;
margin-bottom:20px;
}

#news-contents .news-content-img{
float:left;
padding-right:8px;
}

#news-contents .news-content-text-container{
float:left;
width:209px;
}

#news-contents .news-content-title{
color:#000;
font-weight:bold;
}

#news-contents .news-content-text{
line-height:1.5;
}

#news-important-sp{
display:none;
}

div#morenews-container{
margin:20px auto 40px auto;
overflow:hidden;
}

div#morenews{
width:480px;
margin:0 auto;
}

div#morenews a{
width:480px;
height:29px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../img/top/news/morenews-btn.jpg) no-repeat left top;
}

div#morenews a:hover{
background-position:left -30px;
}

div#news-container div.loading-container{
font-size:0;
width:24px;
height:0px;/* 44 */
margin:0 auto;
overflow:hidden;
}

div#news-container div.loading{
font-size:0;
width:24px;
height:44px;
margin:0 auto;
display:none;
background:url(../img/common/loading.gif) no-repeat left bottom;
}

/* smartphone */
@media screen and (max-width:736px){
div#news-container h3{
background:url(../img/top/news/news-title-sp.jpg) no-repeat center center;
background-size:60%;
}
div#news-container h3 a{
display:none;
}
div#news-inner-container{
width:100%;
margin:5% auto;
position:relative;
}
div#news-inner-container .news-date{
left:5%;
width:30px;
}
div#news-inner-container .news-date div{
font-size:0;
}
div#news-date-month{
margin:4px 0;
}
div#news-inner-container .news-date img{
width:100%;
height:auto;
}
div#news-mainimg-container{
width: 100%;
}

div#news-mainimg{
width:200px;
margin:0 auto;
}

div#news-mainimg img{
width:100%;
height:auto;
}

div#news-mainimg-caption{
width:90%;
margin:0px auto;
}
div#news-contents{
width:100%;
background:none;
}

div#news-contents .news-column{
float:none;
width:100%;
background:none;
padding:0;
}

div#news-contents .news-column-last{
float:none;
width:100%!important;
background:none!important;
border-bottom:#e5e5e5 1px solid;
padding:0;
}

#news-contents .news-content{
width:90%;
margin:0 auto;
padding:10px 0;
border-bottom:#e5e5e5 1px solid;
}

#news-contents .news-content:last-child{
border-bottom:none;
}

div#news-contents .news-column h4 .news-title-btn{
top:15px;
right:5%;
}

div#news-contents .news-column h4{
width:90%;
margin:0 auto;
padding:15px 5% 11px 5%;
border-top:#e5e5e5 1px solid;
border-bottom:#e5e5e5 1px solid;
}

#news-brands,
#news-press,
#news-info{
margin-top:0;
}

#news-brands h4 .news-brands-title{
height:10px;
background:url(../img/top/news/news-brands-title-sp.jpg) no-repeat left top;
background-size:auto 10px;
}

#news-brands h4 .news-title-btn{
display:none!important;
}

#news-press h4 .news-press-title{
height:10px;
background:url(../img/top/news/news-press-title-sp.jpg) no-repeat left top;
background-size:auto 10px;
}

#news-info h4 .news-info-title{
height:10px;
background:url(../img/top/news/news-info-title-sp.jpg) no-repeat left top;
background-size:auto 10px;
}

#news-contents .news-content-img{
display:none;
float:none;
}

#news-contents .news-content-text-container{
float:none;
width:90%;
padding:0 5%;
}

#news-important-sp{
display:block;
width:100%;
height:40px;
line-height:40px;
text-align:center;
font-size:12px;
background:#000;
}

#news-important-sp a{
color:#fff;
}

div#morenews-container{
display:none;
}
}

/*----------------------------------------------------------------------------------------------------
*season-container
----------------------------------------------------------------------------------------------------*/
div#season-container{
width:100%;
}

div#season-container h3{
width:100%;
height:56px;
background:url(../img/top/season/season-title.jpg) no-repeat center top;
text-indent:-9999px;
overflow:hidden;
border-top:#d3d4d6 2px solid;
border-bottom:#e5e5e5 1px solid;
}

div#season-inner-container{
width:980px;
margin:40px auto;
}

div#season-inner-container .season-date{
padding-left:30px;
float:left;
text-align:center;
}

.ie6 #season-date-day{
margin-bottom:4px;
}

.ie6 #season-date-month{
margin-bottom:4px;
}

div#season-mainimg{
width:422px;
height:298px;
position:relative;
background:url(../img/top/season/season-mainimg-bg.jpg) no-repeat right top;
padding-left:40px;
margin-left:100px;
float:left;
}

div#season-mainimg img{
position:absolute;
top:10px;
left:70px;
}

div#season-detail{
float:left;
padding-left:40px;
width:300px;
margin-top:6px;
}

div#season-detail-title{
font-size:18px;
font-weight:bold;
line-height:24px;
}

div#season-detail-text{
margin:15px 0 20px;
color:#666;
}

div#season-detail-btn{
width:130px;
height:23px;
}

div#season-detail-btn a{
width:130px;
height:23px;
display:block;
background:url(../img/top/season/season-more-detail.jpg) no-repeat left top;
text-indent:-9999px;
overflow:hidden;
}

div#season-detail-btn a:hover{
background-position:left -30px;
}

div#season-contents-container{
width:980px;
margin:0 auto 40px auto;
}

div#season-contents{
width:980px;
background:url(../img/common/contents-shadow.jpg) no-repeat left top;
padding-top:20px;
}

div#season-contents .season-column{
float:left;
width:201px;
height:210px;
padding:0 22px;
background:url(../img/common/dottedline.gif) repeat-y right top;
}

div#season-contents .season-dc{
padding-top:20px;
display:none;
}

div#season-contents .season-column-last{
background:none!important;
}

div#season-contents .season-content-img{
margin-bottom:10px;
}

div#season-contents .season-content-title{
color:#000;
font-weight:bold;
}

div#season-contents .season-content-text{
color:#5879b2;
line-height:14px;
}

div#season-container div.loading-container{
font-size:0;
width:24px;
height:0px;/* 44 */
margin:0 auto;
overflow:hidden;
}

div#season-container div.loading{
font-size:0;
width:24px;
height:44px;
margin:0 auto;
display:none;
background:url(../img/common/loading.gif) no-repeat left bottom;
}

div#morecollection-container{
margin:20px auto 40px auto;
}

div#morecollection{
width:480px;
margin:0 auto;
}

div#morecollection a{
width:480px;
height:29px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../img/top/season/more-collection-btn.jpg) no-repeat left top;
}

div#morecollection a:hover{
background-position:left -30px;
}

/* smartphone */
@media screen and (max-width:736px){
div#season-container h3{
background:url(../img/top/season/season-title-sp.jpg) no-repeat center center;
background-size:60%;
}
div#season-inner-container{
width:100%;
margin:5% auto;
}

div#season-inner-container .season-date{
padding-left:5%;
width:30px;
}
div#season-inner-container .season-date div{
font-size:0;
}
div#season-date-month{
margin:4px 0;
}
div#season-inner-container .season-date img{
width:100%;
height:auto;
}
div#season-mainimg{
float:none;
width:200px;/*280*/
height:141px;
background-size:100%;
padding:0;
margin:0 auto;
}
div#season-mainimg img{
top:5px;
left:14px;
width:180px;
height:auto;
}
div#morecollection-container{
display:none;
}
div#season-detail{
width:90%;
float:none;
padding:0;
margin:0 auto;
}
div#season-detail-text{
margin:0 auto;
}
div#season-detail-btn{
display:none;
}
div#season-contents-container{
display:none;
}
}

/*----------------------------------------------------------------------------------------------------
*item-container
----------------------------------------------------------------------------------------------------*/
div#item-container{
width:100%;
display:block;
position:relative;
}

div#item-container h3{
width:100%;
height:54px;
background:url(../img/top/item/item-title.jpg) no-repeat center top;
text-indent:-9999px;
overflow:hidden;
border-top:#d3d4d6 2px solid;
}

div#item-tab-container{
width:100%;
height:23px;
background:url(../img/top/item/item-tab-bottomline.gif) repeat-x left bottom;
}

div#item-tab-container ul{
width:297px;
margin:0 auto;
}

div#item-tab-container li{
float:left;
width:146px;
height:23px;
}

div#item-tab-container li a{
width:146px;
height:23px;
display:block;
text-indent:-9999px;
overflow:hidden;
}

div#item-inner-container{
width:980px;
height:220px;/*278*/
margin:20px auto 0 auto;
position:relative;
}

#item-tab-women{
margin-right:5px;
}

#item-tab-women a{
background:url(../img/common/tab-upper.jpg) no-repeat left top;
}

#item-tab-men a{
background:url(../img/common/tab-upper.jpg) no-repeat right top;
}

#item-tab-men a.clickable{
background-position:right -30px;
}

#item-tab-men a.clickable:hover{
background-position:right -60px;
}

#item-tab-women a.clickable{
background-position:left -30px;
}

#item-tab-women a.clickable:hover{
background-position:left -60px;
}

#item-contents-women{
display:block;
}

#item-contents-men{
display:none;
}

div#item-inner-container div.item-contents{
width:980px;
height:220px;/*278*/
position:absolute;
top:0;
left:50%;
margin-left:-490px;
}

div#item-inner-container div.item-contents .item-column{
float:left;
width:201px;
padding:0 22px;
text-align:center;
background:url(../img/common/dottedline.gif) repeat-y right top;
}

div#item-inner-container div.item-contents .item-column a{
width:201px;
height:220px;
display:block;
}

div#item-inner-container div.item-contents .item-column-last{
background:none!important;
width:198px!important;
}

div#item-inner-container div.item-contents .item-dc{
padding-top:20px;
height:220px;
display:none;
}

div#item-container div.loading-container{
font-size:0;
width:24px;
height:0px;/* 44 */
margin:0 auto;
overflow:hidden;
}

div#item-container div.loading{
font-size:0;
width:24px;
height:44px;
margin:0 auto;
display:none;
background:url(../img/common/loading.gif) no-repeat left bottom;
}

div#moreitem-container{
margin:20px auto 40px auto;
}

div#moreitem{
width:480px;
height:29px;
margin:0 auto;
overflow:hidden;
}

div#moreitem a{
width:480px;
height:29px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../img/top/item/more-item-btn.jpg) no-repeat left top;
}

div#moreitem a:hover{
background-position:left -30px;
}

/* smartphone */
@media screen and (max-width:736px){
div#item-container h3{
background:url(../img/top/item/item-title-sp.jpg) no-repeat center center;
background-size:60%;
}
div#item-inner-container{
width:100%;
height:auto;
margin:5% 0;
}
div#item-inner-container div.item-contents{
width:100%;
height:auto;
left:auto;
margin-left:0;
position:relative;
overflow:hidden;
}
div#item-inner-container div.item-contents .item-column{
width:100%;
margin:0 auto;
padding:20px 30%;
float:none;
border-bottom:#e5e5e5 1px solid;
}
div#item-inner-container div.item-contents .item-column img{
width:200px;
height:auto;
margin:0 auto;
}
div#item-inner-container div.item-contents .item-column-last{
width:100%;
padding:20px 30%;
border-bottom:#e5e5e5 1px solid;
}
div#item-inner-container div.item-contents .item-dc{
height:auto;
}
div#item-inner-container div.item-contents .item-column:last-child{
border-bottom:none!important;
}
div#moreitem-container{
display:none;
}
}​