@charset "utf-8";

/* base
--------------------------------------------------*/
html{ margin:0; }
body{ margin:0; text-align: center; font-size: 90%; line-height: 1.5em; color: #333; font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro W6",Osaka,Verdana,Helvetica,sans-serif; }
img{ border:none; display:block; }

h1,h2,h3,h4,h5,p,ul,li,dl{ margin:0; padding:0; }

a{ color: #00F; }
a:hover{ color:#0066FF; }


#wrap_body{ width: 1047px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

/*head*/
#head{ background-image: url(../img/common/head_bg.gif); height: 142px; width: 1047px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; text-align: left; background-repeat: no-repeat; }
#head h1{ float:left; padding-left:80px; margin-top: 24px; display: block; }
#head img{display:inline-block;}

#head_r{ float:left; width:349px; height: 124px; }

#head_r{ text-align:right; }
#head_r ul{ padding:0; list-style:none; float: right; margin-top: 57px; margin-right: 0; margin-bottom: 0px; margin-left: 0; }
#head_r li{ float:left; margin-left: 10px; }
#head_r li span{ display:none; }

#head_r li#headmenu_01 a{ width:107px; height:35px; display:block; background-image: url(../img/common/head_menu1.gif); background-repeat: no-repeat;  }
#head_r li#headmenu_02 a{ width:138px; height:35px; display:block; background-image: url(../img/common/head_menu2.gif); background-repeat: no-repeat;  }
#head_r li#headmenu_01 a:hover,#head_r li#headmenu_02 a:hover{ background-position: left bottom; }


/*foot*/
#foot{ width: 1047px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; border-top-width: 5px; border-top-style: solid; border-top-color: #F75D6C; text-align: left; clear: both; }
#foot p{font-size:90%;}
/*content*/
#content{ margin-top: 10px; text-align: left; padding-left: 80px; }

#maincontent{
	width: 650px;
	float: left;
	padding-bottom: 17px;
}
#maincontent h2 img{ margin:0; }
#maincontent p{margin:20px 0 0 10px;}

#maincontent img{ margin-top: 20px; }

/*menu*/
#menu{ float: left; width: 220px; margin-left: 35px; }
#menu p{ clear:both; display: block; margin-top: 10px; }
span.ls1{letter-spacing: 0.1em; }
#menu img{ padding-top: 10px; margin-top: 10px; }
#menu ul{ list-style:none; display: block; padding: 0; margin: 0px; overflow:hidden; }
#menu li{ float:left; margin-bottom: 5px;}
#menu li span{ display:none; }
/*
#menu li#menu_01 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_osaka.gif); background-repeat: no-repeat; }
#menu li#menu_02 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_nishi.gif); background-repeat: no-repeat; }
#menu li#menu_03 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_satsuki.gif); background-repeat: no-repeat; }
#menu li#menu_04 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_teacher.gif); background-repeat: no-repeat; }
#menu li#menu_05 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_material.gif); background-repeat: no-repeat; }
#menu li#menu_06 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_group.gif); background-repeat: no-repeat; }
#menu li#menu_07 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_naiyo.gif); background-repeat: no-repeat; }
#menu li#menu_01 a:hover,#menu li#menu_02 a:hover,#menu li#menu_03 a:hover,#menu li#menu_04 a:hover,#menu li#menu_05 a:hover,#menu li#menu_06 a:hover,,#menu li#menu_07 a:hover{ background-position: right top; }
*/

#menu li#menu_01 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_material.gif); background-repeat: no-repeat; }
#menu li#menu_02 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_tyokuei.gif); background-repeat: no-repeat; }
#menu li#menu_03 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_group.gif); background-repeat: no-repeat; }
#menu li#menu_04 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_teacher.gif); background-repeat: no-repeat; }
#menu li#menu_05 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_material.gif); background-repeat: no-repeat; }
#menu li#menu_06 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_group.gif); background-repeat: no-repeat; }
#menu li#menu_07 a{ width:220px; height:40px; display:block; background-image: url(../img/common/menu_naiyo.gif); background-repeat: no-repeat; }
#menu li#menu_01 a:hover,#menu li#menu_02 a:hover,#menu li#menu_03 a:hover,#menu li#menu_04 a:hover,#menu li#menu_05 a:hover,#menu li#menu_06 a:hover,,#menu li#menu_07 a:hover{ background-position: right top; }

/*index
------------------------------------------------*/
/*indexの下のメニュー*/
#topunder{ background-color: #FFC; margin-top: 10px; margin-bottom: 10px; padding-top: 13px; padding-bottom: 13px; /*overflow:auto;*/ width: 650px; }
#topunder,
.clearfix {
    display: inline-block;
}
#topunder:after,
.clearfix:after {
    content: ".";
    font-size: 0.1em;
    line-height: 0;
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
/* ここから Mac IE5 を除外 \*/
* html #topunder,
* html .clearfix {
    height: 1%;
}
#topunder,
.clearfix {
    display:block;
}
/* ここまで Mac IE5 を除外 */

#topunder ul{ list-style:none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 13px; display: block; padding: 0; }
#topunder li{ float:left; margin-right: 10px; }
#topunder li span{ display:none; }

#topunder li#tumenu_01 a{ width:200px; height:100px; display:block; background-image: url(../img/index/btn_top_osaka.gif); background-repeat: no-repeat; }
#topunder li#tumenu_02 a{ width:200px; height:100px; display:block; background-image: url(../img/index/btn_top_nishi.gif); background-repeat: no-repeat; }
#topunder li#tumenu_03 a{ width:200px; height:100px; display:block; background-image: url(../img/index/btn_top_satsuki.gif); background-repeat: no-repeat; }
#topunder li#tumenu_01 a:hover,#topunder li#tumenu_02 a:hover,#topunder li#tumenu_03 a:hover{ background-position: left bottom; }

/*sub*/
.box01{clear:both;}
/*pic*/
.box02{ float:left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5px; width: 455px; }
.box03_1{ float:left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5px; width: 285px; }
.box03_1 img{ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 10px; }
.box03_2{ float:left; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 5px; width: 310px; }
.box03_2 img{ margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 10px; }
.box04{ padding-top: 20px; clear:both;}
.box04_pg2{ padding-top: 0px; clear:both;}
#wrap_body #content #maincontent .box04_pg2 table tr td img{margin:0; padding:0;}
#wrap_body #content #maincontent .box04 img{ margin: 0; padding:0;}


.box05{ padding-top: 0px; clear:both; width: 890px; margin-right: auto; margin-left: auto; text-align: left; padding-bottom: 30px; }
.box05_pg2{ padding-top: 0px; clear:both;}
#wrap_body #content #maincontent .box05_pg2 table tr td img{margin:0; padding:0;}
#wrap_body #content #maincontent .box05 img{ margin: 0; padding:0;}

.box06{ margin-top: 15px; margin-bottom: 15px; width: 830px; }


.fl_l{float:left;}
#maincontent p.pb{ font-weight: bold;  margin-top: 10px; }
#maincontent p.pb_red{ font-weight: bold; margin-top: 10px; color: #F03; }
#maincontent p.maru{ text-indent: -1em; padding-left:1em; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

#waku1_ue{ font-size: 1px; background-image: url(../img/sub/waku1_ue.gif); height: 17px; width: 440px; background-repeat: no-repeat; margin-top: 15px; margin-left: 10px; }
#waku1_naka{ font-size: 120%; background-image: url(../img/sub/waku1_naka.gif); background-repeat: repeat-y; text-align: center; width: 440px; font-weight: bold; margin-left: 10px; }
#waku1_sita{ font-size: 1px; background-image: url(../img/sub/waku1_sita.gif); background-repeat: no-repeat; height: 17px; width: 440px; margin-left: 10px; }

#waku2{padding:15px 0 15px 0/*90px;*/}
#waku3{ padding-top: 15px; padding-right: 0; padding-bottom: 15px; padding-left: 0px; clear: both; }
/*table*/

table{ font-size:100%; letter-spacing: 0.1em; line-height: 1.5em; }
th{font-weight: normal; text-align: left; padding-top: 5px; padding-bottom: 5px; padding-left: 10px; }
td{padding-top: 5px; padding-bottom: 5px; padding-left: 10px;}
#tbl01 table{
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	width: 295px;
}
#tbl01 th{ background-color: #FF9; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FCC403; }
#tbl01 td{  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FCC403; background-color: #FFFFDF; }
#tbl01 td.non{ border-bottom-style: none; background-color: #FFF; }



#tbl02{ padding-top: 15px; }
#tbl02 table{ border: 3px double #69F; }
#tbl02 th{ background-color: #FFF; border-bottom-style: none; text-align: right; }
#tbl02 td{ border-bottom-style: none; background-color: #FFF; }
tr#ito_teacher {

}


/*ブログバナー追加 CSSハック利用　IE7のみ例外*/
#link img{padding-top:0px; margin-top:0px; *margin-top:5px; _margin-top:0px;}
/*提携教室見出し*/
#maincontent p.te{
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #F75E6C;
	padding-left: 10px;
	font-weight: bold;
	margin-bottom: -10px;
}

/**/
.txtaka{margin-top: 10px; color: #F03;}


/*100622追加*/
.anchor { width:830px; margin:0 0 20px 0; padding:0;}
.anchor ul{ list-style-type: none; margin: 0px; }
.anchor li { float:left; margin:15px 7px; padding:0; text-align:center; border:1px solid #F99; list-style-type: none; }


#contentsMain .aw200 { width:200px; }

* html #contentsMain .aw200 { width:198px; }

 .aw124 { width:260px; }



.anchor a { padding:7px 0; color:#F66; background:#FFF; display:block; width:100%; font-size: 120%; font-weight: bold; text-decoration: none; }

.anchor a:hover { padding:7px 0; color:#FFF; display:block; width:100%; background-color: #F99; }

h3{ background-color: #FFC; background-image: url(../img/common/icon_star.gif); background-repeat: no-repeat; background-position: left top; clear: both; padding-top: 7px; padding-bottom: 7px; padding-left: 40px; font-size: 120%; }

.kome{ text-indent: -1em; padding-left: 1em; margin-top: 15px; }
.txtr{ text-align: right; padding-top: 10px; }

#tbl03{ margin-bottom: 25px; }
#tbl03 table{ margin-top: 20px; margin-right: 10px; margin-bottom: 0; margin-left: 10px; border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; border-top-color: #FCC403; border-right-color: #FCC403; }
#tbl03 th{ background-color: #FF9; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FCC403; border-left-width: 1px; border-left-style: solid; border-left-color: #FCC403; text-align: center; padding: 3px; }
#tbl03 td{ border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FCC403; background-color: #FFFFDF; border-left-width: 1px; border-left-style: solid; border-left-color: #FCC403; line-height: 120%; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 10px; }
#tbl03 td.non{ border-bottom-style: none; background-color: #FFF; }

/**/
#waku2 p.txtgreen{ color: #008A8A; margin: 0px; padding: 0px; font-weight: bold; }
#waku2 td{margin:0; padding:0;}
#waku2 .tdgreen{ color: #099; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; border: 1px solid #099; padding-top: 3px; padding-right: 0px; padding-bottom: 3px; padding-left: 5px; }

.bold{ font-weight: bold; }
#tbl04{}
#tbl04 table{}
#tbl04 th{ background-color: #FFF; border-bottom-style: none; text-align: right; }
#tbl04 td{}
#teacher_wrap {
	padding-left: 25px;
	width: 800px;
	position: relative;
	height: 170px;
}
#teacher_wrap #teacher_box {
	width: 350px;
	position: absolute;
	left: 339px;
	top: -3px;
	background-image: url(../img/sub/osaka_tatesen.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 14px;
}



table#teach {
	margin-bottom: 20px;
	/* [disabled]width: 350px; */
}
td#indent {
	padding-left: 1.7em;
	text-indent: -1em;
}



table#summer_table {
width:628px;
border-right: 1px solid #CCC;
border-bottom: 1px solid #CCC;
margin:0px 0px 0 10px;
padding:0;
}

table#summer_table td, table#summer_table th{
border-left: 1px solid #CCC;
border-top: 1px solid #CCC;
padding:4px 0;
text-align:center;
}
table#summer_table th{
background-color: #F75D6C;
font-weight: bold;
color: #FFF;
}
table#summer_table td{
vertical-align: middle;
}

table#summer_table td.age{
background-color: #FFFFEF;
height:2.7em;
}

table#summer_table td.none{
border:none;
}

table#summer_table2{
margin:10px 0 0 10px;
border:1px solid #CCC;
}

table#summer_table2 td.td1{
padding:10px 10px 0 10px;
vertical-align: top;
}

table#summer_table2 td.td2{
padding:10px 20px 0 0px;
}

table#summer_table2 td.td3{
padding:5px 20px 10px 0px;
}

p.p-b {
text-align:center;
padding-bottom: 20px;
}

.f-right{
float:right;
margin-right:10px;
}
#ito_box {
	background-image: url(../img/sub/osaka_tatesen.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 13px;
	margin-left: 15px;
}

