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

h1.clTreatments{
	width: 780px;
	height: 48px;
	background: url(../img/course/h1.gif) no-repeat left top;}

#idMainNavi02{
	background: url(../img/common/mainnavi02.gif) no-repeat left -24px;}

#idContainer{
	background: #fff url(../img/course/bk-container.jpg) no-repeat center bottom;}

#idSidebar{
	height: 481px;
	background: url(../img/course/bk-navi.jpg) no-repeat left top;}
#idContets{
	width: 565px;}

.clCourse{
	height: 481px;
	background: url(../img/course/main-image.jpg) no-repeat left top;}


#idCourseS{
	height:90px;
	width:506px;
	margin-top:36px;
	margin-left:30px;
	background: url(../img/course/cutline_setsumei.jpg) no-repeat left top;
}

/* sidebar
----------------------------------------------*/
li#navSide01{ height: 50px; background: url(../img/course/sidenavi01.jpg) no-repeat left top;}
li#navSide02{ height: 24px; background: url(../img/course/sidenavi02.jpg) no-repeat left top;}
li#navSide03{ height: 24px; background: url(../img/course/sidenavi03.jpg) no-repeat left top;}
/*li#navSide04{ height: 24px;}*/
li#navSide05{ height: 24px; background: url(../img/course/sidenavi05.jpg) no-repeat left top;}


li#navSide01 a{ height: 50px;}
li#navSide02 a{ height: 24px;}
li#navSide03 a{ height: 24px;}
/*li#navSide04 a{ height: 24px; background: url(../img/course/sidenavi04.jpg) no-repeat left top;}*/
li#navSide05 a{ height: 24px;}

li#navSide01 a:hover{ height: 50px; background: url(../img/course/sidenavi01.jpg) no-repeat left top; background-position:-235px 0px;}
li#navSide02 a:hover{ height: 24px; background: url(../img/course/sidenavi02.jpg) no-repeat left top; background-position:-235px 0px;}
li#navSide03 a:hover{ height: 24px; background: url(../img/course/sidenavi03.jpg) no-repeat left top; background-position:-235px 0px;}
/*li#navSide04 a{ height: 24px; background: url(../img/course/sidenavi04.jpg) no-repeat left top;}*/
li#navSide05 a:hover{ height: 24px; background: url(../img/course/sidenavi05.jpg) no-repeat left top; background-position:-235px 0px;}