@charset "utf-8";

/**************学科編成共通設定*******************/

/* コンテンツサイドメニュー01 */
#subjectP01 dt{
	background-image:url(../subject/images/side_menu_subject01.gif);}
#subjectP01 dd a:hover{
	background-image:url(../subject/images/side_menu_subject01_ya.gif);
	color:#ff3366;}

/* コンテンツサイドメニュー02 */
#subjectP02 dt{
	background-image:url(../subject/images/side_menu_subject02.gif);}
#subjectP02 dd a:hover{
	background-image:url(../subject/images/side_menu_subject01_ya.gif);
	color:#ff3366;}
	
/* コンテンツサイドメニュー03 */
#subjectP03 dt{
	background-image:url(../subject/images/side_menu_subject03.gif);}
#subjectP03 dd a:hover{
	background-image:url(../subject/images/side_menu_subject02_ya.gif);
	color:#FF9900;}
	
/* コンテンツサイドメニュー04 */
#subjectP04 dt{
	background-image:url(../subject/images/side_menu_subject04.gif);}
#subjectP04 dd a:hover{
	background-image:url(../subject/images/side_menu_subject03_ya.gif);
	color:#66CCFF;}

/* コンテンツサイドメニュー05 */
#subjectP05 dt{
	background-image:url(../subject/images/side_menu_subject05.gif);}
#subjectP05 dd a:hover{
	background-image:url(../subject/images/side_menu_subject04_ya.gif);
	color:#99CC33;}

/* コンテンツサイドメニュー06 */
#subjectP06 dt{
	background-image:url(../subject/images/side_menu_subject06.gif);}
#subjectP06 dd a:hover{
	background-image:url(../subject/images/side_menu_subject05_ya.gif);
	color:#FFFF00;}
	
	
/************** index設定 *******************/
#subject_index{
	width:730px !important;
	width /**/:768px;
	height:809px !important;
	height /**/:869px;
	margin:0 19px;
	background-image:url(../subject/images/corse_index_bg.gif);
	background-repeat:no-repeat;
	position:relative;}
#subject_index a{width:202px; height:53px; display:block;}
#subject_index span{ display:none;}
#subject_index p{width:202px; height:53px; position:absolute;}

/*ボタン個別*/
.subject_index_btn01{
	left: 0;
	top: 123px;}
.subject_index_btn01 a{background-image:url(../subject/images/btn_ftechnical_a.gif);}
.subject_index_btn01 a:hover{ background-image:url(../subject/images/btn_ftechnical_b.gif);}

.subject_index_btn02{
	left: 0;
	top: 183px;}
.subject_index_btn02 a{background-image:url(../subject/images/btn_designer_a.gif);}
.subject_index_btn02 a:hover{ background-image:url(../subject/images/btn_designer_b.gif);}

.subject_index_btn03{
	left: 264px;
	top: 41px;}
.subject_index_btn03 a{background-image:url(../subject/images/btn_technical_a.gif);}
.subject_index_btn03 a:hover{ background-image:url(../subject/images/btn_technical_b.gif);}

.subject_index_btn04{
	left: 264px;
	top: 99px;}
.subject_index_btn04 a{background-image:url(../subject/images/btn_pattern_a.gif);}
.subject_index_btn04 a:hover{ background-image:url(../subject/images/btn_pattern_b.gif);}

.subject_index_btn05{
	left: 264px;
	top: 157px;}
.subject_index_btn05 a{background-image:url(../subject/images/btn_bridal_a.gif);}
.subject_index_btn05 a:hover{ background-image:url(../subject/images/btn_bridal_b.gif);}

.subject_index_btn06{
	left: 264px;
	top: 215px;}
.subject_index_btn06 a{background-image:url(../subject/images/btn_fdesiner_a.gif);}
.subject_index_btn06 a:hover{ background-image:url(../subject/images/btn_fdesiner_b.gif);}

.subject_index_btn07{
	left: 264px;
	top: 273px;}
.subject_index_btn07 a{background-image:url(../subject/images/btn_stage_a.gif);}
.subject_index_btn07 a:hover{ background-image:url(../subject/images/btn_stage_b.gif);}

.subject_index_btn08{
	left: 527px;
	top: 150px;}
.subject_index_btn08 a{background-image:url(../subject/images/btn_cd_a.gif);}
.subject_index_btn08 a:hover{ background-image:url(../subject/images/btn_cd_b.gif);}

.subject_index_btn09{
	left: 0px;
	top: 382px;}
.subject_index_btn09 a{background-image:url(../subject/images/btn_stylist_a.gif);}
.subject_index_btn09 a:hover{ background-image:url(../subject/images/btn_stylist_b.gif);}

.subject_index_btn10{
	left: 264px;
	top: 352px;}
.subject_index_btn10 a{background-image:url(../subject/images/btn_coordinator_a.gif);}
.subject_index_btn10 a:hover{ background-image:url(../subject/images/btn_coordinator_b.gif);}

.subject_index_btn11{
	left: 264px;
	top: 410px;}
.subject_index_btn11 a{background-image:url(../subject/images/btn_makeup_a.gif);}
.subject_index_btn11 a:hover{ background-image:url(../subject/images/btn_makeup_b.gif);}

.subject_index_btn12{
	left: 528px;
	top: 423px;}
.subject_index_btn12 a{background-image:url(../subject/images/btn_cb_a.gif);}
.subject_index_btn12 a:hover{ background-image:url(../subject/images/btn_cb_b.gif);}

.subject_index_btn13{
	left: 528px;
	top: 209px;}
.subject_index_btn13 a{background-image:url(../subject/images/btn_employment_a.gif);}
.subject_index_btn13 a:hover{ background-image:url(../subject/images/btn_employment_b.gif);}

.subject_index_btn14{
	left: 0px;
	top: 556px;}
.subject_index_btn14 a{background-image:url(../subject/images/btn_fbusiness_a.gif);}
.subject_index_btn14 a:hover{ background-image:url(../subject/images/btn_fbusiness_b.gif);}

.subject_index_btn15{
	left: 264px;
	top: 499px;}
.subject_index_btn15 a{background-image:url(../subject/images/btn_shop_a.gif);}
.subject_index_btn15 a:hover{ background-image:url(../subject/images/btn_shop_b.gif);}

.subject_index_btn16{
	left: 264px;
	top: 557px;}
.subject_index_btn16 a{background-image:url(../subject/images/btn_adviser_a.gif);}
.subject_index_btn16 a:hover{ background-image:url(../subject/images/btn_adviser_b.gif);}

.subject_index_btn17{
	left: 264px;
	top: 615px;}
.subject_index_btn17 a{background-image:url(../subject/images/btn_brand_a.gif);}
.subject_index_btn17 a:hover{ background-image:url(../subject/images/btn_brand_b.gif);}

.subject_index_btn18{
	left: 0px;
	top: 727px;}
.subject_index_btn18 a{background-image:url(../subject/images/btn_arts_a.gif);}
.subject_index_btn18 a:hover{ background-image:url(../subject/images/btn_arts_b.gif);}

.subject_index_btn19{
	left: 264px;
	top: 698px;}
.subject_index_btn19 a{background-image:url(../subject/images/btn_silver_a.gif);}
.subject_index_btn19 a:hover{ background-image:url(../subject/images/btn_silver_b.gif);}

.subject_index_btn20{
	left: 264px;
	top: 756px;}
.subject_index_btn20 a{background-image:url(../subject/images/btn_leathr_a.gif);}
.subject_index_btn20 a:hover{ background-image:url(../subject/images/btn_leathr_b.gif);}

.subject_index_btn21{
	left: 528px;
	top: 698px;}
.subject_index_btn21 a{background-image:url(../subject/images/btn_cac_a.gif);}
.subject_index_btn21 a:hover{ background-image:url(../subject/images/btn_cac_b.gif);}

.subject_index_btn22{
	left: 528px;
	top: 482px;}
.subject_index_btn22 a{background-image:url(../subject/images/btn_employment_a.gif);}
.subject_index_btn22 a:hover{ background-image:url(../subject/images/btn_employment_b.gif);}

.subject_index_btn23{
	left: 528px;
	top: 756px;}
.subject_index_btn23 a{background-image:url(../subject/images/btn_employment_a.gif);}
.subject_index_btn23 a:hover{ background-image:url(../subject/images/btn_employment_b.gif);}




/************** 学科設定 *******************/
.subject_box{
	width:770px;
	padding:0;
	margin:60px 0 0 0;}
.subject_box_inner{
	width:724px !important;
	width /**/:770px;
	margin:0 23px;}

.subject_imgBOX{
	width:290px;
	height:352px;
	float:right;}
.subject_txtBOX{
	width:407px;
	margin:0;
	float:left;
	padding:25px 0 0 0;}
.subject_txt{
	width:290px !important;
	width /**/:407px;
	padding:0 0 10px 117px;
	margin:0;
	background-repeat:no-repeat;
	background-position:0 bottom;}
.subject_ftBG{background-image:url(../subject/images/ft_bg.jpg); background-position:bottom;}
.subject_paBG{background-image:url(../subject/images/pa_bg.jpg); background-position:bottom;}
.subject_brBG{background-image:url(../subject/images/br_bg.jpg); background-position:bottom;}
.subject_fdBG{background-image:url(../subject/images/fd_bg.jpg); background-position:bottom;}
.subject_scBG{background-image:url(../subject/images/sc_bg.jpg); background-position:bottom;}
.subject_stBG{background-image:url(../subject/images/st_bg.jpg); background-position:bottom;}
.subject_msBG{background-image:url(../subject/images/ms_bg.jpg); background-position:bottom;}
.subject_spBG{background-image:url(../subject/images/sp_bg.jpg); background-position:bottom;}
.subject_faBG{background-image:url(../subject/images/fa_bg.jpg); background-position:bottom;}
.subject_bpBG{background-image:url(../subject/images/bp_bg.jpg); background-position:bottom;}
.subject_sjBG{background-image:url(../subject/images/sj_bg.jpg); background-position:bottom;}
.subject_lwBG{background-image:url(../subject/images/lw_bg.jpg); background-position:bottom;}
.subject_crdBG{background-image:url(../subject/images/crd_bg.jpg); background-position:bottom;}
.subject_crbBG{background-image:url(../subject/images/crb_bg.jpg); background-position:bottom;}
.subject_craBG{background-image:url(../subject/images/cra_bg.jpg); background-position:bottom;}

.subject_picBOX{
	width:724px;
	margin:10px 0 20px 0;
	padding:0;}
p.subject_pic01{
	width:175px !important;
	width /**/:182px;
	margin:0 8px 0 0;
	padding:0;
	float:left;}
.subject_pic01 img{ margin:0;}
p.subject_pic02{
	width:175px;
	margin:0;
	padding:0;
	float:right;}
.subject_schedule01{
	width:357px;
	float:left;
	margin:0;}
.subject_schedule02{
	width:357px;
	float:right;
	margin:0;}
.subject_01{
	width:232px;
	float:left;
	margin:0 14px 0 0;}
.subject_02{
	width:232px;
	float:right;}
.subject_03{
	width:355px;
	float:left;}
.subject_04{
	width:355px;
	float:right;}
.subject_01 h5, .subject_02 h5{ margin:0 0 0.5em 0;}
.subject_01 p, .subject_02 p{ font-size:80%;}

.subject_btn01{
	width:336px !important;
	width /**/:770px;
	padding:20px 217px;
	margin:0 0 10px 0;
	border-bottom:dotted 1px #999;
	border-top:dotted 1px #999;}
.subject_btn01 a{
	width:336px;
	height:42px;
	background-image:url(../subject/images/corse_btn01.gif);
	display:block;}
.subject_btn01 span{display:none;}
.subject_btn01 a:hover{background-position:0 -42px;}

.subject_pagetop{
	width:340px;
	float:right;
	font-size:10px;}
.subject_pagetop a{
	width:81px;
	height:17px;
	display:block;
	float:right;
	background-image:url(../images/pagetop_btn.gif);
	background-repeat:no-repeat;}
.subject_pagetop a:hover{ background-position:0 -17px;}
.subject_pagetop span{ display:none;}


/*服飾造形コメント設定*/
.subject_coment01_top{
	width:406px;
	height:10px;
	min-height:10px;
	background-image:url(../subject/images/coment_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;}
.subject_coment01_mid{
	width:356px !important;
	width /**/:406px;
	padding:0 25px;
	margin:0;
	background-image:url(../subject/images/coment_mid.gif);
	background-repeat:repeat-y;}
.subject_coment01_bt{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment_bt.gif);
	background-repeat:no-repeat;
	background-position:0 0;}
.comment01_read{
	width:130px;
	color:#FF3366;
	font-weight:bold;
	font-size:14px;
	float:left;
	margin:0;
	padding:0;}
.comment01_txt{
	width:215px;
	color:#FF3366;
	font-size:12px;
	float:right;
	margin:0;
	padding:0;}
	
/*スタイリストコメント設定*/
.subject_coment02_top{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment02_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;}
.subject_coment02_mid{
	width:356px !important;
	width /**/:406px;
	padding:0 25px;
	margin:0;
	background-image:url(../subject/images/coment02_mid.gif);
	background-repeat:repeat-y;}
.subject_coment02_bt{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment02_bt.gif);
	background-repeat:no-repeat;
	background-position:0 0;}
.comment02_read{
	width:130px;
	color:#FF6600;
	font-weight:bold;
	font-size:14px;
	float:left;
	margin:0;
	padding:0;}
.comment02_txt{
	width:215px;
	color:#FF6600;
	font-size:12px;
	float:right;
	margin:0;
	padding:0;}
	
/*ファッションビジネスコメント設定*/
.subject_coment03_top{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment03_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;}
.subject_coment03_mid{
	width:356px !important;
	width /**/:406px;
	padding:0 25px;
	margin:0;
	background-image:url(../subject/images/coment03_mid.gif);
	background-repeat:repeat-y;}
.subject_coment03_bt{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment03_bt.gif);
	background-repeat:no-repeat;
	background-position:0 0;}
.comment03_read{
	width:130px;
	color:#09C;
	font-weight:bold;
	font-size:14px;
	float:left;
	margin:0;
	padding:0;}
.comment03_txt{
	width:215px;
	color:#09C;
	font-size:12px;
	float:right;
	margin:0;
	padding:0;}

/*アーツコメント設定*/
.subject_coment04_top{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment04_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;}
.subject_coment04_mid{
	width:356px !important;
	width /**/:406px;
	padding:0 25px;
	margin:0;
	background-image:url(../subject/images/coment04_mid.gif);
	background-repeat:repeat-y;}
.subject_coment04_bt{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment04_bt.gif);
	background-repeat:no-repeat;
	background-position:0 0;}
.comment04_read{
	width:130px;
	color:#390;
	font-weight:bold;
	font-size:14px;
	float:left;
	margin:0;
	padding:0;}
.comment04_txt{
	width:215px;
	color:#390;
	font-size:12px;
	float:right;
	margin:0;
	padding:0;}
	
/*クリエイターコメント設定*/
.subject_coment05_top{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment05_top.gif);
	background-repeat:no-repeat;
	background-position:bottom;}
.subject_coment05_mid{
	width:356px !important;
	width /**/:406px;
	padding:0 25px;
	margin:0;
	background-image:url(../subject/images/coment05_mid.gif);
	background-repeat:repeat-y;}
.subject_coment05_bt{
	width:406px;
	height:10px;
	background-image:url(../subject/images/coment05_bt.gif);
	background-repeat:no-repeat;
	background-position:0 0;}
.comment05_read{
	width:130px;
	color:#F90;
	font-weight:bold;
	font-size:14px;
	float:left;
	margin:0;
	padding:0;}
.comment05_txt{
	width:215px;
	color:#F90;
	font-size:12px;
	float:right;
	margin:0;
	padding:0;}

.subject_creatorTXT01{
	border-bottom:solid 1px #FC0;
	border-top:solid 1px #FC0;
	padding:1em 0;
	margin:0 0 1em 0;
	text-align:center;
	font-weight:bold;}
.subject_creatorTXT02{
	margin:0;
	font-size:80%;}
.subject_creatorTXT03{
	border-bottom:solid 1px #FC0;
	border-top:solid 1px #FC0;
	padding:1em 0;
	margin:0 0 1em 0;}