body {
color: #333;
font-size: 9pt;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 14pt;
background-image: url(bg.gif);
margin: auto; width: 780px;
border-right: 1px solid #8e8e8e;
border-left: 1px solid #8e8e8e;
}

/*header*/
#top{
background-color: #fff;
height: 4px;
width: 780px;
}

#route {
font-size: 7.5pt;
background-color: #f5f5f5;
height: 11px;
width: 770px;
padding: 3px 0 8px 10px;
border-top: 3px solid #069;
}

/*common items*/
p {margin: 0;}
.small { font-size: 8pt; }
td {margin: 0; padding :0;}
a:link{color: #69f;}
a:visited {color: #69f;}
a:hover{color: #f33;}
a:active {color: #f33;}

h1 {/*header-top*/
color: #fff;
font-size: 7pt;
font-weight: normal;
background-color: #069;
margin: 0;
padding-top: 1px;
padding-bottom:1px;
text-align: center;
}

h2 {/*red and dots*/
color: #f30;
font-size: 11pt;
font-weight: bold;
background-color: #e3e3e3;
padding-left: 3px;
padding-top: 3px;
padding-bottom:3px;
border-top: 2px dotted #333;
border-bottom: 2px dotted #333;
}

h3 { /*right blue*/
color: #333;
font-size: 11pt;
font-weight: bold;
margin: 0 0 5px;
padding-left: 3px;
padding-top: 3px;
padding-bottom:3px;
border-left: 4px solid #36c;
}

h4 { /*blue bar*/
color: #fff;
font-size: 10pt;
font-weight: bold;
background-color: #069;
margin: 5px 0 10px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
}

h5{ /*red*/
color: #f30;
font-size: 9pt;
font-weight: bold;
margin: 0 0 10px;
}

#smenu{/*footer menu*/
background-color: #f5f5f5;
font-size: 8pt;
text-align: center;
padding-top: 20px;
padding-bottom: 10px;
border-bottom: 1px dotted #999;
}

#address{/*footer address*/
background-color: #f5f5f5;
font-size: 8pt;
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
}

#cr {/*footer copyright*/
color: #fff;
font-size: 7.5pt;
font-weight: normal;
background-color: #069;
margin: 0;
padding-top: 3px;
padding-bottom:3px;
padding-right: 3px;
text-align: center;
}

/*TABLE*/
table { /*basic*/
background-color: #f5f5f5;
border:0;
border-collapse: collapse;
}

table.opl{ /*for one point lesson*/
width: 600px;
margin: 10px;
padding: 5px;
}

table.jtastytop{ /*J-Tasty TOP*/
width: 600px;
table-layout: auto;
border:0px;
border-collapse:separate;
 }
 
table.jtasty{ /*J-Tasty*/
width: 600px;
table-layout: fixed;
border:0px;
border-collapse: separate;
margin-bottom: 25px;
 }
 
table.voice{ /*Testimonials*/
width: 100%;
padding: 5px;
table-layout: fixed;
border-collapse:separate;
}

.voicecell{ /*Testimonials*/
text-align: center;
border:  solid 1px #069;
padding: 5px;
}

table.button{ /*for button*/
width: 100%;
padding: 5px;
table-layout: auto;
border:0;
border-collapse: separate;
}

/*Courses and Fees*/
table.schedule{ /*outline*/
text-align:center;
width: 620px;
margin-bottom:10px;
table-layout: fixed;
border: solid 1px #a9a9a9;
border-collapse: separate;
}

table.course{ /*courses*/
width: 600px;
padding: 5px;
table-layout:fixed;
border:0;
border: solid 1px #a9a9a9;
border-collapse: separate;
}

table.price{ /*price*/
width: 550px;
padding:2px;
table-layout: auto;
border-collapse: separate;
}

/*course schedule*/
.sc-day { color: #fff; background-color: #808080; padding: 3px; border: solid 1px #333; }
.sc-50 { color: #333; background-color: #e0ffff; padding: 3px; border: solid 1px #008080; }
.sc-pri { color: #333; background-color: #fff0f5; padding: 3px; border: solid 1px #f00; }
.sc-beg { color: #333; background-color: #f0fff0; padding: 3px; border: solid 1px #008000; }
.sc-com { color: #333; background-color: #f0f8ff; padding: 3px; border: solid 1px #069; }
.sc-sp { color: #333; background-color: #faf0e6; padding: 3px; border: solid 1px #ffa500; }
.sc-teen { color: #333; background-color: #e6e6fa; padding: 3px; border: solid 1px #4b0082; }
.sc-jlpt { color: #333; background-color: #f5f5dc; padding: 3px; border: solid 1px #556b2f; }
.sc-int { color: #333; background-color: #fff8dc; padding: 3px; border: solid 1px #8b0000; }
.blank {/*gray outline blank*/
background-color: #eee; padding: 3px; border: solid 1px #666; }
.line {/*gray outline*/
background-color: #eee; margin-bottom: 10px; padding: 3px; border: solid 1px #666; }

table.frameset{
width:610px;
table-layout:fixed;
border:0;
}

.frame {/*whyQLS*/
background-color: #fff;
text-align: left;
vertical-align: top;
padding-right: 5px;
padding-bottom: 3px;
padding-left: 5px;
border: solid 1px #666;
margin-bottom:15px;
}


/*TopMenu*/
#Menu {
height: 60px;
}

#Menu ul {
margin: 0;
padding :0;
list-style-type : none;
}

#Menu li {
display : inline;
margin:0;
float:left;
}

#Menu a { display: block; text-decoration:none; text-align:center; height: 30px; width: 128px;/*menu-width*/
padding-top: 30px; font-size: 9pt; font-weight: bold; background-image: url(bottun.gif);/*image*/
background-repeat: repeat; color: #069; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-right: 1px; border-left: 1px dotted #666;/*dots-line*/ 
}

#Menu a:hover { display: block; text-decoration:none; text-align:center; height: 30px; width: 128px;/*menu-width*/
padding-top: 30px; font-size: 9pt; font-weight: bold; background-image: url(bottun-b.gif);/*image*/
background-repeat: repeat; color: #f33; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-right: 1px; border-left: 1px dotted #666;/*dots-line*/
}

#Menu a.here{ display: block; text-decoration:none; text-align:center; height: 30px; width: 128px;/*menu-width*/
padding-top: 30px; font-size: 9pt; font-weight: bold; background-image: url(bottun-b.gif);/*image*/
background-repeat: repeat; color: #f33; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-right: 1px; border-left: 1px dotted #666;/*dots-line*/
}

/*LeftMenu*/
#Menuleft {
width: 127px;/*menu-width*/
height:100%;
}

#Menuleft ul {
margin: 0;
padding :0;
list-style-type : none;
}

#Menuleft li {
display : inline;
margin-left:3px;
float:left;
}

#Menuleft a { display: block; text-decoration:none; text-align:center; height: 30px; width: 125px;/*1menuの幅*/
padding-top: 30px; font-size: 9pt; font-weight: bold; background-image: url(bottun.gif);/*ボタン背景画像*/
background-repeat: repeat; color: #069; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; margin-bottom:  2px; border-left: 1px dotted #666;/*ドットの区切り線*/ }

#Menuleft a:hover { display: block; text-decoration:none; text-align:center; height: 30px; width: 125px;/*1menuの幅*/
padding-top: 30px; font-size: 9pt; font-weight: bold; background-image: url(bottun-b.gif);/*ボタン背景画像*/
background-repeat: repeat; color: #f33; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;margin-bottom:  2px; border-left: 1px dotted #666;/*ドットの区切り線*/
}

#Menuleft a.herel{display: block; text-decoration:none; text-align:center; height: 30px; width: 125px;/*1menuの幅*/
padding-top: 30px; font-size: 9pt; font-weight: bold; background-image: url(bottun-b.gif);/*ボタン背景画像*/
background-repeat: repeat; color: #f33; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;margin-bottom:  2px; border-left: 1px dotted #666;/*ドットの区切り線*/
}

/*FAQ*/
#faq{
width: 600px;
height: 100%;
}

#faq ul {
margin: 0;
padding :0;
list-style-type : none;
}

#faq li{
width: 590px;
padding-bottom: 15px;
padding-left: 10px;
display : inline;
float: left;
padding-top: 15px;
}

.q{ color: #069; font-weight: bold; padding-right: 5px; padding-bottom: 1px; border-bottom: 1px dotted #069; }
.a{ color: #f30; font-weight: bold; padding-top: 10px; padding-right: 5px; }

/*Testimonials-frame*/
.student{ width: 610px;margin-top: 10px;margin-bottom: 10px; padding: 5px; border: dotted 1px #069; }

/*details*/
.mainframe{/*outline-frame*/
width:780px;
height:100%;
background-color: #f5f5f5;
}

.leftmenu{/*leftmenu-frame*/
width:130px ;
float:left;
background-color: #f5f5f5;
height: 100%;
}

.mainright {/*for contents*/ 
width: auto;
margin-left: 140px;
background-color:#f5f5f5;
height: 100%;
}

.rightcell{
width:625px;
float:left;
margin-top:10px;
margin-bottom:10px;
}


.subleft{/*左枠*/
width:430px; float:left; margin-bottom: 10px; }

.subright {/*右枠*/
width:185px;
float: right;
}
.subiframe{ /*小枠*/
background-color: #f5f5f5; width:410px; margin-top: 10px; margin-bottom: 0; padding: 0 5px 5px; border:0}
.subbox{ /*小枠*/
background-color: #e3e3e3; width:410px; margin-top: 10px; margin-bottom: 0; padding: 0 5px 5px; border: solid 1px #069;}
 
.lessonbox{ /*ワンポイントレッスン*/
color: #fff; font-size: 10pt; font-weight: bold; background-color: #069; text-align: center; width:175px; margin-top: 10px; margin-bottom: 10px;padding: 5px;}

.rightbox{ /*ワンポイントレッスン*/
width:175px; margin-right: 5px; padding: 5px; border-top: 2px dotted #8e8e8e; border-bottom: 2px dotted #8e8e8e; }

.imgleft {/*イメージ回り込み*/
float: left; margin-top: 5px; margin-right: 10px; margin-bottom: 5px; border: solid 1px #666; }

.imgright {/*イメージ回り込み*/
float: right;
margin-right: 5px;
margin-bottom: 10px;
margin-left: 10px;
border: solid 1px #666;
}

.lesson { color: #069; font-size: 9pt; background-color: #fff; vertical-align: 3px; margin-bottom: 5px; padding: 1px 2px 2px; }

.imgcenter {/*イメージ回り込み*/
margin-bottom: 5px; border: solid 1px #666; }