@charset "Shift_JIS";


/*-----------------------------------------------------
	トップページ用
-------------------------------------------------------*/
#ContentsBG	{
	background:#F5F7E6;
/*	background:url(images/topBg.jpg) repeat-x top;*/
	}



#Contents #topMain	{
	float:left;
	background:url(images/topMainBg.jpg) no-repeat top left;
	height:290px;
	width:670px;
	margin-bottom:5px;
	}

	#Contents #topMain #image	{
		position:relative;
		width:670px;
		height:257px;
		}

		#Contents #topMain #image img {position:absolute; top:0px; left:0px}


	
	#Contents #topMain ul	{
		list-style:none;
		margin-left:10px;
		}
		
	#Contents #topMain ul li	{
		background:url(images/topMainArrow.jpg) no-repeat center left;
		float:left;
		margin-right:0px;
		margin-left:7px;
		padding:5px 10px 5px 25px;
		border-right:#643971 1px solid;
		color:#643971;
		}

		#Contents #topMain ul li a	{
			color:#643971;
			}

#Contents #topWeek	{
	float:right;
	height:290px;
	width:270px;
	margin-bottom:5px;
	}

	#Contents #topWeek #topWeekCheck	{
		background:url(images/topWeekBg.jpg) no-repeat top left;
		height:205px; /*235*/
		padding:15px;
		}

		#Contents #topWeek #topWeekCheck img	{	margin-bottom:10px;	}
	
		#Contents #topWeek #topWeekCheck a	{
			background:url(images/topWeekArrow.jpg) no-repeat center left;
			padding:5px 10px 5px 25px;
			color:#643971;
			}



#Contents #topKnow	{
	clear:both;
	width:950px;
	margin-bottom:5px;
	}

	
	#Contents #topKnow ul	{
		list-style:none;
		}
		
	#Contents #topKnow ul li	{
		float:left;
		margin-right:0px;
		}

		#Contents #topKnow ul li img	{	vertical-align:bottom;	}


#Contents #Main	{
	margin-bottom:0;
	}

	#Contents #Main #topInformation	{
		background:url(images/topInfoBg.jpg) no-repeat top left;
		width:640px; /*670*/
	/*	height:415px; 445*/
		/*height:275px; 305*/
		height:428px; /*458*/

		
		
		margin-bottom:10px;
		padding:15px;
		}

		#Contents #Main #topInformation ul	{
			list-style:none;
			float:right;
			margin-bottom:21px;
			}
			
		#Contents #Main #topInformation ul li	{
			float:left;
			margin-right:0px;
			margin-left:3px;
			}

	
	#Contents #Main #topYoutube	{
		background:url(images/topYoutubeBg.jpg) no-repeat top left;
		width:655px; /*670*/
		/*height:157px;  217*/
		height:169px; /* 217*/


/*		padding:13px 0 0 15px;*/

/*		padding:62px 0 0 15px;*/

		padding:0px 0 0 15px;

		font-size:90%;
		overflow:hidden;
		}

		#ViewArea{
			width:600px;
		/*	height:100px;*/
			overflow:hidden;
			float:left;
			z-index:1;
			margin:0 3px;
			position:relative;
			}
				
			#ScrollArea{
				width:auto;
				position:relative;
				z-index:2;
				}
				
				#ScrollArea li{
					float:left;
					position:relative;	
					padding:0px 0px 2px 0px;
			/*		text-align:center;*/
					list-style:none;
					width:165px;
					}
				
				#ScrollArea p{
				/*	font-size:12px;*/
					padding:0px 5px 0px 0px;
					line-height:130%;
					}
			
					#ScrollArea p.class{
						background:url(images/youtube/iArrow_class.jpg) no-repeat left 3px;
						padding-left:15px;
						}

					#ScrollArea p.club{
						background:url(images/youtube/iArrow_club.jpg) no-repeat left 3px;
						padding-left:15px;
						}
			
					#ScrollArea p.school{
						background:url(images/youtube/iArrow_school.jpg) no-repeat left 3px;
						padding-left:15px;
						}
		
				#ScrollArea img	{	margin-bottom:5px;	}
			
			#Leftbtn{
				width:17px;
				height:100px;
				overflow:hidden;
				float:left;
				z-index:1;
				background-image: url(images/youtube/btn_l.jpg);
				background-repeat:no-repeat;		
				}
				
				#Leftbtn:hover{
					background-image: url(images/youtube/btn_l.jpg);
					background-repeat:no-repeat;		
					}
					
			#Rightbtn{
				width:17px;
				height:100px;
				overflow:hidden;
				float:left;
				z-index:1;
				background-image: url(images/youtube/btn_r.jpg);
				background-repeat:no-repeat;					
				}
					
				#Rightbtn:hover{
					z-index:1;
					background-image: url(images/youtube/btn_r.jpg);
					background-repeat:no-repeat;					
					}
		



#Side	{
	width:250px;
	padding:10px 10px 20px 10px;
	background:#FFF;
	margin-bottom:0;
	}