@charset "Shift_JIS";

body {
  color: #000000;
  background: url(images/back.gif);
  margin-left:0;				/* 左マージン */
}

a img {
  border: none;
  color: #ffffff;
  background: transparent;
}
*{
	margin:0;				/* マージン一括指定 */
	padding:0;				/* パディング一括指定 */
}

/* 全体構造
---------------------------------------------------- */
#container {
  width:780px;
  margin-left:0;				/* 左マージン */
}

/* ヘッダ
---------------------------------------------------- */
#header {
  clear: both; 
   background: #ffffff;
   background-image:url(images/top_back.gif);		/* 背景画像： */
  width:780px;
  color: #333333;
}
#header p {
	font-size: 6pt;
	color: #666666;
}
 
/* メニュー
---------------------------------------------------- */
div#navcontainer
{
 clear: both; 
width: 780px;
background-image: url(images/ber.gif);
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;
}

div#navcontainer ul
{
color: white;
width: 780px;
text-align: center;
font-size:9pt;				/* フォント一括 */
margin: 0;
padding-bottom: 10px;
padding-top: 10px;
}

div#navcontainer ul li
{
display: inline;
text-align: center;
margin-left: -4px;
}

div#navcontainer ul li a
{
padding: 5px 18px 5px 18px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

div#navcontainer ul li a:hover
{
background-color: #CDCDC1;
color: #444444;
}

#active a { border-left: 1px solid #fff; }

/*  メイン・コンテンツ枠
---------------------------------------------------- */
#content {
 clear: both; 
 width: 780px;
 margin-top: 10px;
  margin-bottom: 20px;
  }
  
  
/*  コースのメニュー
---------------------------------------------------- */
#course {
width: 180px;
float:left;				/* フロートと回り込み */
 background: #ffffff;
 margin-left:5px;				/* 左マージン */
 }
 
 #course h1 {
color:#444444;
font-size: 9pt;
background-color:#CCEBBA;		/* 背景色： */
padding:0.5em;				/* パディング一括指定 */
	border-top:1px solid #CCFFCC;				/* 上ボーダー */
	border-bottom:1px solid #666666;				/* 下ボーダー */
	border-right:1px solid #666666;				/* 右ボーダー */
	border-left:1px solid #CCFFCC;				/* 左ボーダー */

}

 #course h2 {
font-size: 9pt;
border-bottom:1px solid;				/* 下ボーダー */
margin-top:15px;				/* 上マージン */
margin-left:3px;				/* 左マージン */
}
#course h2#dtm{
color:#1E90FF;
}
#course h2#music{
color:#2E8B57;
}
#course h2#pro{
color:#BA55D3;
}

#course h2#online{
color:#FF9900;
}

#course ul{
	margin:0;				/* マージン一括指定 */
	padding:0;				/* パディング一括指定 */
}
#course ul#dtmlist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
}

#dtmlist li a,#dtmlist a:link,#dtmlist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 8pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#dtmlist li a:hover{
color:#1E90FF;				/* 文字色： */
border-bottom:1px dotted #1E90FF;				/* 下ボーダー */
}
#course ul#musiclist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
}

#musiclist li a,#musiclist a:link,#musiclist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 8pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#musiclist li a:hover{
color:#2E8B57;				/* 文字色： */
border-bottom:1px dotted #2E8B57;				/* 下ボーダー */
}

#course ul#prolist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
}

#prolist li a,#prolist a:link,#prolist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 8pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#prolist li a:hover{
color:#BA55D3;				/* 文字色： */
border-bottom:1px dotted #BA55D3;				/* 下ボーダー */
}

#course ul#onlinelist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
}

#onlinelist li a,#onlinelist a:link,#onlinelist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 8pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#onlinelist li a:hover{
color:#FF9933;				/* 文字色： */
border-bottom:1px dotted #CC7A00;				/* 下ボーダー */
}

#course a{
color:#444444;
}
#course a:hover {
color:#319F2C;
}

#course p {
color:#444444;
font-size: 9pt;
line-height:130%;
}

/*  メイン・コンテンツ
---------------------------------------------------- */
#center {
width: 530px;
 background: #ffffff;
	margin-left:220px;				/* 左パディング */
}

#chatch{
border:2px dotted #319F2C;
}

#center h1 {
color:#33333;
background:url(images/bgslash999.gif) ;		/* 背景画像： */
border-left:1px solid #666666;
border-top:1px solid #666666;
font-size:12px;			/*  フォントサイズ */
padding:5px;
padding-left:10px;
margin-bottom:15px;
}


#center a{
color:#444444;
}
#center a:hover {
color:#319F2C;
}

#center p {
color:#444444;
font-size: 9pt;
line-height:150%;
}

.rules{
border-bottom:1px dotted #CDCDC1;
padding:3px;
}

.eventr td{
border-bottom:1px dotted #CDCDC1;
padding:5px;
}

#center h2 {
color:#FF7F24;
font-size: 9pt;
line-height:140%;
font-weight:bold;			/* 太さ */
}

#center h3 {
color:#444444;
font-size: 8pt;
line-height:140%;
	margin-bottom:15px;				/* 下マージン */
}

#center h4 {
color:#444444;
font-size: 9pt;
line-height:150%;
	border-bottom:1px solid #444444;				/* 下ボーダー */
	margin-bottom:10px;				/* 下マージン */
}

#center #dtm_img {
	float: right;
}


/* フッタ
---------------------------------------------------- */
#footer {
  clear: both; 
  background-color:#ffffff;		/* 背景色： */
  width: 780px;			/* ■IE6バグ回避に必要。無いと下に隙間ができる */
  height:80px;				/* 表示の縦幅 */
  border-top:1px solid #319F2C;				/* 上ボーダー */
}

#footer p {
  width:780px;
	padding:5px 0 5px 0 ;				/* パディング一括指定 */
  color: #ffffff;
  background-color:#319F2C;		/* 背景色： */
  text-align:right;			/* 文字揃え */
  font-size: 8pt;
}

#footer a{
color:#ffffff;
margin:5px;
}

#footer a:hover{
color:#444444;
}