@charset "utf-8";

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

	navigation style

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

/* ----------left navi---------- */

ul#l-navi {
	width: 204px;
	margin-bottom: 10px;
	list-style-type: none;
	line-height: normal;
}

ul#l-navi li {
	margin-bottom: 1px;
	margin-left: 0;
}

ul#l-navi li a {
	display: block;
	width: 176px;
	background: url(../images/menu_bg.gif) no-repeat 5px bottom #666666;
	padding: 10px 10px 10px 18px;
	color: #FFFFFF;
}

* html body ul#l-navi li a {
	width: 204px;
}

ul#l-navi li a:hover {
	color: #999999;
}

ul#l-navi li.list_tree {
	margin-left: 0;
	padding: 0;
}

ul#l-navi li.list_tree span {
	display: block;
	width: 204px;
	margin-bottom: 1px;
}

ul#l-navi li.list_tree ul {
	list-style-type: none;
	line-height: normal;
}

ul#l-navi li.list_tree ul li a {
	display: block;
	width: 176px;
	background-color: #CCCCCC;
	color: #000000;
}

* html body ul#l-navi li.list_tree ul li a {
	width: 204px;
}

ul#l-navi li.list_tree ul li a:hover {
	color: #666666;
}


/* ----------left navi active---------- */

body.navi1 ul#l-navi .navi1 a,
body.navi1 ul#l-navi .navi1 a:hover,
body.navi2 ul#l-navi .navi2 a,
body.navi2 ul#l-navi .navi2 a:hover,
body.navi3 ul#l-navi .navi3 a,
body.navi3 ul#l-navi .navi3 a:hover,
body.navi4 ul#l-navi .navi4 a,
body.navi4 ul#l-navi .navi4 a:hover {
	color: #999999;
	text-decoration: none;
}

body.navi1_1 ul#l-navi li.list_tree ul li.navi1_1 a,
body.navi1_1 ul#l-navi li.list_tree ul li.navi1_1 a:hover,
body.navi1_2 ul#l-navi li.list_tree ul li.navi1_2 a,
body.navi1_2 ul#l-navi li.list_tree ul li.navi1_2 a:hover,
body.navi1_3 ul#l-navi li.list_tree ul li.navi1_3 a,
body.navi1_3 ul#l-navi li.list_tree ul li.navi1_3 a:hover,
body.navi1_3 ul#l-navi li.list_tree ul li.navi1_4 a,
body.navi1_3 ul#l-navi li.list_tree ul li.navi1_4 a:hover {
	color: #666666;
	text-decoration: none;
}


/* ----------global navi---------- */

#g-navi {
	width: 820px;
	background: url(../images/g-navi_line.gif) no-repeat 10px bottom #666666;
	margin-bottom: 1px;
	padding-left: 10px;
}

* html body #g-navi {
	width: 830px;
}

#g-navi ul {
	width: 800px;
	list-style-type: none;
	line-height: normal;
}

#g-navi ul li {
	float: left;
	width: 133px;
	margin-left: 0;
}

#g-navi ul a {
	display: block;
	width: 113px;
	background: url(../images/g-navi_line.gif) no-repeat right bottom;
	padding: 10px 10px 10px 17px;
	color: #FFFFFF;
}

* html body #g-navi ul li a {
	width: 133px;
}

#g-navi ul li a:hover {
	color: #999999;
}

body.navi5 #g-navi .navi5 a,
body.navi5 #g-navi .navi5 a:hover,
body.navi6 #g-navi .navi6 a,
body.navi6 #g-navi .navi6 a:hover {
	color: #999999;
	text-decoration: none;
}


/* ----------item menu---------- */

ul#l-navi div.item_cate1,
ul#l-navi div.item_cate2,
ul#l-navi div.item_cate3,
ul#l-navi div.item_cate4 {
	width: 191px;
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	margin-bottom: 1px;
	margin-left: 5px;
	padding: 3px 3px 15px;
}
ul#l-navi li.list_tree div.item_cate1 a,
ul#l-navi li.list_tree div.item_cate2 a,
ul#l-navi li.list_tree div.item_cate3 a,
ul#l-navi li.list_tree div.item_cate4 a {
	display: inline;
	width: auto;
	background-image: none;
	background-color: transparent;
	padding: 0;
	color: #336699;
}

ul#l-navi dd {
	background: url(../images/icon_arrow_blue.gif) no-repeat 2px 3px;
	padding-left: 18px;
}

ul#l-navi dd ul {
	display: none;
}


/* ----------item menu active---------- */

body.item_cate1 ul#l-navi div.item_cate1,
body.item_cate2 ul#l-navi div.item_cate2,
body.item_cate3 ul#l-navi div.item_cate3,
body.item_cate3 ul#l-navi div.item_cate3 {
	background-color: transparent;
	padding-bottom: 3px;
}

body.item_cate1 ul#l-navi div.item_cate1 dd,
body.item_cate2 ul#l-navi div.item_cate2 dd,
body.item_cate3 ul#l-navi div.item_cate3 dd,
body.item_cate4 ul#l-navi div.item_cate4 dd {
	background-image: url(../images/icon_arrow_black.gif);
}

body.item_cate1 ul#l-navi div.item_cate1 dd a.cate,
body.item_cate2 ul#l-navi div.item_cate2 dd a.cate,
body.item_cate3 ul#l-navi div.item_cate3 dd a.cate,
body.item_cate4 ul#l-navi div.item_cate4 dd a.cate {
	color: #666666;
	text-decoration: none;
}

body.item_cate1 ul#l-navi div.item_cate1 dd ul,
body.item_cate2 ul#l-navi div.item_cate2 dd ul,
body.item_cate3 ul#l-navi div.item_cate3 dd ul,
body.item_cate4 ul#l-navi div.item_cate4 dd ul {
	display: block;
}

ul#l-navi dd ul {
	list-style-type: none;
	margin-top: 0.5em;
	margin-left: -13px;
}

ul#l-navi dd ul li {
	margin-bottom: 0.5em;
}