@charset "utf-8";

ul#topnav {
	margin: 10px 0;
	padding: 0;
	width: 190px;
	list-style: none;
}
ul#topnav li {
	margin: 0;
	padding: 0;
	position: relative;
	z-index:2;
	top:0;
	left:0;
}
ul#topnav li.nav {
	height: 46px;
}
ul#topnav li a {
	text-indent: -9999px;
	height: 48px;
}
ul#topnav li:hover a, ul#topnav li a:hover {
	background-position: left bottom;
}

ul#topnav li .sub1,
ul#topnav li .sub2,
ul#topnav li .sub3,
ul#topnav li .sub4,
ul#topnav li .sub5,
ul#topnav li .sub6 {
	position: absolute; /*--ここ大事--*/
	top: 0px;
	left: 170px;
	background: #fff; 
	display: none; /*--JSオフ時に表示されないようにします--*/
	clear:both;
}
ul#topnav li .sub1 ul,
ul#topnav li .sub2 ul,
ul#topnav li .sub3 ul,
ul#topnav li .sub4 ul,
ul#topnav li .sub5 ul, 
ul#topnav li .sub6 ul {
	list-style: none;
	margin: 0;
	padding: 8px 0 0 0;
	width: 178px;
	background: #fff;
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}


/* Hack -------------------------------------- */

/* --------------------------------------
	IE7
 -------------------------------------- */
*:first-child+html ul#topnav li .sub1 ul {
	width: 540px;
}
*:first-child+html ul#topnav li .sub1 {
	height: 320px;
}
*:first-child+html ul#topnav li .sub6 {
	height: 220px;
}
*:first-child+html ul#topnav li .sub3 ul,

*:first-child+html ul#topnav li .sub4 ul {
	width: 540px;
}


/* --------------------------------------
	IE6
 -------------------------------------- */
ul#topnav li .sub1 ul {
	_width: 540px;
}
ul#topnav li .sub3 ul {
	_width: 540px;
}
ul#topnav li .sub4 ul {
	_width: 540px;
}
ul#topnav li .sub6 {
	height:220px;	

}


/* Hack -------------------------------------- */
ul#topnav li .sub1 {
	height:320px;
}
ul#topnav li .sub2 {
	height:160px;
}
ul#topnav li .sub3 {
	height:328px;
}
ul#topnav li .sub4 {
	height:320px;
}
ul#topnav li .sub5 {
	height:160px;
}
ul#topnav li .sub1 ul {
	height:160px;
}
ul#topnav li .sub2 ul {
	height:160px;	
}
ul#topnav li .sub3 ul {
	height:160px;	
}
ul#topnav li .sub4 ul {
	height:160px;
}
ul#topnav li .sub5 ul {
	height:160px;	

}
ul#topnav li .sub6 ul {
	height:220px;	

}

/* -------------------------------------------------------
	1 スーツ
 ------------------------------------------------------- */
ul#topnav a.suit {
	background: url(../../images/common/navigation/btn_suits.jpg) no-repeat;
	height: 48px;
	display: block;
}
ul#topnav li .sub1 ul.suit1 {
	position: absolute;
	left: 0;
	border-top:solid 3px #3957A6;
}
ul#topnav li .sub1 ul.suit2 {
	position: absolute;
	left: 179px;
	border-top: solid 3px #3957A6;
}
ul#topnav li .sub1 ul.suit3 {
	position: absolute;
	left: 358px;
	border-top: solid 3px #3957A6;
}
ul#topnav li .sub1 ul.suit4 {
	position: absolute;
	left: 0px;
	top:160px;
}
ul#topnav li .sub1 ul.suit5 {
	position: absolute;
	left:179px;
	top:160px;
}
ul#topnav li .sub1 ul.suit6 {
	position: absolute;
	left: 358px;
	top:160px;
}


/* -------------------------------------------------------
	2 フォーマル
 ------------------------------------------------------- */
ul#topnav a.formal {
	background: url(../../images/common/navigation/btn_formal.jpg) no-repeat;
	height: 48px;
	display: block;
}
ul#topnav li .sub2 ul.formal1 {
	position: absolute;
	left: 0;
	border-top:solid 3px #3957A6;
}

/* -------------------------------------------------------
	3 シャツ
 ------------------------------------------------------- */
ul#topnav a.shirt {
	background: url(../../images/common/navigation/btn_shirts.jpg) no-repeat;
	height: 48px;
	display: block;
}
ul#topnav li .sub3 ul.shirt1 {
	position: absolute;
	left: 0;
	border-top:solid 3px #3957A6;
}
ul#topnav li .sub3 ul.shirt2 {
	position: absolute;
	left: 179px;
	border-top: solid 3px #3957A6;
}
ul#topnav li .sub3 ul.shirt3 {
	position: absolute;
	left: 358px;
	border-top: solid 3px #3957A6;
}
ul#topnav li .sub3 ul.shirt4 {
	position: absolute;
	left: 0px;
	top:160px;
}
ul#topnav li .sub3 ul.shirt5 {
	position: absolute;
	left:179px;
	top:160px;
}


/* -------------------------------------------------------
	4 ネクタイ
 ------------------------------------------------------- */
ul#topnav a.necktie {
	background: url(../../images/common/navigation/btn_tie.jpg) no-repeat;
	height: 48px;
	display: block;
}
ul#topnav li .sub4 ul.necktie1 {
	position: absolute;
	left: 0;
	border-top:solid 3px #3957A6;
}
ul#topnav li .sub4 ul.necktie2 {
	position: absolute;
	left: 179px;
	border-top: solid 3px #3957A6;
}
ul#topnav li .sub4 ul.necktie3 {
	position: absolute;
	left: 358px;
	border-top: solid 3px #3957A6;
}
ul#topnav li .sub4 ul.necktie4 {
	position: absolute;
	left: 0px;
	top:160px;
	height:230px;
}



/* -------------------------------------------------------
	5 アクセサリー
 ------------------------------------------------------- */
ul#topnav a.accessory {
	background: url(../../images/common/navigation/btn_accessories.jpg) no-repeat;
	height: 48px;
	padding:0;
	display:block;
	width:170px;
}

ul#topnav li .sub5 ul.accessory1 {
	position:absolute;
	left: 0;
	border-top:solid 3px #3957A6;
	height:210px;
}

/* -------------------------------------------------------
	6 シューズ
 ------------------------------------------------------- */
ul#topnav a.shoes {
	background:url(../../images/common/navigation/btn_shoes.jpg) no-repeat;
	height: 48px;
	display: block;
	padding:0;
}


/* -------------------------------------------------------
	7 ジャケット
 ------------------------------------------------------- */
ul#topnav a.jacket {
	background: url(../../images/common/navigation/btn_jacket.jpg) no-repeat;
	height: 48px;
	display: block;
}

/* -------------------------------------------------------
	8 コート
 ------------------------------------------------------- */
ul#topnav a.coat {
	background: url(../../images/common/navigation/btn_coat.jpg) no-repeat;
	height: 48px;
	display: block;
}

/* -------------------------------------------------------
	9 スラックス
 ------------------------------------------------------- */
ul#topnav a.slacks {
	background: url(../../images/common/navigation/btn_slacks.jpg) no-repeat;
	height: 48px;
	display: block;
}

/* -------------------------------------------------------
	10 インナー
 ------------------------------------------------------- */
ul#topnav a.inner {
	background: url(../../images/common/navigation/btn_inner.jpg) no-repeat;
	height: 48px;
	display: block;
}

/* -------------------------------------------------------
	11 ソックス
 ------------------------------------------------------- */
ul#topnav a.socks {
	background: url(../../images/common/navigation/btn_socks.jpg) no-repeat;
	height: 48px;
	display: block;
}

/* -------------------------------------------------------
	12 カジュアルウェア
------------------------------------------------------- */
ul#topnav a.casual {
	background: url(../../images/common/navigation/btn_casual.jpg) no-repeat;
	height: 48px;
	display: block;
}

/* -------------------------------------------------------
	13 レディース
 ------------------------------------------------------- */
ul#topnav a.ladys {
	background: url(../../images/common/navigation/btn_ladies.jpg) no-repeat;
	height: 46px;
	display: block;
}
ul#topnav li .sub6 ul.ladys1 {
	position: absolute;
	left: 0;
	height:260px;
	border-top: solid 3px #3957A6;
}
ul#topnav .sub1 ul li,
ul#topnav .sub2 ul li,
ul#topnav .sub3 ul li,
ul#topnav .sub4 ul li,
ul#topnav .sub5 ul li,
ul#topnav .sub6 ul li {
	width: 100%;
	color: #222;
}
ul#topnav ul li strong { 
	padding: 0 0 0 23px;
	margin: 0;
	font-size: 12px;
	font-weight: bold;
	color:#222;
	background:url(../../images/common/navigation/ic_circle.gif) no-repeat 10px 5px;
}
ul#topnav .sub ul li a {
	text-indent: 0; /*--text-indent戻します--*/
	height: auto; 
	padding: 5px 3px 5px 25px;
	display: block;
	text-decoration: none;
	color: #333;
	background:url(../../images/common/navigation/ic_arrow.gif) no-repeat 15px 10px;
	font-size:10px;
}

ul#topnav .sub ul li a:hover {
	color: #ff9900;
	background-position: 17px 10px ;
}