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


#container	{
	border-top: none;
	font:"メイリオ","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin-top: 75px;
	background: fff5f5;
}



#info		{
			float: left;
			width: 600px;
			height: 500px;
			background-color:#FFF;
			overflow-y: scroll;
			-webkit-overflow-scrolling: touch;
			overflow: hidden;
			clear:both;
			margin-top:5px;
}

.text_pc::-webkit-scrollbar{ 
   width: 15px;
}

#info h2	{
			background-image:url(../image/new/info.jpg) ;	
}

#info dl	{
			padding: 10px;
			border-bottom: 1px dashed #999;
}

#info dl dt	{
			margin-left: 10px;
}

#info dl dd	{
			margin-left: 20px;
}

h2			{
			font-size: 100%;
			color: #FFF;
			padding: 5px;
			}
		
#banner	{
			width:290px;
			height:750px;
			float:right;
			margin: 5px;
}

.banner1 a:hover	{
			background:url(../image/2018concert-h.jpg) no-repeat;
}

.banner2 a:hover	{
			background:url(../image/taiken-h.jpg) no-repeat;
}

.banner3 a:hover	{
			background:url(../image/toiawase-h.jpg) no-repeat;
}

#course		{
			width: 600px;
			height: 350px;
			margin-top:5px;
			
}

	
#course ul li		{
			float: left;
}



#course	h2{
			margin-top:10px;
			background-image:url(../image/new/info.jpg);
}

.course01 a		{
			background:url(../image/new/course01.jpg) no-repeat;
			width: 150px;
			height: 100px;
			display: block;
}
.course01 a:hover	{
			background: url(../image/new/course01-h.jpg) no-repeat;
}

.course02 a		{
			background:url(../image/new/course02.jpg) no-repeat;
			width: 150px;
			height: 100px;
			display: block;
}
.course02 a:hover	{
			background: url(../image/new/course02-h.jpg) no-repeat;
}

.course03 a		{
			background:url(../image/new/course03.jpg) no-repeat;
			width: 150px;
			height: 100px;
			display: block;
}
.course03 a:hover	{
			background: url(../image/new/course03-h.jpg) no-repeat;
}

.course04 a		{
			background:url(../image/new/course04.jpg) no-repeat;
			width: 150px;
			height: 100px;
			display: block;
}
.course04 a:hover	{
			background: url(../image/new/course04-h.jpg) no-repeat;
}

.course05 a		{
			background:url(../image/new/course05.jpg) no-repeat;
			width: 150px;
			height: 100px;
			display: block;
}
.course05 a:hover	{
			background: url(../image/new/course05-h.jpg) no-repeat;
}

.course06 a		{
			background:url(../image/new/course06.jpg) no-repeat;
			width: 150px;
			height: 100px;
			display: block;
}
.course06 a:hover	{
			background: url(../image/new/course06-h.jpg) no-repeat;
}
.course07 a		{
			background:url(../image/new/course07.jpg) no-repeat;
			width: 150px;
			height: 100px;
			display: block;
}
.course07 a:hover	{
			background: url(../image/new/course07-h.jpg) no-repeat;
}

.course08 a		{
			background:url(../image/new/course08.jpg) no-repeat;
			width: 150px;
			height: 100px;
			display: block;
}
.course08 a:hover	{
			background: url(../image/new/course08-h.jpg) no-repeat;
}