@charset "utf-8";
/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////



//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/



/* MAIN NAVI
****************************************************************************************************/	

div#header #mainNavi li#mn_dept a,
div#header #mainNavi li#mn_dept a:hover{background-position:left -40px;}


/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 CONTENTS

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/

/* main
****************************************************************************************************/

	div#main #pt_dept.pt_dept_index{margin-bottom:0px;}

	div#main #pt_dept dt{
		 background:url(img/bgdt_dept.gif) no-repeat left top;
		 text-indent:-9999px;
		 height:17px;
		 margin-bottom:10px;
	}
	
	

div#main .indexBox{
	overflow:hidden;
	width:660px;
	padding-top:20px;
	/*margin-bottom:30px;*/
}
	div#main .indexBox h2{
		height:45px;
		background-position:left top; 
		background-repeat:no-repeat;
		text-indent:-9999px;
		margin-bottom:5px;
	}

	
	
	div#main .indexBox.digital h2{ background-image:url(img/bgh2_digital.jpg); }
	div#main .indexBox.visual h2{ background-image:url(img/bgh2_visual.jpg); }
	div#main .indexBox.internet h2{ background-image:url(img/bgh2_internet.jpg); }
	div#main .indexBox.game h2{ background-image:url(img/bgh2_game.jpg); }
	div#main .indexBox.sound h2{ background-image:url(img/bgh2_sound.jpg); }
	
	
	
	div#main .indexBox_inner{ 
		margin-bottom:20px;
		overflow:hidden;
		width:660px;
		clear:both;
		}

		div#main .indexBox .indexBox_L{
			float:left;
			width:325px;
		}
		
		div#main .indexBox .indexBox_R{
			float:right;
			width:325px;
		}
		
			div#main .indexBox .indexBox_L .indexBox_title,
			div#main .indexBox .indexBox_R .indexBox_title{
				overflow:hidden;
				width:323px;
				height:25px;
				line-height:25px;
				background:url(img/bgh4.gif) no-repeat left top;
				margin-bottom:5px;
			}
			
			div#main .indexBox.digital .indexBox_L .indexBox_title,
			div#main .indexBox.digital .indexBox_R .indexBox_title{border-left:solid 2px #007EA8;}
			div#main .indexBox.visual .indexBox_L .indexBox_title,
			div#main .indexBox.visual .indexBox_R .indexBox_title{border-left:solid 2px #7A257C;}
			div#main .indexBox.internet .indexBox_L .indexBox_title,
			div#main .indexBox.internet .indexBox_R .indexBox_title{border-left:solid 2px #009B4E;}
			div#main .indexBox.game .indexBox_L .indexBox_title,
			div#main .indexBox.game .indexBox_R .indexBox_title{border-left:solid 2px #DE2731;}
			div#main .indexBox.sound .indexBox_L .indexBox_title,
			div#main .indexBox.sound .indexBox_R .indexBox_title{border-left:solid 2px #DE2731;}

			
				div#main .indexBox .indexBox_L .indexBox_title h3,
				div#main .indexBox .indexBox_R .indexBox_title h3{
					float:left;
					width:213px;
					font-weight:bold;
					font-size:110%;
					padding-left:5px;
				}
				
				div#main .indexBox .indexBox_L .indexBox_title a,
				div#main .indexBox .indexBox_R .indexBox_title a{
					float:right;
					font-size:90%;
					width:95px;
					margin-right:10px;
					text-align:center;

				}

				
				div#main .indexBox .indexBox_L dl,
				div#main .indexBox .indexBox_R dl{
					overflow:hidden;
					width:325px;
				}
					div#main .indexBox .indexBox_L dt,
					div#main .indexBox .indexBox_R dt{
						float:left;
						width:100px;
					}
						div#main .indexBox .indexBox_L dt img,
						div#main .indexBox .indexBox_R dt img{ /*border:solid 3px #FFFFFF;*/ }
						div#main .indexBox .indexBox_L dt a,
						div#main .indexBox .indexBox_R dt a{
							display:block;
							padding:3px;
							background-color:#ECECEC;
						}
						div#main .indexBox .indexBox_L dt a:hover,
						div#main .indexBox .indexBox_R dt a:hover{ background-color:#B2B2B2; }
						
					div#main .indexBox .indexBox_L dd,
					div#main .indexBox .indexBox_R dd{
						float:right;
						width:210px;
						padding-right:5px;
					}
		
		
	div#main .design{
		 margin-top:30px;
	 }	
	
		div#main .design h2{ 
			background:url(img/bgh2_design.jpg) no-repeat left top;
			height:45px; 
			text-indent:-9999px;
			margin-bottom:10px;
			}
			
			
		div#main .design div{
			 border:solid 1px #DDD;
			 overflow:hidden;
			 width:638px;
			 padding:10px;
		 }		
			div#main .design h3{ 
				background:url(img/bgh3_design.gif) no-repeat left top;
				height:34px; 
				text-indent:-9999px;
				margin-bottom:10px;
				}	
			div#main .design dl{
			 overflow:hidden;
			 width:638px;
			}
				div#main .design dt{
					float:left;
					width:179px;
				}
					div#main .design dt a{
						display:block;
						width:173px;
						padding:3px;
						background-color:#ECECEC;
					}
					div#main .design dt a:hover{ background-color:#B2B2B2; }	
					
				div#main .design dd{
					float:right;
					width:449px;
					line-height:1.6;
				}	
			
					div#main .design dd span{ 
						background:url(../common/img/icon_blankwindow.gif) no-repeat right center;
						padding-left:17px;
					}
		
		
		
		
				
/* 
digital/cg.html
digital/dtp.html
visual/visual.html
visual/animation.html
internet/web_d.html
internet/web_p.html
internet/it.html
game/plan.html
game/graphic.html
game/program.html
sound/d_sound.html
sound/g_sound.html
****************************************************************************************************/
		div#main #pt_dept #pt_digital h1#cg,
		div#main #pt_dept #pt_digital h1#dtp,
		div#main #pt_dept #pt_visual h1#visual,
		div#main #pt_dept #pt_visual h1#animation,
		div#main #pt_dept #pt_internet h1#web_d,
		div#main #pt_dept #pt_internet h1#web_p,
		div#main #pt_dept #pt_internet h1#it,
		div#main #pt_dept #pt_game h1#plan,
		div#main #pt_dept #pt_game h1#graphic,
		div#main #pt_dept #pt_game h1#program,
		div#main #pt_dept #pt_sound h1#d_sound,
		div#main #pt_dept #pt_sound h1#g_sound{
			float:left;
			width:255px;
			height:237px;
			background-position:left top; 
			background-repeat:no-repeat;
			text-indent:-9999px;
		}
	
		div#main #pt_dept #pt_digital h1#cg{       background-image:url(digital/img/bgh3_cg.jpg); }
		div#main #pt_dept #pt_digital h1#dtp{      background-image:url(digital/img/bgh3_dtp.jpg); }
		div#main #pt_dept #pt_visual h1#visual{    background-image:url(visual/img/bgh3_visual.jpg); }
		div#main #pt_dept #pt_visual h1#animation{ background-image:url(visual/img/bgh3_animation.jpg); }
		div#main #pt_dept #pt_internet h1#web_d{   background-image:url(internet/img/bgh3_web_d.jpg);  }
		div#main #pt_dept #pt_internet h1#web_p{   background-image:url(internet/img/bgh3_web_p.jpg); }
		div#main #pt_dept #pt_internet h1#it{      background-image:url(internet/img/bgh3_it.jpg); }
		div#main #pt_dept #pt_game h1#plan{        background-image:url(game/img/bgh3_plan.jpg); }
		div#main #pt_dept #pt_game h1#graphic{     background-image:url(game/img/bgh3_graphic.jpg); }
		div#main #pt_dept #pt_game h1#program{     background-image:url(game/img/bgh3_program.jpg); }
		div#main #pt_dept #pt_sound h1#d_sound{    background-image:url(sound/img/bgh3_d_sound.jpg); }
		div#main #pt_dept #pt_sound h1#g_sound{    background-image:url(sound/img/bgh3_g_sound.jpg); }
	
		div#main #pt_dept #pt_digital p,
		div#main #pt_dept #pt_visual p,
		div#main #pt_dept #pt_internet p,
		div#main #pt_dept #pt_game p,
		div#main #pt_dept #pt_sound p{
			float:left;
			width:405px;
		}
		
		
		
		div#main #class h2,
		div#main #lecture h2,
		div#main #works h2{
			font-weight:bold;
			font-size:125%;
			background:url(../common/img/bgh4_line.gif) no-repeat left bottom;
			padding-bottom:5px;
			margin-bottom:10px;
		}

/****************************************************************************************************/




	div#main #pt_dept div{
		overflow:hidden;
		width:660px;
		margin-bottom:5px;
	}


			
		div#main #pt_dept p{font-size:110%;}
		
		
		
		
	div#main #mezasu,
	div#main #class{margin-bottom:50px;}
	div#main #works{margin-top:50px;}
		
		
		
	/* めざす職業、資格 */
	div#main #mezasu{
		overflow:hidden;
		width:660px;
		background-position:left bottom; 
		background-repeat:no-repeat;
		padding-bottom:30px;
	}
	
	div#main.digital #mezasu{ background-image:url(img/bg_mezasu_digital.gif); }
	div#main.visual #mezasu{ background-image:url(img/bg_mezasu_visual.gif); }
	div#main.internet #mezasu{ background-image:url(img/bg_mezasu_internet.gif); }
	div#main.game #mezasu{ background-image:url(img/bg_mezasu_game.gif); }
	div#main.sound #mezasu{ background-image:url(img/bg_mezasu_sound.gif); }
	
	
		div#main #mezasu #job,
		div#main #mezasu #license{
			width:325px;
			background-position:left top; 
			background-repeat:no-repeat;
			background-color:#F0F9FB;
		}	
		
		div#main.digital #mezasu #job,
		div#main.digital #mezasu #license{ background-color:#F0F9FB; }
		div#main.visual #mezasu #job,
		div#main.visual #mezasu #license{ background-color:#F9F7F9; }
		div#main.internet #mezasu #job,
		div#main.internet #mezasu #license{ background-color:#EEF9E4; }
		div#main.game #mezasu #job,
		div#main.game #mezasu #license{ background-color:#FFF6F6; }
		div#main.sound #mezasu #job,
		div#main.sound #mezasu #license{ background-color:#FFF9EF; }
		
		
		div#main #mezasu #job{ float:left; }
		
		div#main #mezasu #license{ float:right; }
		
		div#main.digital #mezasu #job,
		div#main.digital #mezasu #license{ background-image:url(img/bgh4_mezasu_digital.jpg); }
		div#main.visual #mezasu #job,
		div#main.visual #mezasu #license{ background-image:url(img/bgh4_mezasu_visual.jpg); }
		div#main.internet #mezasu #job,
		div#main.internet #mezasu #license{ background-image:url(img/bgh4_mezasu_internet.jpg); }
		div#main.game #mezasu #job,
		div#main.game #mezasu #license{ background-image:url(img/bgh4_mezasu_game.jpg); }
		div#main.sound #mezasu #job,
		div#main.sound #mezasu #license{ background-image:url(img/bgh4_mezasu_sound.jpg); }
		
			div#main #mezasu #job h2,
			div#main #mezasu #license h2{
				height:39px;
				line-height:37px;
				color:#FFFFFF;
				font-weight:bold;
				font-size:120%;
				padding-left:15px;
			}			
			
			div#main #mezasu #job ul{padding:15px 0 0 15px;}
			div#main #mezasu #license ul{padding:15px 15px 0 15px;}
			
				div#main #mezasu #job li,
				div#main #mezasu #license li{
					background:url(img/icon_maru.gif) no-repeat left center;
				}
				div#main #mezasu #job li{
					padding-left:0px;　/*ie5.5 below*/
					text-indent:-6px;
					voice-family:"\"}\"";
					voice-family:inherit;
					padding-left:10px;　/*ie6 after*/
					text-indent:0px;
					}
				div#main #mezasu #license li{padding-left:10px; }
					
					
			div#main #mezasu #job ul.floatLeft{
				width: 205px;　/*ie5.5 below*/
				voice-family:"\"}\"";
				voice-family:inherit;
				width: 175px;　/*ie6 after*/
				}
			div#main #mezasu #job dl.floatRight{
				width:135px;
				margin-top:15px;
			}
			
			
				div#main #mezasu #job li.lastChild{
					background:url(../common/img/icon_ar6.gif) no-repeat left center;
					padding-left:0;
				}
				div#main #mezasu #job li.lastChild {margin-top:5px;}
				
					div#main #mezasu #job li.lastChild a{background:none;}
					div#main #mezasu #job li.lastChild a{
						padding-left:7px;　/*ie5.5 below*/
						voice-family:"\"}\"";
						voice-family:inherit;
						padding-left:17px;　/*ie6 after*/
						}
				

	/* 主な授業内容 */
	div#main #class{}

		div#main #class h2{}
		div#main #class ul{
			overflow:hidden;
			width:660px;
			margin-bottom:25px;
		}
		
			div#main #class li.class_L{
				float:left;
				width:315px;
				padding-left:5px;
			}
			div#main #class li.class_R{
				float:right;
				width:315px;
				padding-right:5px;
			}	
				
				div#main #class dl{}
				
					div#main #class dt{font-weight:bold;}
					/**/
					div#main #class dt{
					padding-left:5px;
					padding-top:3px;
					padding-bottom:3px;
					margin-bottom:5px;
					}
					div#main.digital #class dt{ color:#FFFFFF; background-color:#50AFC3; border-bottom:solid 4px #A4D5E0;}
					div#main.visual #class dt{ color:#FFFFFF; background-color:#906AB3; border-bottom:solid 4px #D5C7E2;}
					div#main.internet #class dt{ color:#FFFFFF; background-color:#5AB74C; border-bottom:solid 4px #A9D9A2;}
					div#main.game #class dt{ color:#FFFFFF; background-color:#EE533F; border-bottom:solid 4px #F6A59B;}
					div#main.sound #class dt{ color:#FFFFFF; background-color:#F7AD32; border-bottom:solid 4px #FBD494;}
					/*
					div#main.digital #class dt{ color:#FFFFFF; background-color:#50AFC3;}
					div#main.visual #class dt{ color:#FFFFFF; background-color:#906AB3;}
					div#main.internet #class dt{ color:#FFFFFF; background-color:#5AB74C;}
					div#main.game #class dt{ color:#FFFFFF; background-color:#EE533F;}
					div#main.sound #class dt{ color:#FFFFFF; background-color:#F7AD32;}
					*/
					div#main #class dd{line-height:1.3;}



	/* 年次別実習・講義内容 */
	div#main #lecture{
		overflow:hidden;
		width:660px;
		background:url(img/bg_dept_lecture.gif) no-repeat left bottom;
		padding-bottom:30px;
	}
		div#main #lecture h2{}
		div#main #lecture .first{
			float:left;
			width:325px;
		}
		
		div#main #lecture .second{
			float:right;
			width:325px;
		}
		
			div#main #lecture h3{
				width:96px;
				height:21px;
				line-height:21px;
				text-align:center;
				font-weight:bold;
				color:#FFFFFF;
				margin-bottom:5px;
				background-position:left top; 
				background-repeat:no-repeat;
			}
			div#main.digital #lecture h3{ background-image:url(img/bgh5_lecture_digital.jpg); }
			div#main.visual #lecture h3{ background-image:url(img/bgh5_lecture_visual.jpg); }
			div#main.internet #lecture h3{ background-image:url(img/bgh5_lecture_internet.jpg); }
			div#main.game #lecture h3{ background-image:url(img/bgh5_lecture_game.jpg); }
			div#main.sound #lecture h3{ background-image:url(img/bgh5_lecture_sound.jpg); }

			
			div#main #lecture p{
				min-height:60px;
				height: auto !important;
				height: 60px;
				}

			div#main #lecture table{
				border-collapse: separate;
				border-spacing: 0;
				border-top:solid 1px #AAAAAA;
				border-right:solid 1px #AAAAAA;
				min-height:300px;
				width:325px;
			}
			
				div#main #lecture th,
				div#main #lecture td{
					border-left:solid 1px #AAAAAA;
					font-size:85%;
					line-height:1.2;
					width:101px;
				}
				div#main #lecture th{
					text-align:center;
					font-weight:bold;
					padding:10px 3px;
					border-bottom:solid 1px #AAAAAA;
				}
				

				div#main.digital #lecture th{ color:#555; background-color:#A4D5E0;}
				div#main.visual #lecture th{ color:#555; background-color:#D5C7E2; }
				div#main.internet #lecture th{ color:#555; background-color:#A9D9A2; }
				div#main.game #lecture th{ color:#555; background-color:#F6A59B; }
				div#main.sound #lecture th{ color:#555; background-color:#FBD494; }

				div#main #lecture td{ padding:5px 3px; }



	/* 学生作品 */
	div#main #works{
		overflow:hidden;
		width:660px;
	}
		div#main #works h2{}
		div#main #works dl{}

			div#main #works dl.works_L{
				float:left;
				width:325px;
			}

			div#main #works dl.works_R{
				float:right;
				width:325px;
			}


					div#main #works dt img{
						background-color:#ECECEC;
						padding:1px;
					}