﻿#pageTop{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding:5px;
	position:fixed;
	top:260px;
	right:5px;
	z-index:100;
	}
#pageTop:hover{
	background:#DDD;
	}


#home{
	background:#6A6;
	border-radius:10px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	top:300px;
	right:5px;
	z-index:88;
	}
#home:hover{
	background:#DDD;
	}


#pageBottom{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	top:400px;
	right:5px;
	z-index:88;
	}
pageBottom:hover{
	background:#DDD;
	}




#memberFix{
	background:#0fb;//666;
	border-radius:20px;
	color:#FFF;
	padding:20px;
	position:fixed;
	top:120px;
	right:20px;
	z-index:99
	}
#memberFix:hover{
	background:#DDD;
	}


#informationFix{
	background:#0fb;//666;
	border-radius:20px;
	color:#FFF;
	padding:20px;
	position:fixed;
	top:80px;
	left:5px;
	z-index:90
	}
#informationFix:hover{
	background:#DDD;
	}



#konoyonoNewsFix{
	background:#0fb;//666;
	border-radius:20px;
	color:#FFF;
	padding:20px;
	position:fixed;
	top:165px;
	left:5px;
	z-index:90
	}
#konoyonoNewsFix:hover{
	background:#DDD;
	}


#jisingaTukuFix{
	background:#0fb;//666;
	border-radius:20px;
	color:#FFF;
	padding:20px;
	position:fixed;
	top:210px;
	left:5px;
	z-index:90
	}
#jisingaTukuFix:hover{
	background:#DDD;
	}



#memberFix:hover{
	background:#DDD;
	}



#informationFix-dd{
	background:#0fb;//666;
	border-radius:20px;
	color:#FFF;
	padding:20px;
	position:fixed;
	top:60px;
	right:5px;
	z-index:99
	}
#informationFix:hover-dd{
	background:#DDD;
	}

/*●●-START-------INDEX-kodaira--------------●●*/

#pageTop-INDEX-kodaira{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding:5px;
	position:fixed;
	top:200px;
	right:5px;
	z-index:77;
	}
#pageTop-INDEX-kodaira:hover{
	background:#DDD;
	}


#home-INDEX-kodaira{
	background:#6A6;
	border-radius:10px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	top:250px;
	right:5px;
	z-index:88;
	}
#home-INDEX-kodaira:hover{
	background:#DDD;
	}


#pageBottom-INDEX-kodaira{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	top:295px;
	right:5px;
	z-index:88;
	}
#pageBottom-INDEX-kodaira:hover{
	background:#DDD;
	}



#T20180423-INDEX-kodaira{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	top:5px;
	right:5px;
	z-index:100;
	}
#T20180423-INDEX-kodaira:hover{
	background:#DDD;
	}

#TT20180423-INDEX-kodaira{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	top:10px;
	right:5px;
	z-index:100;
	}
#TT20180423-INDEX-kodaira:hover{
	background:#DDD;
	}



#T20191012-INDEX-kodaira{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	position:fixed;
	top:325px;
	right:5px;
	z-index:90;
	}
#T20191012-INDEX-kodaira:hover{
	background:#DDD;
	}



#Armstrong-INDEX-kodaira{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	/*position:fixed;
	top:350px;
	right:5px;*/
	width:200px;
	height:20px;
	z-index:88;
	}
#Armstrong-INDEX-kodaira:hover{
	background:#DDD;
	}



#Armstrong-INDEX-kodaira2{
	background:#666;
	border-radius:20px;
	color:#FFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	/*position:fixed;
	top:350px;
	right:5px;*/
	width:200px;
	height:20px;
	z-index:88;
	}
#Armstrong-INDEX-kodaira2:hover{
	background:#DDD;
	}



/* -------------------- */
/* ▼メニューバーの装飾 */
/* -------------------- */
ul.ddmenu {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 3px; /* メニューバー内側の余白(左に15px) */
   background-color: #cc0000; /* #cc0000バーの背景色(濃い赤色) */
}

/* -------------------------- */
/* ▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu li {
   width: 125px;          /* メニュー項目の横幅(125px) */
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu a {
   background-color: #04b; /* #cc0000メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 22px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ---------------------------------- */
/* ▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu li:hover ul {
   display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}

/* ------------------------ */
/* ▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu ul li {
   width: 135px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
   line-height: 25px;     /* サブメニュー1項目の高さ(35px) */
   text-align: left;      /* 文字列の配置(左寄せ) */
   padding-left: 5px;     /* 文字列前方の余白(5px) */
   font-weight: normal;   /* 太字にはしない */
}
ul.ddmenu ul li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}


/*▼▼*/
ul.ddmenu2 {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
   background-color: #cc0000; /* #cc0000バーの背景色(濃い赤色) */
}


/* -------------------------- */
/* ▼▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu2 li {
   width: 200px;          /* メニュー項目の横幅(125px) */
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu2 a {
   background-color: #04b; /* #cc0000メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 22px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu2 a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}

/* ---------------------------------- */
/* ▼▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu2 li:hover ul {
   display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu2 ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}














/*▼▼*/
ul.ddmenu3 {
   margin: 0px;               /* メニューバー外側の余白(ゼロ) */
   padding: 0px 0px 0px 0px; /* メニューバー内側の余白(左に15px) */
   background-color: #cc0000; /* #cc0000バーの背景色(濃い赤色) */
}
/* -------------------------- */
/* ▼▼メインメニュー項目の装飾 */
/* -------------------------- */
ul.ddmenu3 li {
   width: 200px;          /* メニュー項目の横幅(125px) */
   display: inline-block; /* ★横並びに配置する */
   list-style-type: none; /* ★リストの先頭記号を消す */
   position: relative;    /* ★サブメニュー表示の基準位置にする */
}
ul.ddmenu3 a {
   background-color: #04b; /* #cc0000メニュー項目の背景色(濃い赤色) */
   color: white;              /* メニュー項目の文字色(白色) */
   line-height: 22px;         /* メニュー項目のリンクの高さ(40px) */
   text-align: center;        /* メインメニューの文字列の配置(中央寄せ) */
   text-decoration: none;     /* メニュー項目の装飾(下線を消す) */
   font-weight: bold;         /* 太字にする */
   display: block;            /* ★項目内全域をリンク可能にする */
}
ul.ddmenu3 a:hover {
   background-color: #ffdddd; /* メニュー項目にマウスが載ったときの背景色(淡いピンク) */
   color: #dd0000;            /* メニュー項目にマウスが載ったときの文字色(濃い赤色) */
}



/* ---------------------------------- */
/* ▼▼サブメニューがある場合に開く処理 */   /* ※サブメニューが1階層しか存在しない場合の記述 */
/* ---------------------------------- */
ul.ddmenu3 li:hover ul {
   display: block;      /* ★マウスポインタが載っている項目の内部にあるリストを表示する */
}

/* -------------------- */
/* ▼▼サブメニューの装飾 */
/* -------------------- */
ul.ddmenu3 ul {
   margin: 0px;         /* ★サブメニュー外側の余白(ゼロ) */
   padding: 0px;        /* ★サブメニュー内側の余白(ゼロ) */
   display: none;       /* ★標準では非表示にする */
   position: absolute;  /* ★絶対配置にする */
}

/* ------------------------ */
/* ▼▼サブメニュー項目の装飾 */
/* ------------------------ */
ul.ddmenu3 ul li {
   width: 135px;               /* サブメニュー1項目の横幅(135px) */
   border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */
}
ul.ddmenu ul li a {
   line-height: 25px;     /* サブメニュー1項目の高さ(35px) */
   text-align: left;      /* 文字列の配置(左寄せ) */
   padding-left: 5px;     /* 文字列前方の余白(5px) */
   font-weight: normal;   /* 太字にはしない */
}
ul.ddmenu3 ul li a:hover {
   background-color: #ffff80; /* サブメニュー項目にマウスが載ったときの背景色(淡い黄色) */
   color: #005500;            /* サブメニュー項目にマウスが載ったときの文字色(濃い緑色) */
}

/*●●-END-------INDEX-kodaira--------------●●*/


#OmikujiSound{
	background:#0fa;//666;
	border-radius:5px;
	color:#000;
	padding:2px;
	}
#OmikujiSound:hover{
	background:#DDD;
	}


#weekMusicFix{
	background:#0fa;//666;
	border-radius:15px;
	color:#000;
	padding:2px;
	position:fixed;
	top:5px;
	right:5px;
	z-index:9999
	}
#weekMusicFix:hover{
	background:#DDD;
	}




#musicYOM{
	background:#6A6;
	border-radius:20px;
	color:#FFF;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:1px;
	position:fixed;
	top:80px;
	right:5px;
	z-index:100;
	}
#musicYOM:hover{
	background:#DDD;
	}


#musicYOM-Cartenters{
	background:#6A6;
	border-radius:20px;
	color:#FFF;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:1px;
	position:fixed;
	top:47px;
	right:5px;
	z-index:100;
	}
#musicYOM-Cartenters:hover{
	background:#DDD;
	}


#musicYOM20181103{
	background:#6A6;
	border-radius:20px;
	color:#FFF;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px;
	padding-bottom:1px;
	position:fixed;
	top:130px;
	right:5px;
	z-index:100;
	}
#musicYOM20181103:hover{
	background:#DDD;
	}



#musicWEEK{
	background:#6A6;
	border-radius:20px;
	border:3px solid #416CE5;
/*
 	border-bottom:3px solid #416CE5; 
	border-right:3px solid #416CE5;
*/
	color:#FFF;
	padding-left:2px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	/*padding:1px;*/
	/*position:fixed;
	bottom:15px;
	left:5px;*/
	z-index:99
	}
#musicWEEK:hover{
	background:#DDD;
	}


/* ボタンに重ねると色などのスタイルが変わる */
.bb-kouka-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-kouka-button1:hover{
	background:#EDF;
	cursor:pointer;
	}


.bb-kouka2-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-kouka2-button1:hover{
	background:#EDF;
	cursor:pointer;
	}


.bb-kodaira1-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-kodaira1-button1:hover{
	background:#EDF;
	cursor:pointer;
	}


.bb-armstrong-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-armstrong-button1:hover{
	background:#EDF;
	cursor:pointer;
	}



.bb-armstrong-button2{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-armstrong-button2:hover{
	background:#EDF;
	cursor:pointer;
	}





.bb-verdi-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-verdi-button1:hover{
	background:#EDF;
	cursor:pointer;
	}


.bb-chopin66-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-chopin66-button1:hover{
	background:#EDF;
	cursor:pointer;
	}



.bb-kodaira20170626news-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-kodaira20170626news-button1:hover{
	background:#EDF;
	cursor:pointer;
	}



.bb-kodaira2017week01-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-kodaira2017week01-button1:hover{
	background:#EDF;
	cursor:pointer;
	}


.bb-davidGoodall-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-davidGoodall-button1:hover{
	background:#EDF;
	cursor:pointer;
	}



.bb-ghosn-button1{
	background:#6FF;
	border-radius:10px;
	padding-left:15px;
	padding-right:15px;
	}
.bb-ghosn-button1:hover{
	background:#EDF;
	cursor:pointer;
	}




/*Toggle のスタート時に消えた状態指定*/

#cc-kouka-text1{display:none;}
#cc-kouka-text2{display:none;}
#cc-kouka-text3{display:none;}

#cc-kouka2-text1{display:none;}
#cc-kouka2-text2{display:none;}
#cc-kouka2-text3{display:none;}

#cc-kodaira1-text1{display:none;}
#cc-kodaira1-text2{display:none;}
#cc-kodaira1-text3{display:none;}
#dd-kodaira1-box1{display:none;}

#cc-armstrong-text1{display:none;}
#cc-armstrong-text2{display:none;}
#cc-armstrong-text3{display:none;}

#cc-verdi-text1 {display:none;}
#cc-verdi-text2 {display:none;}
#cc-verdi-text3 {display:none;}

#cc-chopin66-text1 {display:none;}
#cc-chopin66-text2 {display:none;}
#cc-chopin66-text3 {display:none;}


#cc-kodaira20170626news-text1 {display:none;}
#cc-kodaira20170626news-text2 {display:none;}
#cc-kodaira20170626news-text3 {display:none;}


#cc-kodaira2017week01-text1 {display:none;}
#cc-kodaira2017week01-text2 {display:none;}
#cc-kodaira2017week01-text3 {display:none;}


#cc-davidGoodall-text1 {display:none;}
#cc-davidGoodall-text2 {display:none;}
#cc-davidGoodall-text3 {display:none;}
#dd-davidGoodall-box1 {display:none;}


#cc-ghosn-text1 {display:none;}
#cc-ghosn-text2 {display:none;}
#cc-ghosn-text3 {display:none;}
#dd-ghosn-box1 {display:none;}





/* 重ねると色などのスタイルが変わる */
.hanten:hover{
	color:blue;
	/*font-size:14px;*/
	background:#EDF;
	}


.hanten18:hover{
	color:blue;
	font-size:18px;
	background:#EDF;
	}
.hanten18:link{
	color:#000000;
	font-size:18px;
	background:#a0ffff;
	}
.


