@charset "UTF-8";
/* CSS Document */

#categoryMenu .menu dt a {
	background-image: url(img/navi_top.gif);
}

/*左メニュー反転
--------------------------*/
body#creative #categoryMenu .menu dd#mCreative a ,
body#music_dance #categoryMenu .menu dd#mMusic a ,
body#movie_actor #categoryMenu .menu dd#mMovie a ,
body#technology #categoryMenu .menu dd#mTechnology a ,
body#eco #categoryMenu .menu dd#mEco a 
{
	background-position: right;
}

/*各ページ共通 
--------------------------*/

h4 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}
h3 {
	width:550px;
	height:25px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	margin-bottom: 10px;
}
.CourseInfo {
	clear: both;
	padding-top: 15px;
}

.CourseInfo .leftbox {
	width: 370px;
	float: left;
}
.CourseInfo .leftbox ul {
}
.CourseInfo .leftbox li {
	width: 157px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-style: solid;
	background-repeat: no-repeat;
	background-position: 5px center;
	height: 25px;
	padding: 10px 0px 0px 20px;
	text-align: left;
	margin: 0px 5px 5px 0px;
}
.CourseInfo .leftbox li.l2{
	padding-top: 5px;
	height: 30px;
	line-height: 100%;
}
.CourseInfo .leftbox dl {
	width: 360px;
	margin-top: 5px;
}
.CourseInfo .leftbox dt {
	height: 25px;
	width: 100px;
	background-repeat: no-repeat;
	margin-bottom: 2px;
	text-indent: -9999px;
}
.CourseInfo .leftbox dd {
	font-size: 11px;
	padding: 10px;
	line-height: 1.2em;
}
.CourseInfo .rightbox {
	width: 180px;
	float: right;
}

/*index トップページ 
--------------------------*/
#course h2 {
	background-image: url(img_index/title.gif);	
}

#course .CourseBlock {
	width:270px;
	height:185px;
	float: left;
	margin-bottom: 11px;
}
#course .CourseBlock a,
#course .CourseBlock a:link,
#course .CourseBlock a:visited {
	color: #FFFFFF;
}
#course .CourseBlock a:hover {
	color: #FFFF00;
}
#course .CourseBlock h3 {
	text-indent: -9999px;
	display: none;
}
#course .CourseBlock dt {
	height: 185px;
	width: 125px;
	float: left;
}
#course .CourseBlock dt a {
	height: 185px;
	width: 125px;
	display: block;
}
#course .CourseBlock dd {
	width: 140px;
	float: left;
	height: 170px;
	padding-top: 15px;
	padding-left: 5px;
	font-size: 11px;
	_line-height: 135%;
} 
#course #BoxCreative dt {
	background-image: url(img_index/creative.gif);
}
#course #BoxCreative dd {
	background-image: url(img_index/creative_back.gif);
}
#course #BoxMusicDance dt {
	background-image: url(img_index/music_dance.gif);
}
#course #BoxMusicDance dd {
	background-image: url(img_index/music_dance_back.gif);
}
#course #BoxMovieActor dt {
	background-image: url(img_index/movie_actor.gif);
}
#course #BoxMovieActor dd {
	background-image: url(img_index/movie_actor_back.gif);
}
#course #BoxTechnology dt {
	background-image: url(img_index/technology.gif);
}
#course #BoxTechnology dd {
	background-image: url(img_index/technology_back.gif);
}
#course #BoxEco dt {
	background-image: url(img_index/eco.gif);
}
#course #BoxEco dd {
	background-image: url(img_index/eco_back.gif);
}
#course .CourseBoxspace {
	margin: 0px 10px 0px 0px;
}



/*creative ページ 
--------------------------*/
#creative h2 {
	background-image: url(img_creative/title.gif);	
}
#creative h4 {
	color: #0099FF;
}
#creative #cre01 h3 {
	background-image: url(img_creative/01title.gif);
}
#creative #cre02 h3 {
	background-image: url(img_creative/02title.gif);
}
#creative #cre03 h3 {
	background-image: url(img_creative/03title.gif);
}
#creative #cre04 h3 {
	background-image: url(img_creative/04title.gif);
}
#creative #cre05 h3 {
	background-image: url(img_creative/05title.gif);
}
#creative #cre06 h3 {
	background-image: url(img_creative/06title.gif);
}
#creative .CourseInfo .leftbox li {
	border-color: #0099FF;
	background-image: url(img_creative/plus.gif);
}
#creative .CourseInfo .leftbox dt {
	background-image: url(img_creative/occupation.gif);
}
#creative .CourseInfo .leftbox dd {
	background-color: #D2EDFF;
}



/*music_dance ページ 
--------------------------*/
#music_dance h2 {
	background-image: url(img_music_dance/title.gif);	
}
#music_dance h4 {
	color: #E20A16;
}
#music_dance #md01 h3 {
	background-image: url(img_music_dance/01title.gif);
}
#music_dance #md02 h3 {
	background-image: url(img_music_dance/02title.gif);
}
#music_dance #md03 h3 {
	background-image: url(img_music_dance/03title.gif);
}
#music_dance #md04 h3 {
	background-image: url(img_music_dance/04title.gif);
}
#music_dance #md05 h3 {
	background-image: url(img_music_dance/05title.gif);
}
#music_dance #md06 h3 {
	background-image: url(img_music_dance/06title.gif);
}
#music_dance #md07 h3 {
	background-image: url(img_music_dance/07title.gif);
}
#music_dance #md08 h3 {
	background-image: url(img_music_dance/08title.gif);
}
#music_dance #md09 h3 {
	background-image: url(img_music_dance/09title.gif);
}
#music_dance #md10 h3 {
	background-image: url(img_music_dance/10title.gif);
}
#music_dance .CourseInfo .leftbox li {
	border-color: #E20A16;
	background-image: url(img_music_dance/plus.gif);
}
#music_dance .CourseInfo .leftbox dt {
	background-image: url(img_music_dance/occupation.gif);
}
#music_dance .CourseInfo .leftbox dd {
	background-color: #FFDFDF;
}
.color_red {color: #FF0000;
}


/*movie_actor ページ 
--------------------------*/
#movie_actor h2 {
	background-image: url(img_movie_actor/title.gif);	
}
#movie_actor h4 {
	color: #FF6600;
}
#movie_actor #ma01 h3 {
	background-image: url(img_movie_actor/01title.gif);
}
#movie_actor #ma02 h3 {
	background-image: url(img_movie_actor/02title.gif);
}
#movie_actor #ma03 h3 {
	background-image: url(img_movie_actor/03title.gif);
}
#movie_actor #ma04 h3 {
	background-image: url(img_movie_actor/04title.gif);
}
#movie_actor #ma05 h3 {
	background-image: url(img_movie_actor/05title.gif);
}
#movie_actor #ma06 h3 {
	background-image: url(img_movie_actor/06title.gif);
}
#movie_actor .CourseInfo .leftbox li {
	border-color: #FF6600;
	background-image: url(img_movie_actor/plus.gif);
}
#movie_actor .CourseInfo .leftbox dt {
	background-image: url(img_movie_actor/occupation.gif);
}
#movie_actor .CourseInfo .leftbox dd {
	background-color: #FFDFCA;
}


/*technology ページ 
--------------------------*/
#technology h2 {
	background-image: url(img_technology/title.gif);	
}
#technology h4 {
	color: #660099;
}
#technology #tec01 h3 {
	background-image: url(img_technology/01title.gif);
}
#technology #tec02 h3 {
	background-image: url(img_technology/02title.gif);
}
#technology #tec03 h3 {
	background-image: url(img_technology/03title.gif);
}
#technology .CourseInfo .leftbox li {
	border-color: #660099;
	background-image: url(img_technology/plus.gif);
}
#technology .CourseInfo .leftbox dt {
	background-image: url(img_technology/occupation.gif);
}
#technology .CourseInfo .leftbox dd {
	background-color: #EBD7FF;
}
.color_purple {color: #660099;
}


/*eco ページ 
--------------------------*/
#eco h2 {
	background-image: url(img_eco/title.gif);	
}
#eco h4 {
	color: #288D2B;
}
#eco #eco01 h3 {
	background-image: url(img_eco/01title.gif);
}
#eco #eco02 h3 {
	background-image: url(img_eco/02title.gif);
}
#eco #eco03 h3 {
	background-image: url(img_eco/03title.gif);
}
#eco #eco04 h3 {
	background-image: url(img_eco/04title.gif);
}
#eco .CourseInfo .leftbox li {
	border-color: #288D2B;
	background-image: url(img_eco/plus.gif);
}
#eco .CourseInfo .leftbox dt {
	background-image: url(img_eco/occupation.gif);
}
#eco .CourseInfo .leftbox dd {
	background-color: #D9F4DA;
}
.color_green {color: #288D2B;
}

