*  {
          padding : 0px ;
          margin : 0px ;
}

img { border-style:none; }

a img { border-style:none; 
}

html  { background-color: #ffffff }

	a:link { color: #161616; }
	a:visited { color: #161616; }
	a:hover { color: #696969; }
	a:active { color: #696969; }

/*サイト全体*/
#box {
width : 993px;
margin: 0px auto;
		border-left: 1px solid #555555;
		border-right: 1px solid #555555;
		font-family: system-ui;
}


#navigation {
float: left;
width: 240px;
text-align: center;

}

	#twitter {
		width: 220px;
		padding: 10px;
		text-align: center;
		margin-top: 20px;
	}	
	
	
#contents {
float: right;
width: 750px;
		border-left: 1px solid #006666;
}
#contents-e {
float: right;
width: 727px;
		border-left: 1px solid #006666;
padding-right: 23px;
}
#donation {
float: right;
width: 750px;
		border-left: 1px solid #006666;
}


#contents-voice  { 
/*
	background-image: url("image/voice-bg-2.jpg");  */
	background-color: #1d5856;
	width: 750px; 
		float: right; border-left: 1px solid #006666
}

#footer-1 {
clear: both;
width: 993px;
height: 8px;
background-color: #b5b5b5;
}

#footer-2{
clear: both;
width: 993px;
height: 50px;
text-align: right;
			background-color: #00cccc;
}

/*フッター文字*/
.footer-text{
font-size: 12px;
color: #FFFFFF;
line-height: 35px;
padding-right: 5px;
}
		
		
		.basic-1 {
			font-size: 18px;
			padding: 15px 0 15px 0;
			background: 
				linear-gradient(currentColor 0 0) 
				0 100% /var(--d, 0) 1px 
				no-repeat;
			transition:0.5s;
		}
		.basic-1:hover {
			--d: 100%;
		}
		

h1 {
letter-spacing: 0px;
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
letter-spacing:-0.1em;
text-shadow: 2px 2px 1px gray;
} 

h2 {
background-color: #f0f0f0;
letter-spacing: 0px;
font-size: 20px;
color: #161616;
margin-top: 25px;
margin-left: 13px;
margin-bottom: 20px;
border-left: 6px solid #339999;
			padding: 5px 5px  5px 10px;
} 

h3{
font-size: 18px;
			color: #161616;
margin-left: 23px;
margin-top: 20px;
letter-spacing: 0px;
margin-bottom: 15px;
}

.center {
width:750px;
text-align: center;
}

#top-image {
width:750px;
height:240px;
background: url(image/top-image.jpg) no-repeat;
text-align: center;
padding-top:260px;
}

#top-pic {
margin:15px 0px 15px 23px;
}

.title {
	margin-left:20px;
	padding-left:3px;
	font-weight:bold;
	margin-bottom: 15px;
	margin-top: 30px;
	font-size: 150%;
	
}

.text1, .texte {
	/* text-indent: 0; */
	font-size: 16px;
	color: #252525;
	font-weight: bold;
	margin: 0 2em 12px 2em;
	line-height: 1.4em;
	/* letter-spacing: 0px; */
}

.text2 {
font-size: 16px;
color: #ffff30;
margin: 0 2em 12px 2em;
letter-spacing: 0px;
line-height: 1.2em;
}

hr.linesep { 
	margin: 12px auto 12px auto;
	width: 92%;
}

.text3 {
font-size: 16px;
color: #FFFFFF;
margin: 0 2em 12px 2em;
letter-spacing: -1px;
line-height: 1.2em;
}

.text5 {
	/* text-indent: 0; */
	font-size: 16px;
			color: #252525;
	font-weight: bold;
	margin: 0 2em 12px 2em;
	line-height: 1.2em;
	/* letter-spacing: 0px; */
	text-align:right;
}
.text6 {
font-size: 16px;
color: #ffff30;
margin: 0 2em 12px 2em;
letter-spacing: 0px;
line-height: 1.2em;
text-align:right;
}
		
		.text8{
			font-size: 16px;
			color: #252525;
			font-weight: bold;
			text-align:center;
			margin-bottom: 25px;
		}

		.text9 {
			font-size: 16px;
			color: #252525;
			font-weight: bold;
			margin: 30px 2em 20px 2em;
			line-height: 1.4em;
			padding-left: 25px;
			line-height: 20px;
			background: url(image/hbc.jpg) no-repeat;
		}
		
		
.vtop {
	font-size: 120%;
	font-weight: bold;
	color: #f7f200;
}

.vbottom {
	font-size: 100%;
	color: #fff;
	font-weight: bold;
	background-color: #4d7777;
}

.list1 li {
	/* text-indent: 0; */
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0 1.2em 8px 48px;
	line-height: 1.2em;
	/* letter-spacing: 0px; */
}

.list1 { margin-top: 1.5em;  margin-bottom: 1.5em; }

.text1a {
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0 2em 8px 2em;
	line-height: 1.2em;
}

.text1b { 
	font-size: 16px;
	color: #000000;
	font-weight: bold;
	margin: 0 2em 8px 2em;
	line-height: 1.2em;
}

.price {
	margin: 3px 2em 0.2em 2em;
	color:#f30;
	font-weight:bold;
	font-size: 100%;
}

.price2 {
/* font-size: 15px; */
margin:3px 0px 15px 23px;
color:#f30;
font-weight:bold;
font-size: 120%;
}

.price-e {
/* font-size: 15px; */
margin:3px 0px 8px 23px;
color:#f30;
font-weight:bold;
font-size: 120%;
}


.text-1{
font-size: 13px;
color: #003300;
font-weight: bold;
margin-left: 23px;
letter-spacing: 0px;
line-height: 1.6em;
margin-bottom: 10px;
}
.text-e{
font-size: 13px;
color: #006400;
margin-left: 23px;
letter-spacing: 0px;
line-height: 1.2em;
margin-bottom: 10px;
}

.text-1-bold{
			font-size: 13px;
color: #006400;
margin-left: 23px;
letter-spacing: 0px;
line-height: 1.6em;
margin-bottom: 10px;
font-weight:bold;
}

.text-2{

font-size: 13px;
color: #191970;
margin-left: 13px;
letter-spacing: 0px;
line-height: 20px;
margin-bottom: 20px;
}

.text-3{
font-size: 12px;
color: #FFFFFF;
margin-left: 13px;
letter-spacing: -1px;
line-height: 20px;
margin-bottom: 15px;
}

.text-concept{
			font-size: 13px;
color: #006400;
text-align: center;
font-weight: bold;
margin-left: 20px;
letter-spacing: -1px;
line-height: 20px;
margin-bottom: 15px;
}

.text-lahilahi{

font-size: 12px;
color: #191970;
font-weight: bold;
margin-right: 200px;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 20px;
text-align: right;
}

.text-lahilahi-2{
font-size: 12px;
color: #006400;
font-weight: bold;
margin-right: 200px;
letter-spacing: 2px;
line-height: 20px;
margin-bottom: 20px;
text-align: right;
}

.small {
font-size:11px;
}


.information{
text-align: center;
font-size: 20px;
color: #161616;
font-weight: bold;
margin-left: 23px;
letter-spacing: 0px;
line-height: 25px;
margin-top: 10px;
}

table.table-schedule {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 700px;
  border-collapse: separate;
  border-spacing: 2px;
  font-size: 100%;
  margin-left: 20px;
}

table.table-schedule caption {
  margin-top: 1em;
  text-align: center;
}

table.table-schedule th,
table.table-schedule td {
  padding: 4px 6px;
}

table.table-schedule th {
  background: #008B8B;
  text-align: center;
  white-space: nowrap;
  font-size: 92%;
  color: #FFF;
}

table.table-schedule td {
  text-align: center;
  white-space: nowrap;
}

table.table-schedule col.class {
  background: #66CDAA;
}

table.table-schedule col.youbi {
  background: #FFF;
}

table.table-schedule col.time {
  background: #FFF;
}

table.table-schedule col.lesson {
  background: #FFA500;
}

.table{
margin-left: 25px;
margin-bottom: 15px;
}


.form{
margin-left: 23px;
margin-bottom: 30px;
}

.bold {
font-weight: bold;
color: #030;
}

.red {
color: red;
}

.small {
font-size: 10px;
}

.plice {
/* font-size: 15px; */
margin:3px 0px 30px 23px;
color:#f30;
font-weight:bold;
font-size: 120%;
}
.plice2 {
/* font-size: 15px; */
margin:3px 0px 15px 23px;
color:#f30;
font-weight:bold;
font-size: 120%;
}

.plice-e {
/* font-size: 15px; */
margin:3px 0px 8px 23px;
color:#f30;
font-weight:bold;
font-size: 120%;
}



.class-pic {
margin-left:23px;
margin-bottom:10px;
text-align: center;
}

#gingahoten {
margin-left: -50px;
}

.pcenter { text-align: center; 

		}








.buttun-1 {
width:125px;
height:30px;
background:url(image/buttun/buttun-home-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-1 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-1 a:hover {
text-indent:-9999px;
}


.buttun-2 {
width:125px;
height:30px;
background:url(image/buttun/buttun-profile-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-2 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-2 a:hover {
text-indent:-9999px;
}

.buttun-3 {
width:125px;
height:30px;
background:url(image/buttun/buttun-concept-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-3 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-3 a:hover {
text-indent:-9999px;
}

.buttun-4 {
width:125px;
height:30px;
background:url(image/buttun/buttun-kaanahawaii-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-4 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-4 a:hover {
text-indent:-9999px;
}

.buttun-5 {
width:125px;
height:30px;
background:url(image/buttun/buttun-schedule-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-5 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-5 a:hover {
text-indent:-9999px;
}

.buttun-6 {
width:125px;
height:30px;
background:url(image/buttun/buttun-voice-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-6 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-6 a:hover {
text-indent:-9999px;
}

.buttun-7 {
width:125px;
height:30px;
background:url(image/buttun/buttun-contact-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-7 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-7 a:hover {
text-indent:-9999px;
}

.buttun-8 {
width:140px;
height:200px;
background:url(image/iyashi-fair-bunner-2.jpg) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
margin: 0px auto;
margin-bottom: 10px;
}
.buttun-8 a {
display:block;
width:140px;
height:200px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-8 a:hover {
text-indent:-9999px;
}

.buttun-9 {
width:140px;
height:200px;
background:url(image/blog_bunner2.jpg) no-repeat left bottom;
margin-left: 13px;
margin: 0px auto;
margin-top: 10px;
margin-bottom:5px;
}
.buttun-9 a {
display:block;
width:140px;
height:200px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-9 a:hover {
text-indent:-9999px;
}

.buttun-10 {
width:125px;
height:30px;
background:url(image/buttun/buttun-english-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-10 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-10 a:hover {
text-indent:-9999px;
}

.buttun-11 {
width:125px;
height:30px;
background:url(image/buttun/buttun-donation-2.gif) no-repeat left bottom;
margin-top: 5px;
margin-left: 13px;
}
.buttun-11 a {
display:block;
width:125px;
height:30px;
font-size:1px;
line-height:1px;
outline:none;
}
.buttun-11 a:hover {
text-indent:-9999px;
}


.sidelink {
	width: 240px;
			 text-align:center;
			margin: 25px 0px 10px 0px;
}

.sidelink img {
	border: none;
	width: 220px;
}

.sidelink img:hover {
	filter:alpha(opacity=80);
	opacity:0.8;
}

.sidenote {
	color: #003200;
	font-weight: bold;
	text-align: center;
	margin-top: 2px;
	margin-bottom: 8px;
}