/********************カラム******************************/
div.mainContainer{
	width:820px;
	text-align:left;
	background :#ffffff;
	margin : 0px auto 0px auto;
	padding:0px;
}



.mainPane{
	float : left;
	width:580px;

	background: #ffffff;
	margin:0px;
	padding:5px;
}

.rightPane{
	float : right;
	width : 200px;

	background : #ffffff;
	margin : 0px;
	padding : 0px;
}


.container{
	width:820px;
	margin:0px;
}



.footer{
	color:#666666;
	font-size:9pt;
	border-top:solid 1px #666666;
	clear:both;
}

/******************* 最上段バー***********************/
.top{
	background : #C0E5FF;
	border : none;
	height:31px;
	vertical-align:middle;
}

.topLeft{
	float:left;
	width:100px;
}

.topCenter{
	margin:0px;
	border : none;
	font-size:12px;
	vertical-align:middle;
}
	
.topRight{
	float : right;
	margin:0px;
	border : none;
	font-size:12px;
}


/******************** メニュー*********************/

.menuContainer{
	background : #C0E5FF;
	text-align:right;
}

.menuChildren{
	background:#ffffff;
	width:120px;
}

.menuItem{
	margin:0px 10px 0px 0px;
	padding:0px;
}




/******************* トップページのバナー************************************/

.topBanner{
	background : #ffffff;
	color:#000000;
	width:100%;
	height:300px;
	background-repeat:no-repeat;
    background-position: bottom left;
	vertical-align:botton;
}

.playlist{
	background:url(/images/bg/tv.png);
	background-repeat: no-repeat;
	float : right;
	padding-left: 8px;
	padding-top:16px;
	margin :10px;
	width:292px;
	height:222px;

}



/********************新着情報******************************/


.newsHeader{
	clear:both;
	font-size:10pt;
	margin:0px;
	background: url(/images/bg/stripe_choco.png);
	background-repeat: no-repeat;
 	padding:0 0 0 60;
	color:#000000;
}

.newsContents{
	background:#ffffff;
	color:#000000;
	margin: 0 0 10 0;
	padding : 4 4 4 12;
}

.newsImg{
	float:left;
	margin-right:10px;
}


.newsSubject{
	font-weight:bold;
}

.news{
	border: none;
}




/*****************画像テキストの回りこみ付き用***********/
.floatLeftTop{
	float:left;
	margin:0px 10px 10px 0px;
}

.floatRightTop{
	float:right;
	margin:0px 0px 10px 10px;
}


/**************2段組用***************/

.leftFrame, .rightFrame{
		width:48%;
		background-color:white;
		border:none;
		margin:0px;
		padding:2px;
}

.left,.leftFrame { 
	float:left;
}

.right,.rightFrame { 
	float:right;
}

.leftFrame, .rightFrame{
/*	border:solid 1px slateblue;*/
	padding:6px;
}

.halfWidth{
	width:50%;
}


/************枠線付きのテーブル*******************/
	/*th td はこれを*/

.grid, .gridTop{
	border-style:solid;
	border-color:#999;
	color:black;
}

.grid{
	border-width: 0px 1px 1px 0px;
}

	/*tableにはこれを*/
.gridTop{
	border-width: 1px 0px 0px 1px;
}




/*********fancybox***************/


.fancywindow{
	width:480px;
	height:340px;
	overflow:auto;
	margin:0px 20px 30px 0px;	
	padding:6px;
	border:none;
}


.pg_carousel_heading{
	background:#ccccff;
	margin:0px;
}


pg_carousel_body{


}


/****BINDER****/
.separator{
	width:100%;
	border:none;
	height:1px;
	margin:10px 0px 100px 0px;
	padding:0px;
	background-color:#AFEEEE; 
}


 
/************ ブロックのタイトルバー**********/
.simpleFrame,.topFrame, .sideFrame{
	border-style:solid;
	border-width:1px;
	border-color:#cccccc;
	margin: 0px 0px 10px 0px;
	background: #ffffff;
	text-align:left;
}

.sideFrame{
	border-left:none;
}

/*ブロックタイトル部分*/
.headingFrame{
	margin:0px;
	padding:0px;
	background : #ffffff;
	color : #cc66cc;
	text-align : center;
	font-size:12px;
	font-weight:bold;
	border:none;
}
	
.contentsFrame{
	font-size:9pt;
	line-height:12pt;
	margin:0px 0px 10px 2px;
	padding: 0px;
	color:#666666;
	border:solid 1px silver;
	border-bottom:none;
}

p.info{
	padding:2px;
	margin:0px;
	line-height:1.1em;
}

P.infoHeading{
	font-weight:bold;
	color:#40E0D0;
}

span.date{
	background:#333399;
	color:white;
	font-family : courier ,monospace;
	font-weight:bold;
	width : 20px;
	font-size:10pt;
	text-align: right;
}

.desc{
	border:solid 1px;

}

.title{
	height : 18pt;
	font-family : sefif;
	background : white;
	color:#000000;
	border-style:dotted;
	border-width :0px 0px 1px 0px;
	border-color: navy;
	text-align:left;
	font-weight: normal;
	vertical-align:top
}

.alert{
	color:red;
}


.stick{
	border : dotted 1px #333399 !important; 
	padding: 4pt;
	
}

.thin_border{
	border : solid 1px #999999 !important; 
	padding: 4pt;
}


/*****************クラス紹介の枠********************/

.classContainer{
	clear:both;
	border : solid 1px #FFB0D1; 
	margin : 0px 0px 10px 0px;
	padding : 10px;
}

.classDesc{
}
.classMovie{
	float:left;
	width :210px;
	padding: 0px 10px 0px 0px;
}


/* for post script*/
.ps{
	font-size : 9pt;
	color     : #666666;
	background: #ddddbb;
	padding   : 4pt;
}

dt.menu{
	border-style : solid;
	border-color:#666699;
	border-width : 0px 0px 0px 10px;
	background:#ffeeff;
	font-size : 9pt;
	color:#333333;
	padding-left : 10pt;
}

option.selected{
	background:#66FFCC;
}

.term{
	color:gray;
	margin-left:4pt;
	margin-right:4pt;
	font-family:times;
}


.comment_from_teacher{
	font-style:italic;

}

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

.alignRight{
	text-align: right;
}


.noFrame{
	border:none;

}

p.chapter{
	margin-bottom : 16pt;
}