@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;

}

}​