@charset "utf-8";
/* CSS Document */
/*構造定義CSS*/

/*全体構造定義*/
* { margin:0; padding:0; }

img { border:0px; }

body { margin:0; padding:0; text-align:center; }

#wrapper { width:950px; display:block; margin:0 auto; text-align:left; }

#header { width:930px; display:block; margin:0 auto; }
#header h1 { width:930px; height:60px; display:block; }
#header h1 a { width:100%; height:100%; display:block; background:url("../img/header_h1-bg.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

#visual-area { width:930px; display:block; margin:5px auto; }
#visual-area #main-visual { width:680px; display:block; float:left; margin-left:5px; }
#visual-area #visual-button { width:210px; display:block; float:left; margin-left:15px; }
#visual-area #visual-button ul{}
#visual-area #visual-button ul li { width:210px; height:105px; display:block; list-style-type:none; }
#visual-area #visual-button ul li a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
#visual-area #visual-button #vb01 { margin-bottom:10px; }
#visual-area #visual-button #vb01 a { background:url("../img/visual-buttn.jpg") 0px 0px no-repeat; }
#visual-area #visual-button #vb01 a:hover { background:url("../img/visual-buttn.jpg") -210px 0px no-repeat; }
#visual-area #visual-button #vb02 a { background:url("../img/visual-buttn.jpg") 0px -105px no-repeat; }
#visual-area #visual-button #vb02 a:hover { background:url("../img/visual-buttn.jpg") -210px -105px no-repeat; }

#main-area { width:930px; display:block; margin:10px auto 0; }
#main-area #sidebar { width:200px; display:block; float:left; margin-right:20px; }
#main-area #sidebar h3 { width:200px; height:40px; display:block; background:url("../img/sidebar_navi-bg.jpg") 0px 0px no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ margin-bottom:3px; }
#main-area #sidebar ul { list-style-type:none; }
#main-area #sidebar ul li { width:200px; height:40px; display:block; margin-bottom:3px; }
#main-area #sidebar ul li a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

/*新規開校入会特典*/
#main-area #sidebar #sn01 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -40px; }
#main-area #sidebar #sn01 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -40px; }

/*トップページ*/
#main-area #sidebar #sn02 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -80px; }
#main-area #sidebar #sn02 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -80px; }

/*キッズくらぶの特色*/
#main-area #sidebar #sn03 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -120px; }
#main-area #sidebar #sn03 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -120px; }

/*「できる」がどんどん*/
#main-area #sidebar #sn04 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -160px; }
#main-area #sidebar #sn04 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -160px; }

/*キッズくらぶの一日*/
#main-area #sidebar #sn05 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -200px; }
#main-area #sidebar #sn05 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -200px; }

/*フォトギャラリー*/
#main-area #sidebar #sn06 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -240px; }
#main-area #sidebar #sn06 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -240px; }

/*クラス*/
#main-area #sidebar #sn07 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -280px; }
#main-area #sidebar #sn07 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -280px; }

/*教室時間割*/
#main-area #sidebar #sn08 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -320px; }
#main-area #sidebar #sn08 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -320px; }

/*授業の諸費用*/
#main-area #sidebar #sn09 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -360px; }
#main-area #sidebar #sn09 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -360px; }

/*お問合せ資料請求*/
#main-area #sidebar #sn10 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -400px; }
#main-area #sidebar #sn10 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -400px; }

/*進学会Webサイト*/
#main-area #sidebar #sn11 a { background:url("../img/sidebar_navi-bg.jpg") no-repeat 0px -440px; }
#main-area #sidebar #sn11 a:hover { background:url("../img/sidebar_navi-bg.jpg") no-repeat -200px -440px; }



#main-area #page { width:710px; display:block; float:right; }

#footer { width:930px; display:block; clear:both; margin:15px auto 0; }
#footer #f-menu { width:920px; height:20px; margin:15px 5px 0; }
#footer #f-menu ul {}
#footer #f-menu li { margin-left:10px; float:right; display:block; line-height:110%; }
#footer #f-menu li a { padding-left:12px; font-size:12px; color:#333333; display:block; background:url("../img/yaji.gif") no-repeat left center; }
#footer h4 { width:930px; height:35px; display:block; clear:both; background:url("../img/footer_bg.jpg") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }