/*　サブナビゲーションに関するCSSです　*/
.snavi{	float:left;
	width:180px;
	margin:0;
	padding:0;}

/* ■■初期設定■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */

.menu{	margin:0 0 10px 0;
	padding:0;			
	width:180px;
	height:100%;}

.menu li{	margin:0;
		padding:0;
		width:178px;
		list-style:none;
		border-right:1px solid #0066ff;
		border-bottom:1px solid #0066ff;
		border-left:1px solid #0066ff;}
	
.menu li a{	display:block;
		margin:0;
		padding:5px 2px 5px 20px;			/*右側余白を修正（元は2px）後は下のwitdhも調整する。*/
		width:156px;
		text-decoration:none;
		display:block;
		background : url(img/sub-navi/list-mark/main.gif) no-repeat 2px center;
		color:#000000;}

.menu li a:visited{	color:#000000;}

.menu li a:hover{	border-color:#cccccc;
			background : #ccffff url(img/sub-navi/list-mark/main2.gif) no-repeat 2px center;}


/* ■■リスト見出し用設定（各ページに使用）■■■■■■■■■■■■■■■■■■■■■■ */

.menu li.index2{margin:0;
		padding:5px;
		width:168px;_width:170px;
		border-right:1px solid #888888;
		border-bottom:1px solid #888888;
		border-left:1px solid #888888;
		background:#cccccc;
		font-weight:bold;
		font-size:105%;}

/* ■■現在いるページを示すための設定（トップページ以外で使用）■■■■■■■■■■■■ */

.menu li.position{
		margin:0;
		padding:5px 0 5px 20px;			/*<a>周囲の余白を設定*/
		width:158px;
		background : #ccff99 url(img/sub-navi/list-mark/position.gif) no-repeat 2px center;	/*リストマーカーを背景画像として表示している*/
		text-decoration:none;}

.menu li.position_pn{					/*特色資料・長岡の歴史ページに使用*/
		margin:0;
		padding:3px 0 3px 30px;			/*<a>周囲の余白を設定*/
		width:148px;
		background : #ccff99 url(img/sub-navi/list-mark/position.gif) no-repeat 12px center;	/*リストマーカーを背景画像として表示している*/
		text-decoration:none;}

/* ■■ページ内リンクの設定（トップページ以外で使用）■■■■■■■■■■■■■■■■■ */

.menu li.pn{	margin:0;
		padding:0 0 0 10px;			/*<a>周囲の余白を設定*/
		width:168px;_width:148px;
		list-style:none;
		border-right:1px solid #0066ff;
		border-bottom:1px solid #0066ff;
		border-left:1px solid #0066ff;}

.menu li.pn a{	margin:0 0 0 -10px;
		padding:3px 2px 3px 30px;			/*右側余白をいじった場合は、下のwitdhも調整すること*/
		width:146px;
		text-decoration:none;
		display:block;
		background : url(img/sub-navi/list-mark/pn.gif) no-repeat 12px center;}

.menu li.pn a:hover{
		border-color:#cccccc;
		background : #ccffff url(img/sub-navi/list-mark/pn2.gif) no-repeat 12px center;}

a.shisetu-yoyaku{	margin:10px 0;}
