@charset "utf-8";

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

	ナビゲーション

-----------------------------------

	1. サイドナビ

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



/* ========================================================================



	2. サイドナビ


 
======================================================================== */

/* ----------------------------------------------------
	■サイドナビゲーション
---------------------------------------------------- */
ul#naviS {
	width: 178px;
	margin: 0 0 13px;
	font-size: 11px;
	background-repeat: no-repeat;
	border-top: 1px solid #D8D8D8;
	border-right: 1px solid #D8D8D8;
	border-left: 1px solid #D8D8D8;
}
	ul#naviS { /zoom: 1; }
	ul#naviS:after { content: ''; display: block; clear: both; }
ul#naviS li {
	float: left;
}


/* ----------------------------------------------------
	■親カテゴリー
---------------------------------------------------- */
ul#naviS li.parent {
	width: 178px;
	background-color: #fff;
	background-image: url(../img/base/naviS.gif);
	background-repeat: repeat-x;
	background-position: 0 bottom;
}
ul#naviS li.parent:hover,
ul#naviS li.on {
	background-image: url(../img/base/naviS_on.gif);
}
ul#naviS li.parent2 {
	border-top: 1px solid #cdcdcd;
}
ul#naviS li.parent a {
	width: 155px;
	padding: 9px 10px 9px 13px;
	display: block;
	color: #000;
}
ul#naviS li.parent a span {
	display: block;
}

/* 日本語 */
ul#naviS li.parent a span.jp {
	font-size: 12px;
	padding: 0 0 0 10px;
	line-height: 1.3;
}

/* 英語 */
ul#naviS li.parent a span.en {
	padding: 0 0 0 10px;
	font-size: 10px;
	line-height: 1;
}

/* アクティブ
---------------------------------------------------- */
ul#naviS li.parent a span.jp,
ul#naviS li.parent a span.en {
	border-left: 2px solid #DFDFDF;
}
ul#naviS li.parent a.on span.jp,
ul#naviS li.parent a.on span.en {
	border-left: 2px solid #000033;
}
ul#naviS li.parent a.on span.jp {
	font-weight: bold;
}


/* ----------------------------------------------------
	■サブカテゴリー
---------------------------------------------------- */
ul#naviS li.sub {
	width: 178px;
	background-color: #fff;
}
ul#naviS li.sub a {
	width: 138px;
	padding: 7px 10px 7px 30px;
	font-size: 10px;
	display: block;
	color: #000;
	background-image: url(../../../0/color/img/icon_triangle/Gray.gif);
	background-repeat: no-repeat;
	background-position: 15px center;
	border-top: 1px solid #eee;
}
ul#naviS li.sub a span.en {
	display: none;
}
ul#naviS li.sub a:hover,
ul#naviS li.sub a.on {
	background-color: #FAFAFA;
}
ul#naviS li.sub a.on {
	font-weight: bold;
}
ul#naviS li.sub-last-child {
	border-bottom: 1px solid #D8D8D8;
}




/* End */