@charset "utf-8";
/* CSS Document */

body {
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	height: auto;
	background-repeat: repeat-x;
	padding: 0px;
	background-image: url(../fw/back4.gif);
}
#container {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 780px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	background-repeat: repeat-y;
}
#container #header {
	background-repeat: no-repeat;
	background-position: left center;
	margin: 0px;
	padding: 0px;
}
#container #header2 {
	height: 160px;
	width: 780px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
}




h1 {
	font-size: 65%;
	width: 780px;
	text-align: right;
	background-image: url(../fw/top2.gif);
	background-repeat: no-repeat;
	height: 50px;
	color: #FFF;
	margin: 0px;
	padding: 0px;
	background-position: center;
	line-height: 25px;
}

#gnavi  {
	width: 770px;
	height: 30px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#container .mokuji a {
	color: #00F;
	text-decoration: none;
}
#container .mokuji a:hover {
	text-decoration: underline;
}

#gnavi ul  {
	margin: 0px;
	width: 780px;
	height: 30px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#container #gnavi ul li {
	float: left;
	height: 30px;
	width: 110px;
	margin: 0px;
	text-decoration: none;
	list-style-type: none;
	padding: 0px;
	border: 0px none #FFF;
}
#container #gnavi ul li a {
	margin: 0px;
	padding: 0px;
	width: 110px;
	text-decoration: none;
	height: 30px;
	display: block;
}
#container #gnavi ul li .home {
	background-image: url(../fw/gnavi2.gif);
	height: 30px;
	width: 110px;
	text-indent: -9999px;
	margin: 0px;
	background-repeat: no-repeat;
	line-height: 30px;
	background-position: 0px 0px;
}
#container #gnavi ul li .home:hover {
	background-image: url(../fw/gnavi2.gif);
	background-position: 0px -30px;
}

#container #gnavi ul li .aisatsu {
	text-indent: -999px;
	height: 30px;
	width: 110px;
	background-repeat: no-repeat;
	background-image: url(../fw/gnavi2.gif);
	background-position: -110px 0px;
}
#container #gnavi ul li .aisatsu:hover {
	background-image: url(../fw/gnavi2.gif);
	background-position: -110px -30px;
	background-repeat: no-repeat;
}

#container #gnavi ul li .lesson1 {
	background-image: url(../fw/gnavi2.gif);
	text-indent: -999px;
	height: 30px;
	width: 110px;
	background-position: -220px 0px;
}
#container #gnavi ul li .lesson1:hover {
	background-image: url(../fw/gnavi2.gif);
	margin: 0px;
	padding: 0px;
	background-position: -220px -30px;
}


#container #gnavi ul li .lesson2 {
	background-image: url(../fw/gnavi2.gif);
	text-indent: -999px;
	background-position: -330px 0px;
}
#container #gnavi ul li .lesson2:hover {
	background-image: url(../fw/gnavi2.gif);
	background-position: -330px -30px;
}
#container #gnavi ul li .student {
	background-image: url(../fw/gnavi2.gif);
	text-indent: -9999px;
	background-position: -440px 0px;
}
#container #gnavi ul li .student:hover {
	background-image: url(../fw/gnavi2.gif);
	background-position: -440px -30px;
}

#container #gnavi ul li .sitsumon {
	background-image: url(../fw/gnavi2.gif);
	text-indent: -9999px;
	background-position: -550px 0px;
}
#container #gnavi ul li .sitsumon:hover {
	background-image: url(../fw/gnavi2.gif);
	background-position: -550px -30px;
}
#container #gnavi ul li .acess {
	background-image: url(../fw/gnavi2.gif);
	text-indent: -9999px;
	background-position: -660px 0px;
}
#container #gnavi ul li .acess:hover {
	background-image: url(../fw/gnavi2.gif);
	background-position: -660px -30px;
}

#container #menu {
	float: left;
	width: 160px;
	margin-top: 5px;
	padding-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-position: center top;
}
#container #menu .menu {
	height: 40px;
	width: 150px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	text-align: center;
}
#container #menu ul {
	text-align: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#container #menu ul li {
	list-style-type: none;
	padding: 0px;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 146px;
}

#container #menu ul li a {
	display: block;
	height: 40px;
	width: 150px;
	text-decoration: none;
	color: #06F;
	font-size: small;

}
#container #menu ul li a:hover {
	text-decoration: underline;
}

#container #menu ul li .lessontime {
	background-image: url(../fw/siromai.jpg);
	background-repeat: no-repeat;
	line-height: 40px;
	background-position: center center;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding: 0px;
	height: 40px;
	font-size: small;
	text-indent: 40px;
}
#container #menu ul li .concle {
	background-image: url(../fw/concle.gif);
	background-position: center center;
	text-indent: 40px;
	line-height: 40px;
	background-repeat: no-repeat;
}


#container #menu ul li .lessontime:hover {
	background-image: url(../fw/siromai.jpg);
	text-indent: 40px;
	text-decoration: underline;
	background-position: center center;
}

#container #menu ul li .otoiawase {
	line-height: 40px;
	background-image: url(../fw/madara.jpg);
	text-indent: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: small;
}
#container #menu ul li .otiawase {
	background-image: url(../fw/madara.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	line-height: 40px;
}




#container #menu ul li .otoiawase:hover {
	background-image: url(../fw/madara.jpg);
	font-size: small;
	text-decoration: underline;
	text-indent: 40px;
}
#container #menu ul li .guitar {
	line-height: 40px;
	background-image: url(../fw/gitar.gif);
	text-indent: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 9px;
}
#container #menu ul li .guitar:hover {
	line-height: 40px;
	background-image: url(../fw/gitar.gif);
	text-indent: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 9px;
	text-decoration: underline;
}

#container #menu ul li .blog {
	background-image: url(../fw/mikeko.jpg);
	background-repeat: no-repeat;
	line-height: 40px;
	background-position: center center;
	font-size: 10px;
	text-indent: 30px;
}
#container #menu ul li .piano_sel {
	background-image: url(../fw/piano_sel.gif);
	height: 40px;
	width: 150px;
	line-height: 40px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
}
#container #menu ul li .teacher {
	background-image: url(../fw/teacher.gif);
	background-position: center center;
	background-repeat: no-repeat;
	text-align: center;
	line-height: 40px;
}


#container #menu ul li .login {
	background-image: url(../fw/login.gif);
	background-repeat: no-repeat;
	text-indent: -9999pt;
}
#container #menu ul li .login:hover {
	background-position: 0px -41px;
}
#container #menu ul .site a:hover {
	text-decoration: underline;
}
#container #menu ul li .ivent {
	background-image: url(../fw/ivent.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-align: center;
	background-position: 6px;
}
#container #menu ul li .link {
	background-image: url(../fw/obake.gif);
	background-repeat: no-repeat;
	line-height: 36px;
	text-align: center;
	background-position: 3px;
}

ul .site {
	background-image: url(../fw/tadamai.jpg);
	background-repeat: no-repeat;
	font-size: small;
	line-height: 30px;
}
#menu ul .log1 {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#menu ul li .log {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	padding-left: 5px;
}



#container #menu .onpu {
	text-align: center;
}





#container #main {
	float: left;
	width: 535px;
	border-left-width: 1px;
	border-left-style: solid;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
	padding-top: 20px;
	font-size: 15px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.7em;
	color: #333;
	padding-left: 40px;
	padding-right: 40px;
	background-image: url(../fw/back1.gif);
	background-repeat: no-repeat;
	background-position: center top;
	height: 780px;
}
#container #main p {
	font-size: 14px;
}

#container #main h2 {
	line-height: 1.5em;
	margin-top: 20px;
}
#container #main a {
	text-decoration: none;
	color: #00F;
	font-weight: normal;
}
#container #main p a:hover {
	text-decoration: underline;
}

#container #main .imagepiano {
	margin: 0px;
}


#container #info {
	float: right;
	width: 569px;
	padding-left: 40px;
	margin-bottom: 30px;
	border-left-style: solid;
	padding-top: 10px;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 2em;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 0px;
	background-repeat: no-repeat;
	background-image: url(../fw/back2.gif);
	border-left-width: 1px;
	border-left-color: #666;
	background-position: center top;
}

#container #info .infobox {
	height: 130px;
	width: 520px;
	overflow: auto;
	line-height: 30px;
	border: thin solid #999;
	font-size: small;
	padding: 5px;
}

#container #info .infobox .red {
	color: #F00;
}
.blue {
	color: #00F;
}
#info #info2 {
	overflow: auto;
	height: 550px;
	width: 530px;
	border: thin solid #666;
}

table tr td a {
	text-decoration: none;
	color: #00F;
}
#contents table tr th {
	background-color: #F90;
	color: #FFF;
}
#container #info #info2 table tr th {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666;

}
#container #info #info2 table tr td {
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}



table tr td a:hover {
	text-decoration: underline;
}

#info table tr td .red {
	color: #F00;
}
#info table {
	font-size: small;
	overflow: scroll;
	width: 470px;
}
#link ul li a {
	color: #06F;
	text-decoration: none;
}
#link ul li a:hover {
	text-decoration: underline;
}
#menu ul .site {
	text-align: center;
}
#container #link {
	width: 160px;
	margin: 0px;
	padding: 0px;
	font-size: medium;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#container #link ul li {
	font-size: small;
	margin: 0px;
	width: 130px;
}
#container #link ul {
	margin: 0px;
	width: 120px;
	padding-left: 30px;
}
#footer .center_w {
	text-align: center;
	color: #FFF;
}

#footer_base {
	clear: both;
	background-color: #F9C;
}
#footer  {
	padding: 0px;
	width: 780px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 200px;
}
#footer ul  {
	background-image: none;
	background-repeat: no-repeat;
	background-position: center;
	height: 30px;
	width: 780px;
	text-align: center;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
#footer ul li  {
	display: inline;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	font-size: small;
	padding-right: 3px;
	margin: 0px;
}
#footer ul li a  {
	color: #FFF;
}
#footer ul li a:hover {
	color: #00C;
}
#container .hoken {
	padding-left: 0px;
}
#container #seo {
	float: right;
	width: 180px;
	text-align: right;
}
#container #seo a {
	text-decoration: none;
}
.imag {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.line {
	font-weight: bold;
	color: #F00;
	text-decoration: underline;
}
.yellow {
	background-color: #FF0;
}
#container #contents .right01 a {
	color: #00F;
	text-decoration: none;
}

#container .mokuji {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 170px;
	font-size: small;
}
#container #info .infobox a:hover {
	color: #00F;
}
#container #info .infobox a {
	color: #00C;
	text-decoration: none;
}


.center1 {
	text-align: center;
}
#container #contents .syoukai a {
	color: #06F;
	text-decoration: none;
}
#container #contents .syoukai a:hover {
	color: #06F;
	text-decoration: underline;
}