@charset "utf-8";
@import url(modify.css);

/*--========================= 共通 =========================--*/
*, html { margin:0; padding:0;}
body { font-size: 80%; background:url(../images/bg.jpg); font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;}

a { text-decoration:none; color:#0099FF;}
a:link {}
a:hover { text-decoration:underline;}
a img { border: 0;}
p { margin-bottom:0.5em; line-height:1.8em;}
.clear { clear:both; float:none; line-height:1px;}
.imgBox img { display:block; padding:5px; margin:5px; background:#FFFFFF; border:solid 1px #CCCCCC;}
ul.list { list-style-position: inside;}
ul.list li { background:url(../images/ico_list.jpg) no-repeat left center; list-style:none; margin-bottom:2px; margin-left:30px;}

#bg { background:url(../images/bg.jpg) center top;}
#base { width:750px; padding-left:100px; padding-right:100px; background:url(../images/bg_base.jpg) repeat-y; margin-left:auto; margin-right: auto;}

#body { margin-top:20px;}
#body #body_left { float:left; width:545px;}
#body #body_right { float:right; width:180px;}
#body_main { width:720px; margin-left:15px;}
#body_main #body_left { float:left; width:175px;}
#body_main #body_right { float:right; width:525px;}


/*--========================= トップ　ヘッダ =========================--*/
#header { margin-bottom:12px;}
#header h1 { background:url(../images/img_main.jpg) no-repeat; width:750px; height:262px; position:static;}
#header h1 span { display:block; position:relative; left:-99999px;}
/*--========================= /トップ　ヘッダ =========================--*/
/*--========================= サブ　ヘッダ =========================--*/
#header h1#sub1 { background:url(../images/img_sub.jpg) no-repeat; width:750px; height:122px; position:static;}
#header h1#sub2 { background:url(../images/img_sub.jpg) no-repeat; width:750px; height:122px; position:static;}
#header h1#sub3 { background:url(../images/img_sub.jpg) no-repeat; width:750px; height:122px; position:static;}
#header h1#sub4 { background:url(../images/img_sub.jpg) no-repeat; width:750px; height:122px; position:static;}
#header h1#sub5 { background:url(../images/img_sub.jpg) no-repeat; width:750px; height:122px; position:static;}
#header h1#sub6 { background:url(../images/img_sub.jpg) no-repeat; width:750px; height:122px; position:static;}
#header h1 a { display:block; width:750px; height:122px;}
/*--========================= /サブ　ヘッダ =========================--*/

/*--========================= トップ　メインナビゲーション =========================--*/
#nav { display:block; height:50px; position:static; list-style:none;}
#nav li { float:left;}
#nav li a span { display:block; position:relative; left:-99999px;}
#nav #nav1 { width:105px; height:50px; background:url(../images/nav_1.jpg) no-repeat;}
#nav #nav2 { width:118px; height:50px; background:url(../images/nav_2.jpg) no-repeat;}
#nav #nav3 { width:155px; height:50px; background:url(../images/nav_3.jpg) no-repeat;}
#nav #nav4 { width:92px; height:50px; background:url(../images/nav_4.jpg) no-repeat;}
#nav #nav5 { width:73px; height:50px; background:url(../images/nav_5.jpg) no-repeat;}
#nav #nav6 { width:121px; height:50px; background:url(../images/nav_6.jpg) no-repeat;}
#nav #nav7 { width:86px; height:50px; background:url(../images/nav_7.jpg) no-repeat;}
#nav #nav1 a { display:block; width:105px; height:50px;}
#nav #nav2 a { display:block; width:118px; height:50px;}
#nav #nav3 a { display:block; width:155px; height:50px;}
#nav #nav4 a { display:block; width:92px; height:50px;}
#nav #nav5 a { display:block; width:73px; height:50px;}
#nav #nav6 a { display:block; width:121px; height:50px;}
#nav #nav7 a { display:block; width:86px; height:50px;}
/*--========================= /トップ　メインナビゲーション =========================--*/
/*--========================= サブ　メインナビゲーション =========================--*/
#navs { display:block; height:37px; position:static; list-style:none;}
#navs li { float:left;}
#navs li a span { display:block; position:relative; left:-99999px;}
#navs #nav1 { width:105px; height:37px; background:url(../images/nav_s1.jpg) no-repeat;}
#navs #nav2 { width:118px; height:37px; background:url(../images/nav_s2.jpg) no-repeat;}
#navs #nav3 { width:155px; height:37px; background:url(../images/nav_s3.jpg) no-repeat;}
#navs #nav4 { width:92px; height:37px; background:url(../images/nav_s4.jpg) no-repeat;}
#navs #nav5 { width:73px; height:37px; background:url(../images/nav_s5.jpg) no-repeat;}
#navs #nav6 { width:121px; height:37px; background:url(../images/nav_s6.jpg) no-repeat;}
#navs #nav7 { width:86px; height:37px; background:url(../images/nav_s7.jpg) no-repeat;}
#navs #nav1 a { display:block; width:105px; height:37px;}
#navs #nav2 a { display:block; width:118px; height:37px;}
#navs #nav3 a { display:block; width:155px; height:37px;}
#navs #nav4 a { display:block; width:92px; height:37px;}
#navs #nav5 a { display:block; width:73px; height:37px;}
#navs #nav6 a { display:block; width:121px; height:37px;}
#navs #nav7 a { display:block; width:86px; height:37px;}
/*--========================= /サブ　メインナビゲーション =========================--*/

#topmsg { width:490px; margin-bottom:10px; padding:15px; border:solid 1px #0099CC; line-height:1.5em; font-size:120%;}

/*--========================= トップ　新着情報 =========================--*/
#whatsnewTtl { background:url(../images/ttl_whatsnew.jpg) no-repeat; width:529px; height:39px; position:static;}
#whatsnewTtl span { display:block; position:relative; left:-99999px;}
#whatsnew { margin-left:30px; list-style:none;}
#whatsnew li { margin-top:5px;}
#whatsnewBK { padding-left:435px; background:url(../images/bg_whatsnew.jpg) no-repeat; margin-bottom:20px; font-size:80%;}
#whatsnew a:hover,#whatsnewBK a:hover { text-decoration:underline;}
/*--========================= /トップ　新着情報 =========================--*/


/*--========================= トップ　教室紹介 =========================--*/
#topBox div { width:172px; height:130px; float:left; margin-right:7px;}
#topBox div.clear { width:100%; height:1px; clear:both; float:none; line-height:1px; margin:0;}
#topBox strong { display:block; margin-top:86px; margin-left:15px; padding-left:15px; background:url(../images/btn_topbox.jpg) no-repeat; color:#0066CC;}
#topBox p { margin-left:30px; font-size:75%; color:#999999; line-height:1em;}
#topBox a { display:block; width:172px; height:130px;}
#b01 a { background:url(../images/box_01.jpg) no-repeat center top;}
#b02 a { background:url(../images/box_02.jpg) no-repeat center top;}
#b03 a { background:url(../images/box_03.jpg) no-repeat center top;}
#b04 a { background:url(../images/box_04.jpg) no-repeat center top;}
#b05 a { background:url(../images/box_05.jpg) no-repeat center top;}
#b06 a { background:url(../images/box_06.jpg) no-repeat center top;}
#b07 a { background:url(../images/box_07.jpg) no-repeat center top;}
#b08 a { background:url(../images/box_08.jpg) no-repeat center top;}
#b09 a { background:url(../images/box_09.jpg) no-repeat center top;}
#b10 a { background:url(../images/box_10.jpg) no-repeat center top;}
#b11 a { background:url(../images/box_11.jpg) no-repeat center top;}
#b12 a { background:url(../images/box_12.jpg) no-repeat center top;}
#b13 a { background:url(../images/box_13.jpg) no-repeat center top;}
#b14 a { background:url(../images/box_14.jpg) no-repeat center top;}
#b15 a { background:url(../images/box_15.jpg) no-repeat center top;}
#b16 a { background:url(../images/box_16.jpg) no-repeat center top;}
#topBox a:hover strong { color:#D39A01;}
#topBox div a:hover { background-position:bottom;}
/*--========================= /トップ　教室紹介 =========================--*/


/*--========================= トップ　入会希望者 =========================--*/
#topRecruit { background: url(../images/img_top_recruit_bg.jpg) repeat-y; position:static; text-align:center;}
#topRecruit strong { display:block; background:url(../images/img_top_recruit_h.jpg) no-repeat top; height:70px;}
#topRecruit strong span { display:block; position:relative; left:-99999px;}
#topRecruit p { text-align:left; margin:15px; line-height:1em;}
#topRecruit div { background: url(../images/img_top_recruit_f.jpg) no-repeat bottom; padding-bottom:10px;}
/*--========================= /トップ　入会希望者 =========================--*/


/*--========================= トップ　フッタ =========================--*/
#fNav { text-align:center; background:#EEEEEE; line-height:1.5em; margin-bottom:15px;}
#footer { padding-bottom:100px;}
#footer div { background:url(../images/footer.jpg) no-repeat; width:750px; height:56px; position:static;}
#footer div span { display:block; position:relative; left:-99999px;}
/*--========================= /トップ　フッタ =========================--*/


/*--========================= サブ =========================--*/
#topicPath { margin-top:10px; margin-bottom:10px;}
#body_main {}
#body_main h2 { background:url(../images/ttl_h2.jpg) no-repeat left center; color:#FF9900; padding-top:3px; padding-bottom:3px; padding-left:13px; margin-bottom:10px; font-size:140%;}
#body_main h3 { color:#2069D7; padding-left:5px; padding-top:3px; padding-bottom:3px; margin-bottom:18px; margin-top:23px; border-left: solid 2px #CCCCCC; border-bottom:solid 1px #DDCCDD; font-size:110%;}
#body_main h4 { background:url(../images/ttl_h4.jpg) no-repeat left center; padding-left:10px; color:#33CC00; margin-top:5px; margin-bottom:5px; font-size:100%;}
#body_main h5 { margin-left:6px; margin-bottom:6px;}
#body_main h6 { margin-left:12px; margin-bottom:6px;}
#pageLink { width:90%; margin-left:auto; margin-right:auto; margin-top:100px; margin-bottom:20px;}
#pageLink td{ width:50%;}
/*--========================= /サブ =========================--*/


/*--========================= サブメニュー =========================--*/
#submenu { background:url(../images/submenu_bg.jpg) repeat-y center center;}
#submenu #submenu_h { background:url(../images/submenu_h.jpg) no-repeat center top; line-height:14px; width:100%; clear:both;}
#submenu #submenu_f { background:url(../images/submenu_f.jpg) no-repeat center bottom; line-height:24px; width:100%; clear:both;}
#submenu ul { margin-left:13px; padding:0; width:141px;}
#submenu ul li { background:url(../images/nav_sub.jpg) center center; list-style:none; text-align:center; margin-bottom:2px; border:solid 1px #FFFFFF;}
#submenu ul li a { padding-top:7px; padding-bottom:7px; display:block;}
/*--========================= /サブメニュー =========================--*/


/*--========================= スクール・教室紹介 =========================--*/
.schoolA { width:100%;}
.schoolA th, .schoolA td { width:50%; vertical-align:top;}
.schoolB { width:90%; border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; margin-top:5px;}
.schoolB th, .schoolB td { border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; padding:5px;}
.schoolC { width:95%; border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; margin-bottom:10px;}
.schoolC th, .schoolC td { border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; padding:5px;}
.schoolB th { text-align:left; font-weight:normal; background:#ECE9FE; width:15%;}
.schoolC th { text-align:left; font-weight:normal; background:#ECE9FE; width:15%;}
.schoolA .imgBox { margin-bottom:15px; margin-left:auto; margin-right:auto; width:200px;}
#school01, #school02, #school03, #school04, #school05, #school06, #school07, #school08, #school09, #school10, #school11, #school12 { margin-bottom:50px;}
/*--========================= /スクール・教室紹介 =========================--*/



/*--========================= Ｑ＆Ａ =========================--*/
#qandaList { margin-left:20px;}
#qandaList li { background:url(../qanda/images/ico_list.jpg) no-repeat left top; padding-left:20px; margin-bottom:10px; list-style:none;}
#qanda { margin-top:60px;}
#qanda dl { margin-top:30px;}
#qanda dt { background:url(../qanda/images/ico_q.jpg) no-repeat left top; padding-left:20px; padding-right:20px; padding-bottom:5px; border-bottom:solid 1px #CCCCCC; font-weight:bold;}
#qanda dd { background:url(../qanda/images/ico_a.jpg) no-repeat left top; padding-left:20px; padding-right:20px; margin-top:5px; line-height:1.5em;}
/*--========================= /Ｑ＆Ａ =========================--*/


#form {}
#form em { color:#FF0000; font-size:80%; font-weight:bold; font-style:normal;}


/*--========================= テーブルレイアウト =========================--*/
.table_01 { border-top:solid 1px #CCCCCC; border-left:solid 1px #CCCCCC; margin-bottom:20px;}
.table_01 th, .table_01 td { border-right:solid 1px #CCCCCC; border-bottom:solid 1px #CCCCCC; padding:10px;}
.table_01 thead th { background:#C4F3A9; color:#0E4311; font-weight:bold;}
.table_01 th { text-align:left; font-weight:normal; background:#FDE9D2;}
.table_01 td { text-align:left;}
/*--========================= /テーブルレイアウト =========================--*/