@charset "Shift_JIS";

body{
	margin:0 auto;
	background:#DBDBDB;
}

a img {
  border: none;
  color: #ffffff;
  background: transparent;
}
*{
	margin:0;			
	padding:0;		
}

table{
	border-collapse: collapse;
	border-color:#999999;
		
}

/* 全体構造
---------------------------------------------------- */
#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; }

/*  専攻科メニュー
---------------------------------------------------- */

div#pro_menu {
	margin: 0 0;
   background: #FFFFFF;
  width:747px;
  height:160px;
}


div#pro_menu a img{
	filter: alpha(opacity=100);
  -moz-opacity:1.00;
  opacity:1.00;
}

div#pro_menu a:hover img{
	filter: alpha(opacity=80);
  -moz-opacity:0.80;
  opacity:0.80;

}

/*  専攻科メニュー
---------------------------------------------------- */

/*  専攻科ポップアップ
---------------------------------------------------- */
.popup img {
display:block;
top:-10000px;
left:-10000px;
position:absolute;
}

.popup a:hover {
position:relative;
}

.popup a:hover img{
top:150px;
left:-10em;
}


/*  専攻科ポップアップ
---------------------------------------------------- */
  
/*  メイン・コンテンツ
---------------------------------------------------- */
#center {
 clear: both; 
 width: 730px;
 margin: 10px 10px 0 10px;
}
#chatch td{
border-bottom:1px dotted #CDCDC1;
padding:5px;
}

#chatch2{
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: 10pt;
	line-height:170%;
	margin-left: 10px;
}

.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: 14pt;
line-height:150%;
	border-bottom:1px solid #444444;				/* 下ボーダー */
	margin-bottom:10px;				/* 下マージン */
		margin-top:15px;				/* 下マージン */
		padding-left:5px;
}

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

#center h6 {
color:#333333;
background-image:url(event/data2009/images/shouback.gif);/* 背景色： */
font-size:14px;			/*  フォントサイズ */
font-weight:bold;
padding:5px 0px 0px 25px;
}
/*-----マンスリーセミナーメニュー---------- */
#semi3
{
background: #FF6600;
margin: 0;
padding: 0;
text-transform: lowercase;
}

ul#seminarmenu
{
list-style: none;
padding: 0;
margin: 0 0 0 0;
width: 740px;
font-size: 12px;
float: center;
}

ul#seminarmenu li
{
display: block;
float: left;
width: 183px;
margin: 0;
padding: 0;
}

ul#seminarmenu li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #FFFFFF;
text-decoration: none;
background: #FF6600;
text-align:center;			/* 文字揃え */
}

#semi3>ul#nseminarmenu li a { width: auto; }


ul#seminarmenu li a:hover, ul#seminarmenu li
{
color: #444444;
background: #FFCC99;
border-color: #aaab9c #fff #fff #ccc;
}

#center p.month_title{
	font-size:18px;
	font-weight:bold;
	color:#FF3300;
}


/*-----スペシャルセミナーメニュー----------- */

#semi4
{
background: #FFFFFF;
margin: 0;
padding: 0;
text-transform: lowercase;
}

ul#specialmenu
{
list-style: none;
padding: 0;
margin: 0 0 0 0;
width: 740px;
font-size: 12px;
float: center;
}

ul#specialmenu li
{
display: block;
float: left;
width: 246px;
margin: 0;
padding: 0;
}

ul#specialmenu li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #FFFFFF;
text-decoration: none;
background: #102AB7;
text-align:center;			/* 文字揃え */
}

#semi4 ul#specialmenu li a { width: auto; }


ul#specialmenu li a:hover, ul#seminarmenu li
{
color: #444444;
background: #BEE2F8;
border-color: #aaab9c #fff #fff #ccc;
}

#center p.special_title{
	font-size:18px;
	font-weight:bold;
	color:#000099;
}

/* ------------ */


/*-----中高生セミナーメニュー----------- */

#semi5
{
background: #FFFFFF;
margin: 0;
padding: 0;
text-transform: lowercase;
}

ul#jrmenu
{
list-style: none;
padding: 0;
margin: 0 0 0 0;
width: 740px;
font-size: 12px;
float: center;
}

ul#jrmenu li
{
display: block;
float: left;
width: 246px;
margin: 0;
padding: 0;
}

ul#jrmenu li a
{
display: block;
width: 100%;
padding: 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #FFFFFF;
text-decoration: none;
background: #0066FF;
text-align:center;			/* 文字揃え */
}

#semi5 ul#jrmenu li a { width: auto; }


ul#jrmenu li a:hover, ul#jrmenu li
{
color: #444444;
background: #BEE2F8;
border-color: #aaab9c #fff #fff #ccc;
}


/* ------------ */

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


/*  コースのメニュー
---------------------------------------------------- */
#course {
width: 740px;
 background: #ffffff;
 }
 
 #course h1 {
color:#ffffff;
font-size: 9pt;
background-color:#319F2C;		/* 背景色： */
padding:0.5em;				/* パディング一括指定 */
}

 #course h2 {
text-decoration:none;				/* 下線など */
font-size: 12pt;
border-bottom:1px solid;				/* 下ボーダー */
margin:5px 0 0 10px;				/* 左マージン */
}

#course h2#dtm{
text-decoration:none;				/* 下線など */
color:#1E90FF;
}


#course h2#dtm a{
text-decoration:none;				/* 下線など */
color:#1E90FF;
}

#course h2#dtm a:hover{
text-decoration:none;				/* 下線など */
color:#66dddd;
}


#course h2#music{
color:#2E8B57;
}
#course h2#pro{
color:#BA55D3;
}
#course h2#online{
	color:#E87400
}

#course h2#midi{
color:#006633;
}
#course h2#month{
color:#FF6633;
}
#course h2#support{
	color:#0099FF;
}
#course h2#special{
color:#0000CC;
}
#course h2#piano{
	color:#E30072;
}
#course ul{
	margin:0;				/* マージン一括指定 */
	padding:0;				/* パディング一括指定 */
}
#course ul#dtmlist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
	color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#dtmlist li a,#dtmlist a:link,#dtmlist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;

}

#dtmlist li a:hover{
color:#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: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#musiclist li a:hover{
color:#00FF33;				/* 文字色： */
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: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#prolist li a:hover{
color:#FF66FF;				/* 文字色： */
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: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

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

#course ul#midilist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
	color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#midilist li a,#midilist a:link,#midilist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;

}

#midilist li a:hover{
color:#00CC00;				/* 文字色： */
}


#course ul#monthlist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
	color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#monthlist li a,#monthlist a:link,#monthlist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;

}

#monthlist li a:hover{
color:#FF9900;				/* 文字色： */
}

#course ul#supportlist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
	color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#supportlist li a,#supportlist a:link,#supportlist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;

}

#supportlist li a:hover{
color:#0099FF;				/* 文字色： */
}
#course ul#pianolist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
	color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}
#pianolist li a{
	text-decoration:none;				/* 下線など */
color:#666666;
}
	
#pianolist li a:hover{
color:#E30072;				/* 文字色： */
}

#course ul#speciallist li{
	margin:0 0 0 10px;				/* マージン一括指定 */
	list-style:none;				/* 一括指定 */
	color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;
padding:3px;
border-bottom:1px dotted #666666;				/* 下ボーダー */
}

#speciallist li a,#speciallist a:link,#speciallist a:visited{
text-decoration:none;				/* 下線など */
color:#666666;				/* 文字色： */
font-size: 10pt;
display:block;

}

#speciallist li a:hover{
color:#1E90FF;				/* 文字色： */
}


/* フッタ
---------------------------------------------------- */
#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;
}
#container #content #center img {
	margin-top: 0;
	margin-right: 3px;
	margin-bottom: 0;
}


#left_img {
	float: left;
	height: auto;
	width: 200px;
	margin-left: 25px;
	font-size: x-small;
}
#center_img {
	height: auto;
	width: 200px;
	margin-left: 35px;
	float: left;
	font-size: x-small;
}
#right_img {
	float: right;
	height: auto;
	width: auto;
	margin-right: 15px;
	margin-left: 10px;
}

#right_img_txt {
	height: auto;
	width: 250px;
	font-size: 10px;
	line-height: 120%;
}

#center p strong {
	font-size: 14px;
}

.seminar_txt {
	font-size: 9pt;
	color: #444444;
	line-height: 200%;
	float: right;
	width: 550px;
}

.seminar_txt_l {
	font-size: 9pt;
	color: #444444;
	line-height: 200%;
	float: left;
	margin-right: 10px;
}

.koushi_photo_l {
	font-size: 8pt;
	color: #444444;
	line-height: 200%;
	float: left;
	margin-right: 10px;
	width: 160px;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*  ピアノレッスンページ　*/
#center p.piano_title{
	font-size:20px;
	font-weight:bold;
	color:#EA7500;
}
#center p.koushi_img{
	float:left;
}
#center p.piano_text{
	width:550px;
	float:left;
	padding-left:15px;
}
#center p.line{
	clear:both;
	padding-top:30px;
}
#center table.diary{
	float:left;
}
#center table.ryokin{
	clear:both;
	border-bottom:1px #000 solid;
}

/*  会員特典ページ　*/
#center p.tokuten{
	font-size:16px;
	font-weight:bold;
	color:#F77B00;
}
#center p.student_text{
	font-size:16px;
	font-weight:bold;
	border-bottom:3px dotted #cccccc;
	border-left:10px solid #808080;
	padding-left:10px;
}
	

/*  開講コースページ*/
#course p.lesson_text{
	font-size:18px;
	font-weight:bold;
	border-bottom:3px dotted #cccccc;
}

/*  専攻科講師ページ*/	
#center p.koushi{
	padding:10px 0 0 10px;
}