#title{
background-color:#D1EEFF;
}

h1 span{
background-position:0 -120px;
}


.navi{
margin:0 0 30px 0;
padding:0;
position:relative;
border-bottom:1px solid #eaeaea;
}

/*枠線の色*/
.navi ul#year,
.navi ul#year li a.here,
.navi ul.month,
.navi ul.month li b{
border-color:#ccc;
}

/*背景色*/
.navi ul#year li a.here,
.navi ul.month{
background-color:#F1F9FA;
}
.navi ul.month li a,
.navi ul.month li b,
.navi ul.month li span{
border-color:#F1F9FA;
}
.navi ul#year li a.here{
border-bottom-color:#F1F9FA;
}





.navi ul#year{
margin:0;
padding:0;
font-size:108%;
text-align:center;
border-style:solid;
border-width:0 0 1px 0;
}

.navi ul.month{
margin:0;
padding:0;
font-size:108%;
text-align:center;
border-style:solid;
border-width:0 1px 1px 1px;
}

.navi ul#year li,
.navi ul.month li{
list-style:none;
display:inline;
margin:0;
padding:0;
}
.navi ul li a,
.navi ul li b,
.navi ul li span{
display:-moz-inline-box;/* firefox2 対応 */
display:inline-block;
padding:8px 5px;
font-weight:bold;
text-decoration:none;
border:1px #fff solid;
}

.navi ul.month li a,
.navi ul.month li b,
.navi ul.month li span{
font-weight:normal;
}

.navi ul.month li b{
border-color:#ddd;
background-color:#ddd;
}

.navi ul li span{
color:#aaa;
}

.navi ul li a:hover{
color:#333;
}

.navi ul#year li a.here{
position:relative;
top:1px;
color:#333;
cursor:default;
}

.navi ul.month li a.here{
color:#333;
cursor:default;
}



.item{
margin:0 0 30px 0;
padding:20px;
border:1px solid #eee;
}

#main .item h2{
margin:0 0 5px 0;
padding:0;
top:0;
left:0;
font-size:123.1%;
background:none;
border:0;
}

.item .course{
margin:0 0 10px 0;
padding:0;
text-align:right;
}

.item p{
margin:0;
padding:0;
}



#main .image h2,
.image .course,
.image p{
width:370px;
float:left;
}


.image .photo{
width:200px;
height:150px;
float:right;
background-repeat:no-repeat;
background-position:50% 50%;
}


#visual{
font-size:8px;
text-indent:-9999px;
display:block;
height:150px;
margin-top:20px;
margin-bottom:10px;
background-image:url(../img/graduate/visual.jpg);
overflow:hidden;
}

#graduate-finding{
font-size:8px;
text-indent:-9999px;
height:100px;
margin-bottom:20px;
background-image:url(../img/graduate/graduate-finding.gif);
}


#graduate-movie{text-align:center;}


#graduate-copy{
font-size:1px;
text-indent:-9999px;
height:270px;
background-image:url(../img/graduate/graduate-copy.gif);
margin:0 0 20px 0;
}

#graduate-banner{
padding-left:30px;
margin:0 0 30px 0;
}

	#graduate-banner li,#btn-graduate li{float:left;}
	
		#graduate-banner li a{
		width:430px;
		height:240px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		}
		
		#graduate-banner li#banner-advice a{background-image:url(../img/graduate/banner-advice.gif);}
		
		#graduate-banner li#banner-manual a{background-image:url(../img/graduate/banner-manual.gif);}

#btn-head{
font-size:1px;
text-indent:-9999px;
height:52px;
background-image:url(../img/graduate/btn-head.gif);
margin:0;
}

#btn-graduate{margin:0 0 30px 0;}

		#btn-graduate li a{
		width:180px;
		height:70px;
		display:block;
		text-indent:-9999px;
		overflow:hidden;
		}
		
		#btn-graduate li#btn-graduate-1 a{background-image:url(../img/graduate/btn-graduate-1.gif);}
		#btn-graduate li#btn-graduate-2 a{background-image:url(../img/graduate/btn-graduate-2.gif);}
		#btn-graduate li#btn-graduate-3 a{background-image:url(../img/graduate/btn-graduate-3.gif);}
		#btn-graduate li#btn-graduate-4 a{background-image:url(../img/graduate/btn-graduate-4.gif);}
		#btn-graduate li#btn-graduate-5 a{background-image:url(../img/graduate/btn-graduate-5.gif);}

h2#graduate-1 span{background-position:0 -150px;}
h2#graduate-2 span{background-position:0 -180px;}
h2#graduate-3 span{background-position:0 -210px;}
h2#graduate-4 span{background-position:0 -240px;}
h2#graduate-5 span{background-position:0 -270px;}

#main .page-menu{text-align:right; margin:0 0 50px 0;}

/*
.graduate-list{padding:0 15px;}

	.graduate-list li{
	font-size:93%;
	padding:0 0 5px 210px;
	background-position:0 0;
	background-repeat:no-repeat;
	margin:0 0 50px 0;
	}
	
	.graduate-list li.no-picture{padding-left:0; border-bottom:1px solid #CCC;}
	
	.graduate-list-3,.graduate-list-4{padding-left:130px !important;}

	.graduate-list-1{background-image:url(../img/graduate/graduate-list-1.jpg);}
	.graduate-list-2{background-image:url(../img/graduate/graduate-list-2.jpg);}
	.graduate-list-3{background-image:url(../img/graduate/graduate-list-3.jpg);}
	.graduate-list-4{background-image:url(../img/graduate/graduate-list-4.jpg);}
	.graduate-list-5{background-image:url(../img/graduate/graduate-list-5.jpg);}
	.graduate-list-6{background-image:url(../img/graduate/graduate-list-6.jpg);}
	.graduate-list-7{background-image:url(../img/graduate/graduate-list-7.jpg);}
	.graduate-list-8{background-image:url(../img/graduate/graduate-list-8.jpg);}
	.graduate-list-9{background-image:url(../img/graduate/graduate-list-9.jpg);}
	
	
		.graduate-list li p.teacher-comment{
		border-width:1px 0px 1px 0px;
        border-style:solid;
        border-color:#CCC;
		padding:45px 10px 10px 10px !important;
		background-image:url(../img/graduate/graduate-icon.gif);
		background-position:5px 5px;
		background-repeat:no-repeat;
		}
		
		.graduate-list li p.btn-graduate-works{
		margin-bottom:5px;
		}
		
			.graduate-list li p.btn-graduate-works a{
			float:right;
			width:150px;
			height:24px;
			font-size:8px;
			text-indent:-9999px;
			display:block;
			overflow:hidden;
			background-image:url(../img/graduate/btn-graduate-works.gif);
			background-repeat:no-repeat;
			background-position:0 0;
			}
	
*/