@charset "shift_jis";


/** [RIGHT NAVI] **/


/** [1] **/
#right ul li {
	height: auto;
	width: 191px;
	font-size:12px;
	margin-left:4px;
	background-color:#ddd;
	border-bottom:1px solid #FFFFFF
}

#right ul li a{
	height: auto;
	width: 152px;
	display:block;
	font-weight:bold;
	color:#333;
	text-align:left;
	font-size:12px;
	padding:10px 2px 10px 34px;
	border-left:3px solid #666;
	background-image: url(../images/arrow_1st.gif);
	background-position: 6px 13px;
}
*html #right ul li a{
	width: 191px;
}

#right ul li a:hover{
	border-left:3px solid  #FF9900;
	background-color:#FFCC66;
	color:#FF6600;
	background-image: url(../images/arrow_1st_h.gif);
} 

#right ul li .on{
	border-left:3px solid  #FF9900;
	background-color:#FFCC66;
	color:#FF6600;
	background-image: url(../images/arrow_1st_h.gif);
} 

/** [2] **/
#right ul li ul li {
	margin-left:0px;
	border-bottom:none;
	background-color:#eee;
}
#right ul li ul li a{
	margin:0;
	width:149px;
	height:auto;
	padding:8px 3px 8px 36px;
	background-image: url(../images/arrow_2nd.gif);
	background-position: 16px 11px;
	font-weight:normal;
	text-decoration:underline;
	border-left:3px solid #666
}
*html #right ul li ul li a{
	width:191px;
}

#right ul li ul li a:hover{
	background-image: url(../images/arrow_2nd_h.gif);
} 

#right ul li ul li .on{
	background-image: url(../images/arrow_2nd_h.gif);
	background-color:#eee
}

/** [3] **/

#right ul li ul li ul li a{
	margin:0;
	width:145px;
	height:auto;
	text-align:left;
	padding:6px 3px 6px 40px;
	background-image: url(../images/arrow_3rd.gif);
	background-position: 24px 8px;
	margin-left:0;
	font-size:10px!important;
	border-left:3px solid #666

}
*html #right ul li ul li ul li a{
	width:191px;
}

#right ul li ul li ul li a:hover{
	background-image: url(../images/arrow_3rd_h.gif);
} 

#right ul li ul li ul li .on{
	background-image: url(../images/arrow_3rd_h.gif)
}

/** [4] **/
#right ul li ul li ul li ul li a{
	margin:0;
	width:135px;
	height:auto;
	text-align:left;
	padding:6px 3px 6px 50px;
	background-image: url(../images/arrow_3rd.gif);
	background-position: 34px 8px;
	margin-left:0;
	font-size:10px!important;
	border-left:3px solid #666
}
*html #right ul li ul li ul li ul li a{
	width:191px;
}

#right ul li ul li ul li ul li a:hover{
	background-image: url(../images/arrow_3rd_h.gif);
} 

#right ul li ul li ul li ul li .on{
	background-image: url(../images/arrow_3rd_h.gif);
}