@charset "utf-8"; 

/**  common.css Menu *********************************************

*******************************************************************/

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

  Layout

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

/* Box
--------------------------------------*/
#container {
padding:15px 0 0 0; 
overflow:hidden; 
}/* 20130403 수정 */

#content {
width:960px; 
margin:15px auto 0 auto; 
}/* 201303 통합테스트1차 수정 ID_437 */ /* 20130403 수정 */

#blkItemRelated {
width:570px; 
overflow:hidden; 
}

.warea {
background:#ffffff; 
padding:18px; 
}

.wareaside {
background:#ffffff; 
padding:0 0 20px 0; 
}

.margin01 {
margin:15px 0 0 0; 
}

.dotarea {
background:url(http://image.uniqlo.kr/uq/img/bgr_dot_side_top.gif) no-repeat left top; 
padding:20px 15px 0 15px; 
margin:20px 0 0 0; 
}

.dotareanone {
padding:15px 15px 0 15px; 
margin:0 0 20px 0; 
}

.dotareaselect {
padding:0 15px 0 15px; 
margin:20px 0 0 0; 
}


/* Width
--------------------------------------*/
.gd01 {
width:180px; 
}

.gd02 {
width:570px; 
margin:0 0 0 15px; 
}

.gd03 {
width:765px; 
}


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

  Header

------------------------------------------------------------------*/
.headerW01 div.navArea {
width:960px; 
padding:0 0 0 0; 
margin:0 auto; 
}

.headerW02 div.navArea {
width:950px; 
margin:0 auto; 
}

.headerW01 ul.navCategory {
width:960px; 
}

.headerW02 ul.navCategory {
width:950px; 
}

#header {
background:none; 
margin:0 auto 15px auto; 
position:relative; 
z-index:999; 
height:100px;
}

#header ul li {
float:left; 
line-height:100%; 
} /* 201303 통합테스트2차 수정 ID_143 */

#header div.navArea {
position:relative; 
background:#ffffff; 
height:50px; 
}

*+html #header div.navAreaH02 {
height:100px; 
}

#header div.navArea .siteLogo {
float:left; 
line-height:100%; 
} /* 201303 수정 */ /* 201303 통합테스트2차 수정 ID_143 */

#header div.navArea ul#navHeader {
float:left; 
}

#header div.navArea ul#navHeader > li.focus {
margin:0 0 0 0; 
}

#header ul li.gu {
border-right:1px solid #dcdcdc; 
}

#header div.navArea ul.navUtility {
float:right; 
}

#header #gnav_cart_target {
z-index:1000; 
display:none; 
}

#header div.navArea li ul.info {
background:#3c3c3c; 
position:absolute; 
width:111px; 
padding:10px 12px 0 12px; 
top:50px; 
right:0px; 
}

#header div.navArea li ul.hidden {
display:none; 
}

#header div.navArea li ul.info li {
position:relative; 
float:none; 
height:auto; 
text-align:right; 
font-size:11px; 
line-height:100%; 
color:#ffffff; 
margin:0 0 10px 0; 
padding:0; 
}

#header div.navArea li ul.info li.msg {
text-align:left; 
font-size:10px; 
line-height:140%; 
color:#fffb31; 
}

#header div.navArea li ul.info li img {
float:left; 
}

#header ul.navCategory {
background:#ffffff; 
position:absolute; 
top:50px; 
left:0px; 
height:50px; 
}

#header ul.bgBlack {
background:#000000; 
}

#header ul.navCategoryHidden {
display:none; 
}

#header ul.navCategory li {
float:left; 
position:relative; 
z-index:10; 
}

#header ul.navCategory li ul.hidden {
display:none; 
}

#header ul.navCategory li ul.sub {
background:#000000 url(http://image.uniqlo.kr/uq/img/bgr_nav_sub.gif) no-repeat; 
width:152px; 
padding:18px 14px 10px 14px; 
line-height:160%; 
position:absolute; 
top:50px; 
left:0px; 
z-index:100; 
}

#header ul.navCategory li ul.sub li {
float:none; 
}

#header ul.navCategory li ul.sub li a {
background:url(http://image.uniqlo.kr/uq/img/bgr_arrow_white.gif) no-repeat 0px 5px; 
font-size:11px; 
line-height:160%; 
padding:0 0 9px 14px; 
display:block; 
}

#header ul.navCategory li ul.sub li.focus {
background:url(http://image.uniqlo.kr/uq/img/bgr_arrow_red.gif) no-repeat 0px 5px; 
}

#header ul.navCategory li ul.sub li a:focus {
background:url(http://image.uniqlo.kr/uq/img/bgr_arrow_red.gif) no-repeat 0px 5px; 
color:#ff0000; 
} /* 201303 추가 */

.navCategory {
z-index:999; 
}

.navCategoryHidden {
z-index:1000; 
}

#header ul.navCategory a:link { text-decoration:none; color:#ffffff; }
#header ul.navCategory a:visited { text-decoration:none; color:#ffffff; }
#header ul.navCategory a:hover { text-decoration:none; color:#ff0000; }
#header ul.navCategory a:active { text-decoration:none; color:#ff0000; }

#header ul.navCategory li.focus a:link { text-decoration:none; color:#ff0000; }
#header ul.navCategory li.focus a:visited { text-decoration:none; color:#ff0000; }
#header ul.navCategory li.focus a:hover { text-decoration:none; color:#ff0000; }
#header ul.navCategory li.focus a:active { text-decoration:none; color:#ff0000; }



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

  Footer

------------------------------------------------------------------*/
#footer {
width:960px; 
margin:15px auto 0 auto; 
padding:0 0 20px 0; 
}

#footer div.siteinfo {
background:#000000; 
position:relative; 
height:50px; 
}

#footer div.siteinfo p.sitename {
float:left; 
font-size:0%; 
line-height:100%; 
}

#footer div.siteinfo ul.utility {
float:left; 
font-size:0%; 
line-height:100%; 
margin:15px 0 0 6px; 
}

#footer div.siteinfo ul.utility li {
float:left; 
}

#footer div.siteinfo #goPageTop {
position:absolute; 
top:14px; 
right:13px; 
}

/* 20130620 수정 */
#footer dl.world {/*margin:11px 0 0 0; */font-size:0%; line-height:100%; }
#footer dl.world dt {float:left; margin:11px 3px 0 0; }
#footer dl.world dd {float:left;margin:11px 0 0 0; } 
/* //20130620 수정 */
#footer dl.world dd.second {margin:11px 0 0 98px} /* 20130620 추가 */

#footer p.copyright {
font-size:0%; 
line-height:100%; 
margin:11px 0 0 0; 
}


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

  Common style

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

/* Title
--------------------------------------*/
.tittype01 {
background:#000000 url(http://image.uniqlo.kr/uq/img/logo_uq_01.gif) no-repeat right top; 
position:relative; 
height:50px; 
margin:15px 0 0 0; 
}

.tittype01 img.tit {
position:absolute; 
top:16px; 
left:16px; 
}

.tittype02 {
background:#666666; 
position:relative; 
height:50px; 
margin:15px 0 0 0; 
}

.tittype01 > span, /* 201303 3차 수정 */
.tittype02 > span { /* 201303 3차 수정 */
font-size:138.5%; 
line-height:110%; 
padding:15px 0 0 16px; 
font-weight:normal; 
color:#ffffff; 
display:block; 
}

.tittype03 {
float:left; 
font-size:0%; 
line-height:100%; 
}

.tittype02 img.tit {
position:absolute; 
top:16px; 
left:17px; 
}

.tittype02 a.pagetop { /* 201303 3차 수정 */
position:absolute; 
top:15px; 
right:16px; 
}

.tittypedot {
background:url(http://image.uniqlo.kr/uq/img/bgr_dot_list01.gif) no-repeat 0px 4px; 
padding:0 0 0 13px; 
margin:0 0 18px 0; 
position:relative; 
z-index:10; 
}

.tittypedot img.errorselect {
position:absolute; 
top:-8px; 
left:0; 
margin:0 0 0 -181px; 
}

.tittypeside01 {
background:#666666; 
font-size:0%; 
line-height:100%; 
padding:19px 17px; 
}

/* Text
--------------------------------------*/
.txt01 {
font-size:86.4%; 
line-height:180%; 
margin:0 0 20px 0; 
}

.txt02 {
font-size:86.4%; 
line-height:180%; 
}

.txtred {
color:#ff0000; 
}

/* List
--------------------------------------*/
ul.listtype01 {
font-size:86.4%; 
line-height:180%; 
margin:0 0 -18px 0; 
}

ul.listtype01 li {
background:url(http://image.uniqlo.kr/uq/img/bgr_dot_list01.gif) no-repeat 0px 6px; 
padding:0 0 0 13px; 
margin:0 0 18px 0; 
}

ul.listlink01 {
font-size:86.4%; 
line-height:140%; 
margin:-7px 0 0 0; 
}

ul.listlink01 li {
padding:7px 0 0 0; 
}

ul.listlink01 li a {
background:url(http://image.uniqlo.kr/uq/img/bgr_arrow_black.gif) no-repeat 0px 4px; 
padding:0 0 0 13px; 
display:block; 
}

ul.listlink01 li a:link { text-decoration:none; color:#000000; }
ul.listlink01 li a:visited { text-decoration:none; color:#000000; }
ul.listlink01 li a:hover { text-decoration:underline; color:#000000; }
ul.listlink01 li a:active { text-decoration:underline; color:#000000; }

/* Form
--------------------------------------*/
.selectbox {
border:1px solid #cccccc; 
padding:3px 3px 3px 3px; 
}

/* Error
--------------------------------------*/
div.errorarea {
background:#ffeded; 
position:relative; 
margin:15px auto 0 auto; 
padding:15px 18px 10px 18px; 
}

div.addcart {
width:924px; 
}

div.errorarea p.msg {
padding:0 0 5px 0; 
}

div.errorarea div.linkMore {
position:absolute; 
top:14px; 
right:18px; 
}

div.errorarea p.txterror {
font-size:92.3%; 
line-height:180%; 
font-weight:bold; 
color:#ff0000; 
margin:0 0 4px 0; 
}

/* Title area
--------------------------------------*/
ul.listtitbox {
width:341px; 
float:right; 
}

/* Banner area
--------------------------------------*/
ul.sidebanner {
font-size:0%; 
line-height:100%; 
margin:0 0 0 0; 
}

ul.sidebanner li {
margin:0 0 15px 0; 
}

.bannerarea01 {
font-size:0%; 
line-height:100%; 
margin:15px 0 0 0; 
}


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

  Item list

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

/* Common
--------------------------------------*/


div.blkItemList570 {
    width:585px; 
	overflow:hidden; 
}

div.blkItemList960 {
    width:976px; 
}


div.blkItemList {
margin:0 -16px 0 0; 
}
* html div.blkItemList { width:976px; }
* html #blkItemRelated div.blkItemList, * html #blkItemHistory div.blkItemList { margin:0 -16px 0 0; width:585px; }


div.blkItemList div.unit {
display:inline; 
background:#ffffff; 
position:relative; 
float:left; 
}

div.blkItemList dt.name {
position:absolute; 
font-size:84.6%; 
line-height:130%; 
left:10px; 
bottom:10px; 
}

div.blkItemList dt.name a {
display:block; 
}

div.blkItemList dd.thumb {
position:absolute; 
font-size:0%; 
line-height:100%; 
left:0px; 
}

div.blkItemList dd.price {
position:absolute; 
font-size:84.6%; 
font-weight:bold; 
text-align:right; 
right:12px; 
bottom:10px; 
}

div.blkItemList dd.tag {
position:absolute; 
font-size:0%; 
line-height:100%; 
right:7px; 
top:6px; 
text-align:right; 
}

div.blkItemList dd.tag img {
margin:0 0 3px 6px; 
}

/* Unit size 01
--------------------------------------*/
div.blkUnitSize01 div.unit {
width:228px; 
height:330px; 
margin:15px 16px 0 0; 
}

div.blkUnitSize01 div.unit dt.name {
width:135px; 
}

div.blkUnitSize01 div.unit dd.thumb {
top:36px; 
}

/* Unit size 02
--------------------------------------*/
div.blkUnitSize02 div.unit {
width:472px; 
height:580px; 
margin:15px 16px 0 0; 
}

div.blkUnitSize02 div.unit dt.name {
width:370px; 
}

div.blkUnitSize02 div.unit dd.thumb {
top:48px; 
}

/* Unit size 03
--------------------------------------*/
div.blkUnitSize03 div.unit {
width:180px; 
height:260px; 
margin:15px 15px 0 0; 
}

div.blkUnitSize03 div.unit dt.name {
width:105px; 
}

div.blkUnitSize03 div.unit dd.thumb {
top:31px; 
}

/* Unit size color 01
--------------------------------------*/
div.blkUnitSizeColor01 div.unit {
width:228px; 
height:340px; 
margin:15px 16px 0 0; 
}

div.blkUnitSizeColor01 div.unit dt.name {
width:135px; 
}

div.blkUnitSizeColor01 div.unit dd.thumb {
top:36px; 
}

div.blkUnitSizeColor01 dt.name {
bottom:28px; 
}

div.blkUnitSizeColor01 dd.price {
bottom:28px; 
}

/* Unit size sale
--------------------------------------*/
div.blkUnitSizeSale div.unit {
width:228px; 
height:360px; 
margin:15px 16px 0 0; 
}

div.blkUnitSizeSale div.unit dt.name {
width:208px; 
top:302px; 
}

div.blkUnitSizeSale div.unit dd.thumb {
top:0px; 
}

div.blkUnitSizeSale dd.price {
font-size:123.1%; 
font-weight:bold; 
bottom:3px; 
right:10px; 
}

/* link
--------------------------------------*/
div.blkItemList a:link { text-decoration:none; color:#000000; }
div.blkItemList a:visited { text-decoration:none; color:#000000; }
div.blkItemList a:hover { text-decoration:underline; color:#000000; }
div.blkItemList a:active { text-decoration:underline; color:#000000; }

/* Color select
--------------------------------------*/
div.unit table.colorSelect {
position:absolute; 
bottom:0; 
left:0; 
width:228px; 
height:21px; 
}

div.unit table.colorSelect a {
display:block; 
height:21px; 
}

div.unit table.colorSelect td.select a {
background:url(http://image.uniqlo.kr/uq/img/img_color_select.gif) no-repeat center center; 
}


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

  Sort area

------------------------------------------------------------------*/
div.utilItemList {
background:#ffffff; 
position:relative; 
height:50px; 
}

div.utilItemList div.utility {
position:absolute; 
height:50px; 
}

div.utilItemList div.utility dl {
height:50px; 
}

div.utilItemList div.utility dl dt,
div.utilItemList div.utility dl dd {
position:absolute; 
top:17px; 
}

div.utilItemList div.utility dl dt {
font-size:0%; 
line-height:100%; 
top:19px; 
}

/* --- Refine01 --- */
div.utilItemList div.refine01 {
width:430px; 
}

div.utilItemList div.refine01 dl.size dt {
padding:0 0 0 15px; 
top:19px; 
}

div.utilItemList div.refine01 dl.size dd {
top:12px; 
left:209px; 
}

div.utilItemList div.refine01 dl.size dd select {
width:108px; 
height:27px; 
border:1px solid #cccccc; 
padding:3px 3px 3px 3px; 
font-size:86.4%; 
}

div.utilItemList div.refine01 div.linkMore {
position:absolute; 
top:17px; 
left:329px; 
}

/* --- CtrlDisp01:sort order --- */
div.utilItemList div.ctrlDisp01 {
background:url(http://image.uniqlo.kr/uq/img/bgr_dot_black_vertical.gif) repeat-y left top; 
top:16px; 
right:144px; 
padding:0 0 0 20px; 
height:19px; 
width:170px; 
}

div.utilItemList div.ctrlDisp01 dl.order {
height:19px; 
padding:0; 
}

div.utilItemList div.ctrlDisp01 dl.order dt {
top:4px; 
}

div.utilItemList div.ctrlDisp01 dl.order dd {
left:66px; 
top:1px; 
}

div.utilItemList div.ctrlDisp01 dl.order dd.new {
background:url(http://image.uniqlo.kr/uq/img/bgr_sort_line.gif) no-repeat 0px 3px; 
padding:0px 0 0 12px; 
left:124px; 
}

/* --- CtrlDisp02:thumbnail size --- */
div.utilItemList div.ctrlDisp02 {
background:url(http://image.uniqlo.kr/uq/img/bgr_dot_black_vertical.gif) repeat-y left top; 
top:16px; 
right:0px; 
padding:0 0 0 19px; 
height:19px; 
width:126px; 
}

div.utilItemList div.ctrlDisp01 dl.size {
height:19px; 
padding:0 0 0 0; 
}

div.utilItemList div.ctrlDisp02 dl.size {
height:19px; 
padding:0 0 0 0; 
}

div.utilItemList div.ctrlDisp02 dl.size dt {
top:4px; 
}

div.utilItemList div.ctrlDisp02 dl.size dd {
top:1px; 
left:86px; 
}

div.utilItemList div.ctrlDisp02 dl.size dd.size02 {
left:109px; 
}

/* .png24 {
tmp:expression(setPng24(this)); 
} 201303 삭제 */



/* 201303 추가 */
.selComp {position:relative; line-height:19px; width:100px; height:16px; padding:2px; margin:-5px 0 3px 10px; border:1px solid #D2D2D2; background:#ffffff; z-index:1}
.selComp a.btn_sel {display:block; *zoom:1; color:#666;}
.selComp a.btn_sel:after {content:""; display:block; clear:both}
.selComp a.btn_sel:hover .cnt, .selComp a.btn_sel:focus .cnt {text-decoration:underline}
.selComp span.cnt {float:left; overflow:hidden; width:83px; height:16px}
.selComp span.arrow {float:right; display:block; text-indent:-9999px; width:16px; height:19px; margin-top:-1px; background:white url(http://image.uniqlo.kr/uq/img/select_history.gif) no-repeat right center}
.selComp .sel_list_wrap {display:none; overflow-x:hidden; overflow-y:auto; position:absolute; top:20px; left:-1px; width:100%; max-height:140; background:white; border:1px solid #D2D2D2}
.selComp .sel_list_wrap .sel_list li {width:100%; padding:2px}
.selComp .sel_list_wrap .sel_list li.on {background:#eee}
.selComp .sel_list_wrap .sel_list li a {display:block; overflow:hidden; height:16px;  color:#666;}

/* 201303 추가 3013(select) */
.products_cont .search_info .select_info .selComp_02 {margin:0; z-index:10;}
.paginateBtm .selComp_02 {position: absolute;right: 20px;}
.selComp_02 {position:relative;line-height:19px;width:100px;height:16px;padding:2px;margin:-5px 0 3px 10px;border:1px solid #D2D2D2;background:#ffffff}
.selComp_02 a.btn_sel{display:block;*zoom:1; color:#666;} /* 201303 통합테스트2차 수정 ID_487 */
.selComp_02 a.btn_sel:after{content:"";display:block;clear:both}
.selComp_02 a.btn_sel:hover .cnt, .selComp a.btn_sel:focus .cnt{text-decoration:underline}
.selComp_02 span.cnt{float:left;overflow:hidden;width:83px;height:16px}
.selComp_02 span.arrow{float:right;display:block;text-indent:-9999px;width:16px;height:19px;margin-top:-1px;background:white url(http://image.uniqlo.kr/uq/img/select_history.gif) no-repeat right center}
.selComp_02 .sel_list_wrap{display:none;overflow-x:hidden;overflow-y:auto;position:absolute;top:20px;left:-1px;width:100%;max-height:140px;background:white;border:1px solid #D2D2D2}
.selComp_02 .sel_list_wrap .sel_list li{width:100%;padding:2px}
.selComp_02 .sel_list_wrap .sel_list li.on{background:#eee}
.selComp_02 .sel_list_wrap .sel_list li a{display:block;overflow:hidden;height:16px; color:#666;} /* 201303 통합테스트2차 수정 ID_487 */

/* 201303 추가 */
.tittype02 .selComp {position:absolute; left:109px; top:18px;}
#skipnavi {position:absolute; left:0; margin:0 auto; top:-10em; width:100%; z-index:88; font-size:1.15em;}
#skipnavi a:active, #skipnavi a:focus {text-align:center; background-color:#ffffff; border:none; color:#333; position:absolute; top:10.0em; width:100%; left:0;}

/* 20130506 추가 */
#header ul.navCategory li span{cursor:pointer}