@charset "Shift_JIS";

body {
	margin:0 auto;
	background-color:#D9D9D9;
}

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

/* 全体構造
---------------------------------------------------- */
#container {
  width:800px;
  margin:0 auto;
  padding:0 10px;
  background:url(images/content_bg.gif) repeat-y;
}


/* ヘッダ
---------------------------------------------------- */
#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;
  }
  
  
/*  コースのメニュー
---------------------------------------------------- */
#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;
text-decoration: none;
}
#center a:hover {
	color:#319F2C;
}

#center p {
color:#444444;
font-size: 10pt;
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: 12pt;
line-height:150%;
	border-bottom:1px solid #444444;				/* 下ボーダー */
	margin-bottom:10px;				/* 下マージン */
}

#center #dtm_img {
	float: right;
}
#center #dtm_img2 {
	float: left;
}
#center table td{
	text-align:center;
}

/* フッタ
---------------------------------------------------- */
#footer {
  clear: both;
  width: 800px;	 
  		 /*■IE6バグ回避に必要。無いと下に隙間ができる*/ 
  margin:0 auto;
  padding:0 10px;
  background:url(images/content_bg.gif) repeat-y;
}

#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;
}

#junior_float {
	position: absolute;
	z-index: 2;
	left: 233px;
	top: 395px;
	width: 507px;
	height: 72px;
}

/*  iPadページ　　*/
p.apli_img{
	float:right;
	padding:10px 10px 0  10px;
}
p.apli_text{
	width:300px;
	padding:10px 0 0 10px;
	height:190px;
}
/*  dtmコースページ　*/
#center p.dtm_title{
	font-size:16px;
	font-weight:bold;
	color:#F45F04;
	border-bottom:3px dotted;
}
p.dtm_text{
	width:350px;
	padding:10px 0 0 10px;
}
p.dtm_text2{
	width:300px;
	padding:10px 0 0 10px;
}
/*  ボーかロイドページ　*/
p.vocalo_text{
	font-weight:bold;
}
/*  ボーかロイドキャンペーンページ　*/
#center p.vocalocam_text{
/*	font-weight:bold;
*/	font-size:15px;
}

/*  ピアノレッスンページ　*/
#center p.koushi_img{
	float:left;
}
#center p.piano_text{
	width:350px;
	float:left;
	padding-left:15px;
}
#center p.line{
	clear:both;
	padding-top:30px;
}