@charset"Shift_JIS";

@import url("menu.css");


/*
===============CONTENTS======================
　　　　last-updateed:07-06-19
        
            1-0：基本レイアウト
　　　　2-0：トップページ
												3-0：小学生ページ
												4-0：中学生ページ
												5-0：高校生ページ
												6-0：英会話ページ

												8-0：トピックスページ

=====================================
*/

/*
=====================================

1-0：基本レイアウト

=====================================
*/
body{
 font-size: 13px; 
 line-height: 18px; 
 background-color: #fff
 }
.left{
float:left
}
img{
border:none
}

.clear{
clear:left
}
p{
margin:0
}
p#mail{
width:630px;
text-align:center;
}

/*カラー情報*/
strong{
color:red
}
.blue{
color:#00008b
}
.green{
color:#2e8b57
}
.red{
color:#f00
}
.orenge{
color:#f40
}
.right{
text-align:right;
color:#f80
}

/*
============================

2-0：トップページ

============================
*/
#home#base{
 margin: 0px; 
 padding-bottom:10px;
 border: solid 2px #00008b;
 width: 630px ;
 }
#news1{
font-size:100%;
margin:0 5px 10px 10px;
float:left;
width:380px;
}
#news1 p{
margin:0 0px 0px 0px;
line-height:140%;
padding-bottom:15px;
text-indent:15px;
}

#home a:hover{
background-color:#fcc;
}


#topNews{
width:200px;
}

#topTopics{
margin:0 0 15px 0px;
}
#topTopics dd{
border-bottom:1px solid #06c;
padding:8px 0;
margin:0
}


#topSche dd{
padding:8px 0;
margin:0;
}

#topSche{
width:196px;
}

#topicFoot {
text-aLign:center;
list-style-type:none;
height:70px;
padding-top:10px;
width:196px;
margin:0
}
#topicFoot img{
border:none
}
#topicFoot li{
foat:left;
background:#ddd;
margin:0 0px 10px 0;
border-top:1px solid #888;
}

#topFoot{
clear:left;
width:650px;
text-align:center;
margin-left:15px;
}

/*
TOP　NEWS FLOAT ハック
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
*/
#home#base:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#home#base{
display:inline-table;
}


/* Hides from IE-mac \*/
* html #home#base {height: 1%;}
/* End hide from IE-mac */


 /*
===============================

3-0：小学生ページ

==============================
*/
 /*
========3-1：基本情報========
*/
 #sho#bass{
  margin: 10px; 
  border: solid 2px #ff8c00; 
  width: 630px 
  }
#sho a:link,
#sho a:visited,
#sho a:hover {
 color: #ff8c00 
 }

/*
========3-2：トップレイアウト========
*/

#shoTop{
margin:0 0 0 20px;;
padding:0;
border:0;
width:550px
}
#shoTop p{
margin:8px 0 10px 0px;
}
#shoTop dl{
margin:0 25px 10px 0PX;
padding:0 15px;
}
#shoTop dt{
fon-size:1.2em;
font-weight:bold;
}
#shoTop dd{
margin: -18px 0 0 100px;
width:450px;
}

/*ニュース*/

/*ニュース*/
#shoNews {
margin:0 0 0 20px;
width:550px;
}
#shoNews dl{
padding-bottom:15px;
}

#shoNews dt{
margin:20px 10px 10px 10px; 
border-left:18px solid #c90;
text-indent:5px;
border-bottom:1px solid #ccc;
font-weight:bold
}
#shoNews dd{
margin:10px 0 0 20px;
}

#shoNews table{
border-collapse:collapse;
border:1px solid #c90;
border-spacing:0;
empty-cells:show;
margin:15px 0 
}

#shoNews th{
background:#fdb;
border:1px solid #c90;
padding:2px;
}
#shoNews td{
border:1px solid #c90;
padding:2px;
}


/*
==========3-3：カリキュラム============
*/
.classdl{
background:#faebd7;
}

.classtitle,#time-title,#pay-title {
float:left;
width:105px;
margin:0;
font-size:1.0em;
text-align: right;
font-weight:bold ;
color:#1fa51f;
}/*h2に関する情報*/

.classmain,#time-main,#pay-main{ 
margin:0 0 20px 120px; 
width: 470px }

#time-main table{
border-collapse:collapse;
border:1px solid #699;
border-spacing:0;
font-size:12px;
}
#time-main thead, {
background:#fa7;
border-bottom:1px solid #699;

}
#time-main th, #time-main td{
border-width:0;
text-align:center
}
#time-main tbody th, {
width:20px;
border-top:1px solid #699;
border-right:1px solid #699
}
#time-main tbody td, {
width:80px;
border-right:1px solid #699;
border-top:1px solid #699
}


#time-main tr.yobi{
border-bottom:2px solid #699;
border-width:0 0 2px 0;
}
tr.beige{
background:#ffd
}
 /*
========3-4：合格実績===============
*/  
#shoGokaku{
margin:0;
padding:0;
border:0;
width:550px
}
#shoGokaku p{
line-height:2.2em;
height:150px;
padding-left:20px;
}


 /*
===========================

4-0：中学生ページ

===========================
*/
/*
========4-1：基本情報========
*/  
#chu #bass{
  margin: 10px; 
  border: solid 2px #39c; 
  width: 630px 
  } 

#chu a:link,#chu a:visited,#chu a:hover {
 color: #39c 
 }

/*
========4-2：トップレイアウト========
*/  

#chuTop{
margin:0 0 0 20px;
}
#chuTop dt{
border-bottom:2px solid #39c; 
border-top:2px solid #39c; 
padding:15px 0;
text-indent:5px;
width:550px;
margin:10px 0
}

#news-right caption{
background:#399;
color:#fff;
padding:6px;
}


/*ニュース*/
#chuNews {
margin:0 0 0 20px;
width:550px;
}
#shoNews dl{
padding-bottom:15px;
}

#chuNews dt{
margin:30px 0px 10px 10px; 
border-left:1px solid #6Cf;
text-indent:5px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#36f;
color:#fff;
font-weight:bold;
padding:2px 0
}
#chuNews dd{
margin:10px 0 0 20px;
}

#chuNews table{
border-collapse:collapse;
border:1px solid #aaa;
border-spacing:0;
empty-cells:show;
margin:15px 0 0 0 
}

#chuNews th{
background:#ddd;
border:1px solid #AAa;
padding:2px;
width:80px;
font-weight:normal;
}
#chuNews td{
border:1px solid #aaa;
padding:2px;
}



/*
========4-3：カリキュラムレイアウト========
*/  

#news-right table{
border-collapse:separate;
border-spacing:0;
border-top:1px solid #ddc;
border-bottom:3px solid #ddc;
}
#news-right th{
font-weight:normal;
background:#f6f6f5;
width:60px;
border-right:1px solid #eed;
border-bottom:1px solid #ccc;
padding:2px;
}
#news-right td{
text-align:center;
border-bottom:2px solid #ccc;
border-right:1px solid #ccc;
}
/*
========4-4：カリキュラムレイアウト========
*/  
#chuGokaku{
margin:15px 0 15px 20px;
}



 /*
============================

5-0：高校生ページ

==============================
*/  
/*========5-1：基本情報========*/  
#kou #bass{
  margin: 10px; 
  border: solid 2px #f00; 
  width: 630px 
  } 
#kou a:link,#kou a:visited,#kou a:hover {
 color: #f00 
 }
#kou p{
margin:0 50px 15px 20px;
}

/*========5-2：トップレイアウト========*/  
#kou #kouTop{
margin:0 0 20px 20px;
padding-left:160px;
background:url(koukou/k_ph1.gif) no-repeat
}
#kou dl{
margin:0 0 15px 0px ;
}

#kou dt{
color:#039;
font-weight:bold;
font-size:1.2em
}
#kou dd{
margin:0;
}
#kouYozemi{
background:url(yozemi/rogo_s.gif);
width:198px;
height:29px;
}
#kouYozemi em{
display:none;
}


#kouYozemi a{
display:block;
width:198px;
height:29px;
}
#kouYozemi a:hover{
background:url(yozemi/rogo_.gif);
}


/*ニュース*/
#kouNews {
margin:0 0 0 20px;
width:550px;
}
#kouNews dl{
padding-bottom:15px;
}

#kouNews dt{
margin:30px 0px 10px 10px; 
border-left:1px solid #6Cf;
text-indent:5px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
background:#c39;
color:#fff;
font-weight:bold;
padding:2px 0
}
#kouNews dd{
margin:10px 0 0 20px;
}

#kouNews table{
border-collapse:collapse;
border:1px solid #aaa;
border-spacing:0;
empty-cells:show;
margin:15px 0 0 0 
}

#kouNews th{
background:#ddd;
border:1px solid #AAa;
padding:2px;
width:80px;
font-weight:normal;
}
#kouNews td{
border:1px solid #aaa;
padding:2px;
}



 /*
============================

6-0：英会話ページ

==============================
*/  
/*========6-1：基本情報========*/  
#eikaiwa #bass{
  margin: 10px; 
  border: solid 2px #2e8b57;
padding-bottom:20px; 
  width: 630px 
  } 
#eikaiwa a:link,#eikaiwa a:visited,#eikaiwa a:hover {
 color: #2e8b57 
 }
#eikaiwa p{
margin:0 50px 15px 20px;
}

#eikaiwa table{
margin:0 0 0 0px;
}
#eikaiwa dt{
font-weight:bold;
color:#2e8b57;
font-size:1.0em;
margin:10px 0 10px 20px;
}
#ekaiwa dd{
width:550px;
}
#eikaiwa ul{
margin:0 0 0 20px;
list-style-type:none;
}
/*========6-2：KIDSクラスレイアウト========*/
#kidGyouji{
	background:url(eikaiwa/ei-kid-nen-bg.jpg) no-repeat;
	height:550px;
	position:relative;
	margin:0 0 0 20px;
	background-image: url(eikaiwa/ei-kid-nen-bg08.jpg);

}
#kidGyouji p{
position:absolute;
top:270px;
left:340px;
font-size:0.8em;
width:180px;
}
#eikaiwa #pay{
border-collapse:collapse;
border:1px solid #9c3;
border-spacing:0;
empty-cells:show;
}
#eikaiwa #pay th{
padding:5px;
border:1px solid #9c3;
}
#eikaiwa #pay td{
padding:5px;
border:1px solid #9c3;
}

#eikaiwa #pay thead{
background:#fafad2;
}
/*========
6-2-1：KIDSクラスレイアウト
サマースクール限定レイアウト
========*/



#kidSum{
margin: 0 0 0 0px;
width:600px;
background:#fff;
padding:0px 0px 15px
}

#kidSum p{
width:90%;
}
h4.leftSum{
float:left;
clear:left;
width:250px;
margin:0 0px 0 20px;
padding:15px 0 0 0;
border-top:2px solid #ccc;
}

.rightSum{
margin:0 0 0 270px;
padding:0 0 25px 0;
border-top:2px solid #ccc;
}

.rightSum h5{
margin:3px 0;
}

table #jukoTable {
border-collapse:collapse;
border:1px solid #aaa;
border-spacing:0;
empty-cells:show;

}

#jukoTable th{
background:#ddd;
border:1px solid #AAa;
padding:2px;
width:80px;
font-weight:normal;
}
#jukoTable td{
border:1px solid #aaa;
padding:2px;
}





 /*
============================

8-0：トピックスページ

==============================
*/  
#tpcs #bass{
  margin: 10px; 
  border: solid 2px #f00;
padding-bottom:20px; 
  width: 630px 
  } 
#tpcs a:link,#tpcs a:visited,#tpcs a:hover {
 color: #2e8b57 
 }
#tpcs p{
margin:0 50px 15px 20px;
color:#444
}

#tpcs table{
border-collapse:collapse;
border:1px solid #aaa;
border-spacing:0;
empty-cells:show;
margin:15px 20px
}

#tpcs th{
background:#ddd;
border:1px solid #AAa;
padding:2px;
width:80px;
font-weight:normal;
}
#tpcs td{
border:1px solid #aaa;
padding:2px;
}


 /*========12/12作成分========*/  
.wintable{
font-size:80%;
border-bottom:2px solid #f6c;
margin-bottom:20px;
border-collapse:separate;
border-spacing:0px;
}
thead.win{
background:#c36;
color:#fff;
}
thead.win th{
border-right:1px solid #fcc;
text-align:center;
padding:10px 5px;
}
tbody.win th{
border-right:1px solid #fcc;
padding:10px 5px;
}
tbody.win td{
border-right:1px solid #fcc;
padding:2px
}
tbody.win td{
border-color:#bbb
}
.th3{
background:#690;
color:#fff;
}
.th2{
background:#06c;
color:#fff;
}
.th1{
background:#f60;
color:#fff;
}

.date{
font-size:80%;
}
.maru{
text-align:center;
border-top:0px solid ;
border-bottom:0px dashed ;
border-right:1px solid ;
background:#eee
}
.maru2{
text-align:center;
border-right:1px solid ;

}
.uline2{
border-top:1px solid ;
border-right:1px solid;
text-align:center;
}
.uline{
border-top:0px solid;
border-bottom:0px dashed;
background:#eee
}
caption{
text-align:left;
font-size:160%;
padding:10px;
}


#paytable{
font-size:80%;
boder-top:2px solid #ddd;
border-left:2px solid #ddd;
boder-right:2px solid #777;
border-bottom:2px solid #9cc;
border-collapse:separate;
border-spacing:0;margin-bottom:20px;
}
#paytable thead th{
background:#9cc;
border-top:2px solid ;
border-right:1px solid ;
text-align:center;
}
#paytable tbody td{
border-right:1px solid;
border-top:1px solid ;
}
#paytable tbody th{
border-right:1px solid;
border-top:1px solid ;
}


#paytable tbody td,#paytable tbody th,#paytable thead th{
border-color:#6cc
}


#win2{
font-weight:normal;
width:550px;
}
#win2 h1{
font-size:1.4em;
color:#F00
}
#win2 h2{
border-left:8px solid #090;
background:#090;
color:#fff;
font-size:1.0em;
text-indent:5px;
margin:25px 0 10px 0;
padding:5px
}

#win2 dl{
border:solid #ddd;
border-width:1px 1px 7px 6px;
margin:0 0 20px 15px;
padding:10px;
font-size:0.8em;
width:530px;
}

#win2 dt{
color:#090;
margin:0 0 10px 0;
padding:5px;
font-size:1.5em;
}

#win2 ul{
font-weight:bold;
}

#freelarn{
margin:0;
list-style-type:none;
border:1px solid #099;
background:#ddd;
padding:2px;
width:400px;
}

#freelarn li{
background:#fff;
padding:2px;
}

/*-------------------------------------------------------------------------------------------- 
　　　　　　　　　　　　　　　　　　　　　　テーブル
 --------------------------------------------------------------------------------------------*/

TD#koukou {
  border-style: solid; /* 枠の種類 */
  border-color: #666666; /* 枠の色 */
  border-width: 1px 0px; /* 枠の幅 */
}

TABLE#wawa {
	border-collapse: collapse;
	border-style: solid; /* 枠の種類 */
	border-color: #666666; /* 枠の色 */
	border-width: 1px; /* 枠の幅 */
}