@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Jun OFFICIAL OUTLET css

Copyright (C) Jun Co.,LTD. All rights reserved.
------------------------------------------------------------

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

body {
	margin:0;
	padding:0;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}
dl, dt, 
dd, ul, ol, li, h1, 
h2, h3, h4, h5, h6, 
pre, code, form, fieldset, 
legend, input, textarea, 
p, blockquote, th, td{
	list-style-type:none;
	margin:0;
	padding:0;
}
a, a:link, a:visited, a:active {
	color:#000;
	text-decoration:none;
}
a img{
	border:none;
}
a:hover {
	text-decoration:underline;
}
a:active {
	outline-color:invert;
	outline-style:none;
	outline-width:medium;
}
div.left {float:left;}
div.right {float:right;}
.txt {text-indent:-9999px; text-decoration:none; overflow:hidden;}
.i_arrow {background:url(../../../images/icon/icon_arrow.gif) no-repeat left top; margin:0; padding:0 0 0 12px; line-height:12px;}

/* トップレイアウト
------------------------------------------------------------ */
#wrapper {width:950px; margin:0 auto;}
#hd {width: 950px; margin:10px 0 0 0; /*background:url(../../../images/bg_img_headall.gif) no-repeat 0 0;*/}
#footermenu{float:left; width:600px; height:18px; margin:20px 0; padding:4px 0 0 0}
#footermenu a{text-decoration:underline;font-size:10px;}

#footer {float:right; width:222px; height:18px; margin:20px 0;}
#wrapper #contents{width: 950px; margin-top:30px; padding:0;}
#wrapper #contentsAll{width: 950px; margin-top:10px; padding:0;}

/* ヘッダー
------------------------------------------------------------ */
#hd .hd_global {width:950px; font-size: 10px;}
/*---テキストリンク色-----*/
#hd .hd_global a: {color:#383838;}
#hd .hd_global a:link {color:#383838; text-decoration:none;}
#hd .hd_global a:visited {color:#383838; text-decoration:none;}
#hd .hd_global a:hover {color:#383838; text-decoration:underline;}
/*--------*/
#hd .hd_global ul {float:right;}
#hd .hd_global li {float:left;}
#hd .hd_global li.dot { margin:0 15px;}

#hd .hd_main {width:950px; margin-top:0; position:relative;}

.hd_main h1{float:left;width:241px;height:40px;}
.hd_main h1 a{width:241px;height:40px;background:url(../../../images/h1_logo_junoutlet.gif) no-repeat 0 0;display:block;text-indent:-9999em;overflow:hidden;}

#hd .hd_main .hd_right {float:right; font-size:11px; color:#000000; vertical-align:bottom;}
#hd .hd_main .hd_right ul {float:left; margin-top:20px;}
#hd .hd_main .hd_right li {float:left; display:block; margin-right:20px;}
#hd .hd_main .hd_right li.icon_login { background:url(../../../images/icon/icon_login.gif) no-repeat left top; margin:7px 0 0 0; padding:0 0 0 12px;}
#hd .hd_main .hd_right li.icon_entry { background:url(../../../images/icon/icon_entry.gif) no-repeat left top; margin:7px 20px 0 20px; padding:0 0 0 12px;}
#hd .hd_main .hd_right li.icon_logout { background:url(../../../images/icon/icon_logout.gif) no-repeat left top; margin:7px 0 0 0; padding:0 0 0 12px;}
#hd .hd_main .hd_right li.icon_mypage { background:url(../../../images/icon/icon_my.gif) no-repeat left top; margin:7px 20px 0 20px; padding:0 0 0 12px;}
#hd .hd_main .hd_right li.icon_favorite { background:url(../../../images/icon/icon_favorite.gif) no-repeat left top;  margin:7px 0 0 0; padding:0 0 0 12px;}

#hd .hd_main .delivfree { color:#FF0066; margin:0; padding:0; position:absolute; top:11px; left:250px; font-size:12px; line-height:140%;}


/*---ロールオーバー-----*/
#hd .hd_main .hd_right .cart_btn {float:left; width:100px; height:20px; margin:14px 0 0 20px; text-indent:-9999px; overflow:hidden;}
#hd .hd_main .hd_right .cart_btn a {display:block; width:100px; height:20px; background:url(../../../images/hd_btn_cart.gif) no-repeat; text-decoration:none; overflow:hidden;}
#hd .hd_main .hd_right .cart_btn a:hover {background-position:0% -20px;}
/*--------*/


/*--------------------ナビゲーション---------------------*/
#wrapper .navi{width: 950px; height: 40px; margin-top: 20px; background-color:#e3e3e3;}

#wrapper .navi li.home{float:left; width: 190px; height: 40px;  background:url(../../../images/navi/navi_home.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#wrapper .navi li.home a{display:block; width: 190px; height: 40px; background:url(../../../images/navi/navi_home.gif) no-repeat 0 0; text-indent:-9999px;} 
#wrapper .navi li.home a:hover{width: 190px; height: 40px; background:url(../../../images/navi/navi_home.gif) no-repeat 0 -40px;} 

#wrapper .navi li.arrivals{float:left; width: 190px; height: 40px; background:url(../../../images/navi/navi_arrivals.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#wrapper .navi li.arrivals a{display:block; width: 190px; height: 40px; background:url(../../../images/navi/navi_arrivals.gif) no-repeat 0 0; text-indent:-9999px;} 
#wrapper .navi li.arrivals a:hover{width: 190px; height: 40px; background:url(../../../images/navi/navi_arrivals.gif) no-repeat 0 -40px;} 

#wrapper .navi li.coordinate{float:left; width: 190px; height: 40px; background:url(../../../images/navi/navi_coordinate.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#wrapper .navi li.coordinate a{display:block; width: 190px; height: 40px; background:url(../../../images/navi/navi_coordinate.gif) no-repeat 0 0; text-indent:-9999px;} 
#wrapper .navi li.coordinate a:hover{width: 190px; height: 40px; background:url(../../../images/navi/navi_coordinate.gif) no-repeat 0 -40px;} 

#wrapper .navi li.ranking{float:left; width: 190px; height: 40px; background:url(../../../images/navi/navi_ranking.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#wrapper .navi li.ranking a{display:block; width: 190px; height: 40px; background:url(../../../images/navi/navi_ranking.gif) no-repeat 0 0; text-indent:-9999px;} 
#wrapper .navi li.ranking a:hover{width: 190px; height: 40px; background:url(../../../images/navi/navi_ranking.gif) no-repeat 0 -40px;} 

#wrapper .navi li.release{float:left; width: 190px; height: 40px; background:url(../../../images/navi/navi_release.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#wrapper .navi li.release a{display:block; width: 190px; height: 40px; background:url(../../../images/navi/navi_release.gif) no-repeat 0 0; text-indent:-9999px;} 
#wrapper .navi li.release a:hover{width: 190px; height: 40px; background:url(../../../images/navi/navi_release.gif) no-repeat 0 -40px;} 



/* familySale
------------------------------------------------------------ */
#categoryTitle{width:950px;height:40px;background:url(../../../images/bgimg_head_menubar.gif) no-repeat 0 0;margin:20px 0 0 0;}
#categoryTitle ul.cttl{}
#categoryTitle ul.cttl li{ }
#categoryTitle ul.cttl li a{}
#categoryTitle ul.cttl li.familySaleHome{background:url(../../../images/bt_f_sale_home.gif) no-repeat 0 0;width:188px;float:left;text-indent:-9999em;height:40px;}
#categoryTitle ul.cttl li.familySale{background:url(../../../images/title_familysale.gif) no-repeat 0 0;width:410px;float:left;text-indent:-9999em;height:40px;}
#categoryTitle ul.cttl li.familySaleHome a{width:188px;height:40px;display:block;overflow:hidden;}
#categoryTitle ul.cttl li.familySale a{height:40px;display:block;}
#categoryTitle ul.cttl li.items{margin:10px 0 0 0;float:right;padding:0;width:350px;height:20px;}
#categoryTitle ul.cttl li.items .cart{ position:relative;}
#categoryTitle ul.cttl li.items .cart a.gocart{width:320px;height:20px;float:right;display:block;cursor:pointer;background:#000 url(../../../images/items_bg.gif) no-repeat 0 0;}
#categoryTitle ul.cttl li.items .cart a.gocart span{color:#fff;font-size:14px;letter-spacing:0px;line-height:20px;}
#categoryTitle ul.cttl li.items .cart a.gocart span.itm{display:block;float:left;text-align:left; padding:0 0 0 25px;}
#categoryTitle ul.cttl li.items .cart a.gocart span.total{font-size:12px;display:block;float:right;padding-left:20px;padding-right:80px;text-align:right;}

#categoryTitle ul.cttl li.items .cart a.gocart:hover{text-decoration:none;}


/*--------------------サブナビゲーション---------------------*/
#wrapper .subnavi{float: left; width:215px; margin:0; padding:0;}

#wrapper .subnavi ul{width:195px; padding-left:10px;}
#wrapper .subnavi a.close{width:40px; height:10px; float:right; background:url(../../../images/subnavi/subnavi_close.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden;}
#wrapper .subnavi a.open{width:40px; height:10px; float:right; background:url(../../../images/subnavi/subnavi_open.gif) no-repeat 0 0; text-indent:-9999px; overflow:hidden; display:none;}
#wrapper .subnavi li.title{width:195px; height:23px; float: left; background:url(../../../images/subnavi/subnavi_title_line.gif) no-repeat 0 0; font-size:11px; color:#666666; padding:7px 0 5px 0;}
#wrapper .subnavi li.bland01{width:175px; height:20px; float: left; font-size:11px; font-weight:bold; background:url(../../../images/icon/icon_arrow.gif) no-repeat 10px 0px; padding-left:22px;}
#wrapper .subnavi li.bland02{width:175px; height:20px; float: left; font-size:11px; font-weight:bold; background:url(../../../images/icon/icon_arrow.gif) no-repeat 10px 0px; padding-left:22px; text-decoration:underline;}
#wrapper .subnavi li.list01{width:175px; height:20px; float: left; font-size:11px; font-weight:bold; background:url(../../../images/icon/icon_square.gif) no-repeat 10px 0; padding-left:22px;}
#wrapper .subnavi li.list02{width:175px; height:20px; float: left; font-size:11px; font-weight:bold; background:url(../../../images/icon/icon_square.gif) no-repeat 10px 0; padding-left:22px; text-decoration:underline;}
#wrapper .subnavi li.item{width:195px; /*height:155px;*/ float: left; text-align:center; padding:10px 0 2px 0; border-bottom:1px dotted #CCCCCC; overflow:hidden;}
#wrapper .subnavi li.itemLast{width:195px; /*height:155px;*/ float: left; text-align:center; padding:10px 0 2px 0; overflow:hidden;}
#wrapper .subnavi p.detail{width:195px; float: left; background:url(../../../images/icon/icon_arrow.gif) no-repeat 90px 0px; text-align:right; font-size:11px; margin-top:10px;}

#wrapper .subnavi div.subnavi-category{width:215px; float: left; background:url(../../../images/subnavi/subnavi_box_bg.gif) repeat-y 0 0;}
#wrapper .subnavi div.subnavi-category .tab{width:215px; height:27px; background:url(../../../images/subnavi/subnavi_box_top.gif) no-repeat left bottom #FFF;}
#wrapper .subnavi div.subnavi-category #tab1{float:left; width:105px; text-indent:-9999px; overflow:hidden;}
#wrapper .subnavi div.subnavi-category #tab2{float:left; width:105px; margin-left:5px; text-indent:-9999px; overflow:hidden;}
#wrapper .subnavi div.subnavi-category #tab1 a{display:block; float:right; width:80px; height:18px; background: url(../../../images/subnavi/subnavi_womens01.gif) no-repeat right top;}
#wrapper .subnavi div.subnavi-category #tab2 a{display:block; float:left; width:80px; height:18px; background: url(../../../images/subnavi/subnavi_mens01.gif) no-repeat right top;}
#wrapper .subnavi div.subnavi-category #tab1.active a{display:block; float:right; width:80px; height:18px; background: url(../../../images/subnavi/subnavi_womens02.gif) no-repeat right top;}
#wrapper .subnavi div.subnavi-category #tab2.active a{display:block; float:left; width:80px; height:18px; background: url(../../../images/subnavi/subnavi_mens02.gif) no-repeat right top;}

#wrapper .subnavi div.subnavi-top{display:block; overflow:hidden; width:215px; height:10px; float:left; background:url(../../../images/subnavi/subnavi_box_top.gif) no-repeat 0 0;}
#wrapper .subnavi div.subnavi-bottom{width:215px; height:10px; float:left; background:url(../../../images/subnavi/subnavi_box_bottom.gif) no-repeat 0 0; margin-bottom:10px;}
*html #wrapper .subnavi div.subnavi-bottom{margin-bottom:1px;}

#wrapper .subnavi div.subnavi-keyword{width:215px; float: left;}
#wrapper .subnavi div.subnavi-keyword dl{display:block; width:195px; height:22px; float:left;}
#wrapper .subnavi div.subnavi-keyword dt{float:left; width:135px; height:22px; background-repeat:no-repeat;}
#wrapper .subnavi div.subnavi-keyword dd{float:left; width:60px; height:22px;}
#wrapper .subnavi div.subnavi-keyword input#search {float:left; width:130px; height:19px; margin:0; padding-top:1px; padding:1px 0 0 3px; border:1px solid #000; line-height:15px;}

#wrapper .subnavi div.subnavi-check-item{width:215px; float: left; background:url(../../../images/subnavi/subnavi_box_bg.gif) repeat-y 0 0;}
#wrapper .subnavi div.subnavi-mobile{width:215px; float: left; height:126px; background:url(../../../images/subnavi/subnavi_mobile_bg.gif) no-repeat 0 0; text-align:center; margin:0; padding-top:35px;}
#wrapper .subnavi div.subnavi-twitter{width:215px; float: left; height:172px; background:url(../../../images/subnavi/subnavi_twitter_bg.gif) no-repeat 0 0; text-align:center; margin:0; padding-top:15px;}

/*--------------------パンクズ---------------------*/
#wrapper .pankuzu{width:720px; height: 22px; margin:10px 0 10px 0; font-size:12px; color:#4c4c4c;}
#wrapper .pankuzu a{color:#000; text-decoration:underline;}

#wrapper .pankuzuAll{width:950px; margin:10px 0 10px 0; font-size:12px; color:#4c4c4c;}
#wrapper .pankuzuAll a{color:#000; text-decoration:underline;}

#wrapper .detailpage  .pankuzu{margin:10px 0 20px 0;}

/* clearfix
------------------------------------------------------------ */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/*\*/
* html .clearfix {height:1%;}
.clearfix {display:block;}