@charset "utf-8";
/* CSS Document */

/*　サブナビ　*/
#side_navi_area {
	width: 210px;
	float: left;
	padding: 5px 10px;
	border: 1px solid #ccc;
	border-radius: 5px; 
	margin: 0 5px;
}

ul.sidemenu {
	margin: 3px 3px 5px;
	/*margin: 3px 3px;*/
}

ul.sidemenu li {
	list-style: none;
	list-style-image: url(../img/icon_circle.gif) ;
	list-style-position: inside;
	font-size: 14px;
	font-weight: bold;
	margin: 5px 0 10px ;
}


ul.sidemenu li a,
ul.sidemenu0 li a,
ul.sidemenu1 li a,
ul.sidemenu2 li a,
ul.sidemenu3 li a,
ul.sidemenu4 li a,
ul.sidemenu5 li a,
ul.sidemenu6 li a,
ul.sidemenu7 li a,
ul.sidemenu8 li a,
ul.sidemenu9 li a {
	color: #444;
}


ul.sidemenu li a:hover,
ul.sidemenu0 li a:hover,
ul.sidemenu1 li a:hover,
ul.sidemenu2 li a:hover,
ul.sidemenu3 li a:hover,
ul.sidemenu4 li a:hover,
ul.sidemenu5 li a:hover,
ul.sidemenu6 li a:hover,
ul.sidemenu7 li a:hover,
ul.sidemenu8 li a:hover,
ul.sidemenu9 li a:hover {
	color: #a9a9a9;
}

label {
/*    padding: 3px 0;*/
    padding: 0 0 0 17px;
    display: block;
    margin: 5px 2px;
    border: 1px solid #fff;
	font-weight: bold;
	background-image: url(../img/icon_circle.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
}

input[type="checkbox"].on-off{
    display: none;
}

ul.sidemenu0,
ul.sidemenu1,
ul.sidemenu2,
ul.sidemenu3,
ul.sidemenu4,
ul.sidemenu5,
ul.sidemenu6,
ul.sidemenu7,
ul.sidemenu8,
ul.sidemenu9 {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
}

ul.sidemenu0,
ul.sidemenu1 li,
ul.sidemenu2 li,
ul.sidemenu3 li,
ul.sidemenu4 li,
ul.sidemenu5 li,
ul.sidemenu6 li,
ul.sidemenu7 li,
ul.sidemenu8 li,
ul.sidemenu9 li {
    padding: 3px;
}

input[type="checkbox"].on-off + ul.sidemenu0,
input[type="checkbox"].on-off + ul.sidemenu1,
input[type="checkbox"].on-off + ul.sidemenu2,
input[type="checkbox"].on-off + ul.sidemenu3,
input[type="checkbox"].on-off + ul.sidemenu4,
input[type="checkbox"].on-off + ul.sidemenu5,
input[type="checkbox"].on-off + ul.sidemenu6,
input[type="checkbox"].on-off + ul.sidemenu7,
input[type="checkbox"].on-off + ul.sidemenu8,
input[type="checkbox"].on-off + ul.sidemenu9 {
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul.sidemenu0 {
    height: 50px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu1 {
    height: 380px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu2 {
    height: 200px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu3 {
    height: 210px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu4 {
    height: 190px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu5 {
    height: 280px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu6 {
    height: 50px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu7 {
    height: 110px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu8 {
    height: 275px;
}

input[type="checkbox"].on-off:checked + ul.sidemenu9 {
    height: 360px;
}

/*
ul.sidemenu1 li.sidemenu_fir {
	padding-left: 10px;
}

ul.sidemenu1 li.sidemenu_sec {
	padding-left: 20px;
}
*/

/* 追加*/

ul.sidemenu0 li.sidemenu_fir,
ul.sidemenu1 li.sidemenu_fir,
ul.sidemenu2 li.sidemenu_fir,
ul.sidemenu3 li.sidemenu_fir,
ul.sidemenu4 li.sidemenu_fir,
ul.sidemenu5 li.sidemenu_fir,
ul.sidemenu6 li.sidemenu_fir,
ul.sidemenu7 li.sidemenu_fir,
ul.sidemenu8 li.sidemenu_fir,
ul.sidemenu9 li.sidemenu_fir {
	padding: 3px 0px 3px 15px;
	background-repeat: no-repeat;
	background-position: 3% 40%;
	background-image: url(../img/icon_sankaku.gif);
}

ul.sidemenu0 li.sidemenu_sec,
ul.sidemenu1 li.sidemenu_sec,
ul.sidemenu2 li.sidemenu_sec,
ul.sidemenu3 li.sidemenu_sec,
ul.sidemenu4 li.sidemenu_sec,
ul.sidemenu5 li.sidemenu_sec,
ul.sidemenu6 li.sidemenu_sec,
ul.sidemenu7 li.sidemenu_sec,
ul.sidemenu8 li.sidemenu_sec,
ul.sidemenu9 li.sidemenu_sec {
	padding: 3px 5px 3px 25px;
	background-repeat: no-repeat;
	background-position: 6% 48%;
	background-image: url(../img/icon_yajirushi.gif);
	padding-left: 25px;
}