/*
001基本
002全体
003ヘッダー
004左サイドバー
005メインコンテンツ
006メイン（本文）
007パンクズ
008メイン見出しスタイル
009テキストボックス
010テーブル
011表
012テキストバック
013文字色
014フッター
*/

/*----------- 001基本-----------*/

*{
  font-family: "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,Osaka ,"メイリオ" ,"meiryo", "ＭＳ Ｐゴシック" , sans-serif;
  line-height: 1.5;
}
body {
    margin: 0;
    padding: 0;
    background: #aeceff;
    background: url(../img/bg_all.jpg) repeat-x bottom;
    line-height: 1.2;
    text-align: center;
    font-size: 12px;
}
th{
  font-size: 12px;
}
td{
  font-size: 12px;
  text-align: left;
}
h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,form ,caption {
  font-size: 1em;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
img {
  border: none;
}
p{
  margin: 0;
  padding: 0;
}
ol,ul,li,dl,dt,dd {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
tr ,th ,td {padding: 0;}
a:link {color: #6666ff; text-decoration: none}
a:visited {color: #6666ff; text-decoration: none}
a:active {color: #6666ff text-decoration: none}
a:hover {color: #6666ff; text-decoration: underline;}


/*------------- 002全体 -------------*/

#container{	
  width: 880px;
  background-color: #ffffff;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

table {
    border-collapse:collapse;
    border:none;	
}

/*------------ 003ヘッダー ------------*/

#header{
    position: relative;
    width: 880px;
    height: 100px;
    background: url(../img/header_bg_001.jpg) no-repeat;
}
#header li{
  float: left;
}

#naviTop {
  position: absolute;
  top: 0;
  left: 640px;
  padding-top: 5px;
}

#mainNavi {
  position: absolute;
  top: 75px;
  height: 25px;
  width: 880px;
}


/*-----------004左サイドバー---------*/

#sidebar {
    padding-top: 10px;
    padding-left: 20px;
    vertical-align: top;
}

.spMenu{
    height: 182px;
    padding-bottom: 10px;
    background: url(../img/spmenu_bk.jpg) no-repeat;
}

.spMenu dl{
    padding-top: 60px;
    padding-left: 10px;
    line-height: 0;
    font-size: 1px;
}

.schoolList{
    padding-bottom: 10px;
}

.leftMenu{
    padding-left: 10px;
    padding-bottom: 10px;
    line-height: 0;
    font-size: 1px;
}

.leftbnr {
    padding-left: 0px;
    padding-bottom: 10px;
}
.minibnr {
    padding-left: 0px;
    padding-bottom: 10px;
}


/*--------- 005メインコンテンツ ---------*/


#mainContent{
    padding-top: 10px;
    min-height: 650px;
}

/*------------006メイン（本文）----------*/

#main{
	background: #FFFFFF;
	width: 580px;
	padding: 15px;
}

.line20{
line-height:20px;

}


/*---------007パンクズ---------*/

#pan{
	font-size: 90%;
	height: 15px;
	color: #3366FF;
	text-align:right;
	border-bottom: 1px solid #666699;
}

#pan a:link, #pan a:visited, #pan a:active{
	 color: #666699; text-decoration: none;
}

#pan a:hover{
	 color: orange; text-decoration: underline;
}


/*------008メイン見出しスタイル-------*/

#main h2{
    border-bottom: 2px solid #666699;	
	margin-bottom: 5px;
}

#main h3{
	margin-bottom: 10px;
    padding-left: 10px;
	height: 50px;
	width: 550px;
}

#main h3.blue{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_blue.jpg) no-repeat left bottom;
	height: 50px;
	width: 550px;
}

#main h3.pink{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_pink.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3.gold{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_gold.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3.green{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_green.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3.orange{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_orange.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3.purple{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_purple.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3.art{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_art.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3.artblue{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_art_blue.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3.study{
	margin-bottom: 10px;
    padding-left: 10px;
	background: url(../img/h3bk_study.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3.saxblue{
	margin-bottom: 10px;
    padding-left: 10px;
	padding-bottom: 5px;
	background: url(../img/h3bk_saxblue.jpg) no-repeat left bottom;
	height: 50px;
	width: 555px;
}

#main h3 img{
	padding-top: 10px;
}


#main h4{
	color: #8181C0;
	width: 530px;
	height: 18px;
	padding-left: 10px;
	padding-bottom: 1px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #5E78D5;
	border-left: 10px solid #788EDC;
	font-size: 12px;
	background-color: #E1E1FF;
	font-weight: bold;
	line-height: 20px;
}


/*------009テキストボックス------*/


/*--BOX1 shadow--*/

.box1{
	width: 510px;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.box1 img{
    margin: 5px;
}

.box1 a{
	color: royalblue;
	text-decoration: none;
}

.box1 a:hover{
	color: orange;
	text-decoration: none;
}

.box1_ylw{
	width: 510px;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #FFFFE1;       
}

.box1_ylw img{
	float:right;
}

.box1_blue{
	width: 510px;
	padding: 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	background-color: #ECF2FF;       
}

.box1_blue li{
    margin-left: 120px;
}

.box1_blue .left01{
    margin-left: 50px;
}

.box1_blue .left02{
    margin-left: 80px;
}

.box1_blue .left03{
    margin-left: 120px;
}

.box1_blue a:link {
	text-decoration: none
}

.box1_blue a:hover {
	text-decoration: none; 
	background-color:#99ffcc;
}

.box1_0{
	width: 510px;
	padding: 0px 10px;
	margin-left: 20px;
	margin-bottom: 10px;
	border-left: 1px solid #eeeeee;
	border-top: 1px solid #eeeeee;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/*--BOX2 dot--*/

.box2{
	width: 510px;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-top: medium dotted #cccccc;
	border-bottom: medium dotted #cccccc;
}
.box2_ylw{
	width: 510px;
	padding: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	border-top: medium dotted #FFEB8E;
	border-bottom: medium dotted #FFEB8E;
	background-color: #FFFFE1;       
}

.box2_ylw img{
	float:right;
	border: 1px solid #E3D5A2;
}

.box2_blue{
	width: 510px;
	padding: 10px;
	margin-left: 15px;
	margin-bottom: 10px;
	border-top: medium dotted #BBC7EE;
	border-bottom: medium dotted #BBC7EE;
	background-color: #E6E6FF;
}

.box2title{
	color:#BB965E;
	font-weight: bold;
	font-size:14px;
	display:block;
	margin-bottom: 5px;
}

/*--BOX3 borderless--*/

.box3{
	width: 510px;
	padding: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.box3_350{
	width: 400px;
	padding: 10px;
	margin-left: 80px;
	margin-bottom: 10px;
}

.box3_nav{
	width: 510px;
	padding: 5px;
	margin-left: 10px;
	margin-bottom: 10px;	
}

.box3_nav img{
	vertical-align: bottom;
    
}

.box3_linkbtn{
	width: 510px;
	padding: 0px 10px;
	margin-left: 15px;
	margin-bottom: 5px;
	text-align:right;		
}


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


/*-- borderless450--*/

.table01 {
	width: 450px;
	margin-left: 40px;
	margin-bottom: 10px;		
}

.table01 td{
	padding: 5px;
	vertical-align:top;
}

.table01 img{
	border: 1px solid #cccccc;
}


/*--borderless490 余白0写真枠無し--*/

.table01_0 {
	width: 490px;
	margin-left: 25px;
}


/*--borderless500--*/

.table01_lg {
	width: 500px;
	margin-left: 20px;
	margin-bottom: 10px;
}

.table01_lg td{
	padding: 10px;
	vertical-align:top;
}


/*--borderless530(最大幅)--*/

.table04 {
	width: 530px;
	margin-left: 20px;
	margin-bottom: 15px;
}

.table04 td{
	padding: 10px;
	vertical-align:top;
	font-size: 90%;
	color:#333333;
}

.table04 img{
	/*padding: 10px;*/
	border: 1px solid #cccccc;
}



/*--borderless500(会社概要)--*/

.table05 {
	width: 500px;
	margin-left: 40px;
	margin-right: 20px;
	margin-bottom: 15px;
}

.table05 td{
	padding: 3px;
	vertical-align:top;
	color:#333333;
}

.table05 img{
	float:right;
}
 



/*--basicGray530--*/

.table02{
	width: 530px;
	margin-left: 20px;		
	margin-bottom: 15px;
	border-collapse: collapse;
	border: 1px solid #cccccc;
}

.table02 td{
	border: 1px solid #cccccc;
	padding: 5px 10px;
	vertical-align:top;
}

/*--basicGreen480--*/

.table03{
	width: 480px;
	margin-bottom: 15px;
	border-collapse: collapse;
	border: 1px solid olive;
}

.table03 td{
	border: 1px solid olive;
	padding: 1px 10px;
}

.table03 td.bkgreen{
	background: #C0DF82;
	text-align:center;
}


/*--basicGreen530　到達目標用--*/

.table03_lg{
	width: 550px;
	margin-left: 10px;
	margin-bottom: 15px;
	border-collapse: collapse;
	border: 1px solid olive;
}

.table03_lg td{
	border: 1px solid olive;
	padding: 5px 10px;
	vertical-align:top;
}

.table03_lg td.bkgreen{
	background: #C0DF82;
	text-align:center;
}

.table03_lg td.maman{
	background: url(../img/baby/mamaico.jpg) no-repeat left bottom;
}

.table03_lg td.child{
	background: url(../img/baby/babyico.jpg) no-repeat left bottom;
}

/*--basicBlue530　各教室一覧用--*/

.table04_lg{
	width: 580px;
	margin-left: 15px;
	margin-bottom: 15px;
	border-collapse: collapse;
	border: 1px solid navy;
}

.table04_lg td{
	border: 1px solid navy;
	padding: 1px 10px;
	vertical-align:top;
}

.table04_lg td.bksaxblue{
	background: #EBEBF5;
}

.table04_lg td.title{
	background: #515CC4;
	color: white;
	font-size:13px;
	font-weight:bold;
}

.table04_lg a:link, .table04_lg a:visited, .table04_lg a:active{
	 color: white; text-decoration: none;
}

.table04_lg a:hover{
	 color: gold; text-decoration: none;
}


/*------------- 011表 --------------*/


/*--basicYellow480 スクールクラス用--*/

#main .st01_ylw{
	width: 480px;
	border-collapse: collapse;
	border: 1px solid #FFCC00;
}

#main td.st_ylw{
	border: 1px solid #FFCC00;
	padding: 1px 10px;
} 

#main td.st_ylwbk{
	border: 1px solid #FFCC00;
	font-weight: normal;
	color: #333333;
	background: #FFEDA4;
	padding: 1px 10px;
} 


/*--basicYellowMini230 アンケート表--*/

#main .st02_ylw{
	width: 230px;
	border-collapse: collapse;
	border: 1px solid #FFCC00;
}

#main td.st_ylw{
	border: 1px solid #FFCC00;
	padding: 1px 10px;
} 

#main td.st_ylwbk{
	border: 1px solid #FFCC00;
	font-weight: normal;
	color: #333333;
	background: #FFEDA4;
	padding: 1px 10px;
}



/*-------012テキストバック--------*/

#main .box_blue{
	background: #ECF2FF;
	padding: 10px;
}

#main .box_pink{
	background: #FFECEC;
	padding: 10px;
}

#main td.pink{
     background: #FFEEEE;
}

#main td.yellow{
     background: #FFFFCC;
}


/*-------013文字色--------*/

.orange_b{
    color: orange;
    font-weight: bold;
}
.mediumslateblue{
    color: mediumslateblue;
}

.darkseagreen{
    color: darkseagreen;
}
.ogange{
    color: orange;
}

.cherryred{
    color: #ff2c40;
}

.mediumpurple_b{
    color: mediumpurple;
    font-weight: bold;
}

.purple{
    color: purple;
    font-weight: bold;
}

.navy{
    color: navy;
}

.lightblue{
    color:lightblue;
}

.lightcoral{
    color:lightcoral;
}

.lightpink{
    color:lightpink;
}

.saddlebrown{
	color:saddlebrown;
}

.darkred{
	color:darkred;
}

.darkkhaki{
	color:darkkhaki;
}

.darkturquoise{
    color:darkturquoise;
}

.goldenrod{
    color:goldenrod;
}

.yellow_b{
    color:#FFFF00;
	font-weight: bold;
}
.cadetblue{
    color:cadetblue;
}

.olivedrab{
	color:olivedrab;
}

.gold{
	color:gold;
}

.darkbule{
	color:#515CC4;
}

.pink{
	color:#ff8d95;
}

.cafe_b{
	color:#BB965E;
	font-weight: bold;
	font-size:14px;
}

.sub{
	color:#666699;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	padding; 0px 2px;
}

.big_a{
	color:#FF3333;
	font-size: 14px;
	font-weight: bold;
}

.big_q{
	color:#3366FF;
	font-size: 14px;
	font-weight: bold;
}	



/*------------ 014フッター ------------*/

#footer {
  width: 880px;
  height: 64px;
  color: #999999;
  background: url(../img/footer_bk.jpg) no-repeat bottom;
  font-size: 80%;
  padding: 0px 0px 15px 0px;
  clear: both; 
}
#footer a:link ,#footer a:visited, #footer a:active ,#footer a:hover {
  color: #cccccc;
}

#footer li {
  display: inline;
  padding: 0px 5px;
  border-right: 1px solid #cccccc;
}

#footer ul {
  width: 660px;
  float: left;
  margin-left: 20px;
}


/*--以下は編集しないでください---*/

/*----------- css hack -----------*/

.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}
* html .clearfix {
  display: inline-block;
}
/* no ie mac \*/
* html .clearfix {
}
.clearfix {
  display: block;
  min-height: 0;
}
/* */

/*hack*/

/*------------- css end -------------*/