@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: 30px; }
#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; }


/*index
------------------------------------------------*/
/*indexの下のメニュー*/
#topunder{ background-color: #FFC; margin-top: 30px; 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; }
#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; }

/*ブログバナー追加 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; }