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

* {
	letter-spacing: 0;
}

/* header
-----------------------------------------------------------*/

#headerWrap {
	position: relative;
	background: url(../images/header_navi_bg_h222.png) 0 0 repeat-x;
	z-index: 1000;
}

#navi {
	position: absolute;
	left: 0;
	top: 100px;
}
#navi > ul {
	position: relative;
	z-index: 10;
}
#navi ul li {	float: left; }
.sutecase_btn {	position: relative; }
#navi_sutecase {
	display: none;
	position: absolute;
	top: 116px;
	left: 0;
}

#navi_bag {
	clear: both;
	display: none;
	position: absolute;
	top: 117px;
	left: 165px;
}


/* pulldown Dropshadow */
#navi_sutecase ul,
#navi_bag ul,
#navi_seihinlist ul,
#navi_sbl ul,
#navi_at ul,
#navi_dmx ul,
#navi_red ul {
	position: relative;
	z-index: 10;
	box-shadow:2px 0 10px rgba(0,0,0,0.3);
	-moz-box-shadow: 2px 0 10px rgba(0,0,0,0.3);
	-o-box-shadow: 2px 0 10px rgba(0,0,0,0.3);
	-ms-box-shadow: 2px 0 10px rgba(0,0,0,0.3);
}


.boxShadow {
	position:absolute;
	z-index: 9;
	left:-3px;/* PixelRadiusの指定分ずれる */
	top:-3px;/* PixelRadiusの指定分ずれる */
	width:100%;
	height:100%;
	background:#000;
	-ms-filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=1, ShadowOpacity=0.5);
	filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=3, MakeShadow=1, ShadowOpacity=0.5);
}

#navi_bag {
	clear: both;
	display: none;
	position: absolute;
	top: 117px;
	left: 166px;
}

#navi_samsonite {
	display: none;
	position: absolute;
	top: 58px;
	left: 330px;
}

#navi_samsonite_sbl {
	display: none;
	position: absolute;
	top: 58px;
	left:540px;
	font-size: 12px;
}

#navi_samsonite_at {
	display: none;
	position: absolute;
	top: 58px;
	left: 656px;
}
#navi_samsonite_dmx {
	display: none;
	position: absolute;
	top: 116px;
	left:330px;
}

#navi_samsonite_red {
	display: none;
	position: absolute;
	top: 116px;
	left:540px;
}

#navi_samsonite_kamiliant {
	display: none;
	position: absolute;
	top: 116px;
	left:808px;
}

#navi_product {
	display: none;
	position: absolute;
	top: 58px;
	left:55px;
	right: inherit;
}

#navi_product_sbl {
	display: none;
	position: absolute;
	top: 58px;
	left: 452px;
	right: inherit;
}

#navi_product_at {
	display: none;
	position: absolute;
	top: 58px;
	left:376px;
	right: inherit;
}

#navi_product_dmx {
	display: none;
	position: absolute;
	top: 116px;
	left:472px;
	right: inherit;
}

#navi_product_red {
	display: none;
	position: absolute;
	top: 116px;
	left:353px;
	right: inherit;
}

#navi_product_kamiliant {
	display: none;
	position: absolute;
	top: 116px;
	left:748px;
	right: inherit;
}


#navi_sutecase ul,
#navi_bag ul,
#navi_samsonite ul,
#navi_product ul,
#navi_samsonite_sbl ul,
#navi_product_sbl ul,
#navi_samsonite_at ul,
#navi_product_at ul,
#navi_samsonite_dmx ul,
#navi_product_dmx ul,
#navi_samsonite_red ul,
#navi_product_red ul,
#navi_travel ul,
#navi_casual ul,
#navi_business ul,
#navi_accessories ul {
	float: left;
}

#navi_sutecase li,
#navi_bag li,
#navi_samsonite li,
#navi_product li,
#navi_samsonite_sbl li,
#navi_product_sbl li,
#navi_samsonite_at li,
#navi_product_at li,
#navi_samsonite_dmx li,
#navi_product_dmx li,
#navi_samsonite_red li,
#navi_product_red li,
#navi_samsonite_kamiliant li,
#navi_product_kamiliant li {
	width: 100%;
	clear: both;
}

#navi .type1 a, #navi .type2 a{
	width: 100%;
	font-size: 11px;
	line-height: 30px;
	height: 30px;
	letter-spacing: -0.5px;
	font-family: "メイリオ";
	display: block;
	padding-left:53px;
	margin-right: 15px;
}
#navi .type3 a, #navi .type4 a{
	width: 100%;
	font-size: 10px;
	line-height: 30px;
	height: 30px;
	letter-spacing: 0;
	font-family: "メイリオ";
	display: block;
	padding: 0 10px;
}
#navi .type5 a{
	width: 100%;
	font-size: 11px;
	line-height: 30px;
	height: 30px;
	letter-spacing: -0.5px;
	font-family: "メイリオ";
	display: block;
	padding-left:30px;
	margin-right: 15px;
}
#navi .type6 a{
	width: 100%;
	font-size: 11px;
	line-height: 30px;
	height: 30px;
	letter-spacing: -0.5px;
	font-family: "メイリオ";
	display: block;
	padding-left:30px;
	margin-right: 15px;
}
#navi_product li,
#navi_product_sbl li,
#navi_product_at li ,
#navi_product_dmx li,
#navi_product_red li {
	clear: both;
}
#navi_bag ul { width: 120px; }

#seihin_hover, #seihin_hover_sbl, #seihin_hover_at, #seihin_hover_dmx, #seihin_hover_red, #seihin_hover_kamiliant {
	background-color: #102a8d;
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 30px;
	font-color: #FFF;
	text-align: center;
	font-size: 12px;
	line-height: 2.5;
	font-family: "メイリオ";
	cursor: pointer;
}

#seihin_hover a,
#seihin_hover_sbl a,
#seihin_hover_at a,
#seihin_hover_dmx a,
#seihin_hover_red a,
#seihin_hover_kamiliant a {
	color: #FFF;
}

#navi div.type1,
#navi div.type2 {
	padding-top: 30px;
}


#navi ul.type1 li.firstChild {
	background-image: url("../images/navi_icon_suitecase2.png");
	background-position: 10px;
	background-repeat: no-repeat;
}
#navi #navi_samsonite_dmx ul.type1 li.firstChild,
#navi #navi_samsonite_red ul.type1 li.firstChild {
	background-image: url("../images/navi_icon_business2.png");
}

#navi ul.type2 li.firstChild {
	background-image:url("../images/navi_icon_business2.png");
	background-position: 10px;
	background-repeat: no-repeat;
}

#navi ul.type1 li, #navi ul.type2 li{
	background: url("../images/navi_icon_arrow.png");
	background-repeat: no-repeat;
	background-position: 43px;
}
#navi ul.type5 li, #navi ul.type6 li{
	background: url("../images/navi_icon_arrow.png");
	background-repeat: no-repeat;
	background-position: 20px;
	padding-right: 0px;
}

#navi ul.type4 li{
	background-repeat: no-repeat;
	background-position: 25px;
}

#navi_product ul.type3 li,
#navi_product ul.type4 li,
#navi_product_sbl ul.type3 li,
#navi_product_at ul.type3 li,
#navi_product_dmx ul.type3 li,
#navi_product_red ul.type3 li { /* 青メニュのarrow非表示 */
	background-image: none;
}


#navi ul.type1 li.odd,
#navi ul.type2 li.even,
#navi ul.type5 li.odd {
	background-color: #d7e7f5;
}
#navi ul.type1 li.even,
#navi ul.type2 li.odd,
#navi ul.type5 li.even {
	background-color: #FFF;
}
#navi ul.type6 li.even{	background-color: #d7e7f5; }
#navi ul.type6 li.odd {	background-color: #FFF; }


#navi ul.type1 a,
#navi ul.type2 a,
#navi ul.type5 a,
#navi ul.type6 a {
	color: #333;
}



#navi ul.type3 li.odd,
#navi ul.type4 li.even{
	background-color: #102a8d;
}
#navi ul.type3 li.even,
#navi ul.type4 li.odd{
	background-color: #1f399e;
}
#navi ul.type3 a,
#navi ul.type4 a {
	color: #FFF;
}


#navi_sutecase ul li:hover,
#navi_bag ul li:hover,
#navi_samsonite ul li:hover,
#navi_samsonite_sbl ul li:hover,
#navi_samsonite_at ul li:hover,
#navi_samsonite_dmx ul li:hover,
#navi_samsonite_red ul li:hover {
	background-color: #03040a;
}

#navi_product ul li:hover,
#navi_product_sbl ul li:hover,
#navi_product_at ul li:hover,
#navi_product_dmx ul li:hover,
#navi_product_red ul li:hover {
	background-color: #8c8c8c;
}

#navi_sutecase,
#navi_bag,
#navi_samsonite,
#navi_product,
#navi_samsonite_sbl,
#navi_product_sbl,
#navi_samsonite_at,
#navi_product_at,
#navi_samsonite_dmx,
#navi_product_dmx,
#navi_product_red,
#navi_samsonite_red,
#navi_travel,
#navi_casual,
#navi_business,
#navi_accessories {
	z-index:10000;
	zoom:1;
}

#navi ul.type1,
#navi ul.type2 {
	margin-top:30px;
}
#navi #navi_samsonite_red ul.type1 {
	width: 148px;
	overflow: hidden;
}
#navi #navi_bag ul.type5 { width: 150px; }







/* ===========================================================================
New Navi
=========================================================================== */
.mainNavi {
	min-width: 960px;
	/*background: #102a8d;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#102a8d+0,154fb2+100 */
background: rgb(16,42,141); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(16,42,141,1) 0%, rgba(21,79,178,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(16,42,141,1) 0%,rgba(21,79,178,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(16,42,141,1) 0%,rgba(21,79,178,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#102a8d', endColorstr='#154fb2',GradientType=0 ); /* IE6-9 */

}

.mainNavi .brandNavi li a{
	color:#000000;
}

.mainNavi a{
	color: #000000;
}


.mainNavi a:hover{
	color: #000;
	text-decoration: none;
}

.mainNavi ul {
	font-size: 0;
	text-align: center;
	position: relative;
}

#samsoGate .mainNavi ul li {
	width: 160px;
	padding: 11px 0;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	letter-spacing: 0;
}


#samsoGate .mainNavi ul li ul {
	max-width: 960px;
	margin: 0 auto;
}

#samsoGate .mainNavi ul li ul li {
	height: 118px;
	width: 120px;
    font-size: 12px;
    position: relative;
    float: left;
}

#samsoGate .mainNavi ul li .typeNavi li {
	width: 110px;
	height: 38px;
	font-size: 12px;
	position: relative;
	float: left;
}

#samsoGate .mainNavi ul li .typeNavi li:first-child,#samsoGate .mainNavi ul li .typeNavi li:first-child + * + * + * + * + * + * + * + * + * {
	width: 190px;
	font-size: 13px;
	font-weight: bold;
    /*background: -webkit-linear-gradient(20deg, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.35));
    background: -o-linear-gradient(20deg, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.35));
    background: linear-gradient(110deg, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.35));*/
}


/* .typeNavi li:first-child + * + * + * + * + * + * + * ,.typeNavi li:first-child + * + *  + * + * + * + * + * + * + * + * + * + * + * + * + * + * 
,#scoList > ul > li:nth-child(9),#scoList > ul > li:nth-child(17),#scoList > ul > li:nth-child(25),#scoList > ul > li:nth-child(32)
{
	border-right: 1px solid #ccc;
} */


#samsoGate .mainNavi ul li ul a {
	position: absolute;
	top: 10px;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	height: auto;
	line-height: 1.5;
}

#samsoGate .mainNavi ul li ul a:hover {
	    color: #333399;
	text-decoration: underline;
}

#samsoGate .brandNavi .SeihinNavi li a:hover {
	/*color: #333399;
	text-decoration: underline;*/
	color: #fff;
    background: #113295;
    width: 160px;
    display: inherit;	
}

#samsoGate .mainNavi .brandNavi a:hover {
	    color: #000;
	text-decoration: none;
}

#samsoGate .mainNavi ul li ul .p2 a {
	top: 0px;
}

#samsoGate .mainNavi ul li ul .p3 a {
    line-height: 18px;
    top: -8px;
}

#samsoGate .mainNavi ul li .Seihinlistwrap ul a {
	top: -5px;
}

#samsoGate .mainNavi ul li .Seihinlistwrap ul .p2 {
	width: 240px;
}

#samsoGate .mainNavi hr {
	height: 1px;
	color: #eeeeee;
	display: block;
	background: #ccc;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;	
	float: left;
}

#samsoGate .mainNavi ul li .brandNavi li .Seihinlistwrap .SeihinNavi hr {
	width: 90%;
	margin-left: 5%;
}

#samsoGate .mainNavi ul li .brandNavi li {
	width: 192px;
	height: 290px;
}

#samsoGate .mainNavi ul li .brandNavi li .Seihinlistwrap .SeihinNavi li{
	width: 100%;
	height: 30px;
}

/* #samsoGate .mainNavi ul li .brandNavi li .Seihinlistwrap ul .p2 {
    width: 240px;
} */

#samsoGate .mainNavi ul li .stayNavi li {
	width: 14.28%;
	height: 40px;
}

#samsoGate .mainNavi ul li .priceNavi li {
	width: 160px;
    height: 60px;
    position: relative;
}

#samsoGate .mainNavi ul li .priceNavi li a{
	height: 25px;
    text-align: left;
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    width: 50%;
}

#samsoGate .mainNavi ul li .recommendNavi li {
	width: 33.33%;
	height: 10px;
}

#samsoGate .mainNavi ul li .recommendNavi li a{
	height: 32px;
}

#samsoGate .mainNavi ul li .SeihinNavi li {
	height: auto;
}

#samsoGate .mainNavi ul li .brandNavi li a{
	position: relative;
}


#samsoGate .mainNavi ul li.here { background: #5769af; }

#samsoGate .mainNavi ul li p.tit {
	font-size: 14px;
	line-height: 14px;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.15em;
}
#samsoGate .mainNavi ul li p.tit_sub {
	padding-top: 6px;
	font-size: 8px;
	line-height: 8px;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.2em;
}

#samsoGate .mainNavi ul li ul li {
	box-sizing: border-box;
	border-left: 1px solid #ccc;
}
#samsoGate .mainNavi ul li .brandNavi li .Seihinlistwrap .SeihinNavi li{
	border: none;
}

#samsoGate .mainNavi ul li ul li.lastChild { border-right: 1px solid #ccc; }
#samsoGate .mainNavi ul li ul li.here { background: #fff; }


#samsoGate .mainNavi ul li ul li p.logo {
	height: 50px;
}
#samsoGate .mainNavi ul li ul li p.logo_name {
	margin-top: 5px;
	font-size: 10px;
	line-height: 10px;
	letter-spacing: 0;
}

#samsoGate .mainNavi ul li ul li .sco_logo { background: url(../top/img/main_navi_sco_logo.png) no-repeat center center; }
#samsoGate .mainNavi ul li ul li .bl_logo { background: url(../top/img/main_navi_bl_logo.png) no-repeat center center; }
#samsoGate .mainNavi ul li ul li .at_logo { background: url(../top/img/main_navi_at_logo.png) no-repeat center center; }
#samsoGate .mainNavi ul li ul li .dmx_logo { background: url(../top/img/main_navi_dmx_logo.png) no-repeat center center; }
#samsoGate .mainNavi ul li ul li .red_logo { background: url(../top/img/main_navi_red_logo.png) no-repeat center center; }
#samsoGate .mainNavi ul li ul li .kam_logo { background: url(../top/img/main_navi_kam_logo.png) no-repeat center center; }


.Navilistwrap{
	width: 100%;
	display: none;
	text-align: center;
	cursor: pointer;
	position: absolute;
	top: 50px;
	left: 0;
	background: rgba(255,255,255,0.95);
	padding-bottom: 20px;
}

.brandwrap{
	height: 300px;
}

.select .Seihinlistwrap {
    display: block;
}

.Seihinlistwrap{
	width: 192px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 100px;
    left: 0;
    /* background: rgba(255,255,255,0.95); */
    padding-bottom: 20px;
}

/* #sblList{
    left: -192px;
}

#atList{
    left: -384px;
}

#dmxList{
    left: -574px;
}

#redList{
    left: -768px;
} */



#samsoGate .mainNavi ul li ul {
	max-width: 960px;
	margin: 0 auto;
	padding: 20px 0px 20px 0px;
	display: block; 
}


.select {
    display: block;
}

/* .brandNavi .select .selectArrow{
    display: block;
    position: absolute;
    bottom: 10px;
    margin: auto;
    left: 0px;
    right: 0px;
    width: 24px;
    height: 29px;
    background: url(../top/img/selectarrow.png);
    background-position: center;
} */