@charset "utf-8";
/* CSS Document */

@import "../common/stracture.css";
@import "../common/common.css";


/*header内*/
#img-cage { background:url("../../img/top_page/img-cage_bg.jpg") no-repeat; }

#img-cage #flash { width:690px; height:270px; float:left; background:url("../../img/top_page/flash_bg.jpg") no-repeat; }
#img-cage #flash h1 { font-size:1.2em; font-weight:bold; color:#00CCFF; margin:100px 0px 5px 20px; }
#img-cage #flash h2 { font-size:1em; font-weight:bold; color:#FF6600; margin:10px 0px 5px 20px; }
#img-cage #flash p { font-size:0.6em; font-weight:normal; color:#FFFFFF; margin:5px 15px 5px 20px; line-height:1.4; }

#img-cage #movie { width:230px; height:270px; margin:0px 0px 0px 10px; float:left; background:url("../../img/top_page/movie_bg.jpg") no-repeat; }

/*この部分は2010年10月に追記。同時にtop.htmlも修正しました。*/
/*c-bodyの左側大枠（メニュー＋メイン部） */
#top-left-area { width:700px; display:block; float:left; padding:10px 0 0 0; }
#top-left-area .top-adver-area { width:690px; display:block; padding:0 0 0 10px; }
#top-left-area .top-adver-area a.banner-m { width:340px; height:120px; display:block; float:left; margin:5px 10px 5px 0; }
#top-left-area .top-adver-area a.last { margin:5px 0 5px 0; }
#top-left-area .top-adver-area a.banner-m img { width:340px; height:120px; display:block; }
#top-left-area .top-adver-area a.banner-l { width:690px; height:290px; display:block; float:left; margin:0 0 10px 0; }

/*sidebarの上部に余白10px*/
#sidebar { margin-top:10px; padding-top:10px; }


/*e-press入り口*/
#img-cage #movie #epress { width:230px; height:60px; }
#img-cage #movie #epress h2 { width:230px; height:30px; margin:0px; padding-top:30px; }
#img-cage #movie #epress h2 a { width:100%; height:100%; background:url("../../img/top_page/btn-epress.gif") no-repeat 0px 0px; display:block; text-indent:-9999px;
/*\*/
overflow:hidden;
 /*\*/}
#img-cage #movie #epress h2 a:hover { background-position:0px -31px; }

/*授業体験入り口*/
#img-cage #movie #taiken { width:230px; height:60px; }
#img-cage #movie #taiken h2 { width:230px; height:40px; display:block; margin:0px; padding-top:20px; }
#img-cage #movie #taiken h2 a { width:100%; height:100%; background:url("../../img/top_page/btn-taiken.gif") no-repeat 0px 0px; display:block; text-indent:-9999px;
/*\*/
overflow:hidden;
 /*\*/}
#img-cage #movie #taiken h2 a:hover { background-position:0px -40px; }


#img-cage #movie #title {width:230px; height:}
#movie #roll { width:220px; height:190px; margin:10px 0px 10px 2px; }
#movie #roll h3 { font-size:1em; font-weight:bold; color:#FF9900; margin:20px; }
#movie #roll p { font-size:0.8em; color:#FFFFFF; margin:5px 20px; }


/*真ん中のカラム*/
#main { width:500px; float:left; }

#main h3 { width:500px; height:30px; background:url("../../img/top_page/message_title_bg.jpg") no-repeat; text-indent:-9999px; margin:0; }

#main p { margin:5px 10px 10px 10px; font-size:12px; line-height:1.4;}


/*真ん中のカラムのオススメコンテンツ*/
#main #osusume { width:500px; margin-top:10px; }
#main #osusume h3 { width:500px; height:30px; background:url("../../img/top_page/osusume_title_bg.jpg") no-repeat; text-indent:-9999px; margin-top:0; }
#main #osusume #osusume-inner { width:460px; display:block; margin:5px auto; }

#main #osusume p { width:210px; height:110px; float:left; display:block; }
#main #osusume p a { display:block; background:url("../../img/top_page/osusume_bg.jpg") no-repeat; text-indent:-9999px;
/*\*/
overflow:hidden;
/*\*/ }

				
/*アルゴクラブ*/
#main #osusume #osu001 a { width:100%; height:100%; background-position:0px 0px; }
#main #osusume #osu001 a:hover { background-position:-210px 0px; }

/*SAPIXメッソド*/
#main #osusume #osu002 a { width:100%; height:100%; background-position:0px -110px; }
#main #osusume #osu002 a:hover { background-position:-210px -110px; }		

/*速読速解*/
#main #osusume #osu003 a { width:100%; height:100%; background-position:0px -220px; }
#main #osusume #osu003 a:hover { background-position:-210px -220px; }

/*プログレス個別指導*/
#main #osusume #osu004 a { width:100%; height:100%; background-position:0px -330px; }
#main #osusume #osu004 a:hover { background-position:-210px -330px; }

/*Z会東大マスターコース*/
#main #osusume #osu005 a#osu005a { width:100%; height:50%; background-position:0px -440px; }
#main #osusume #osu005 a#osu005a:hover { background-position:-210px -440px; }

#main #osusume #osu005 a#osu005b { width:100%; height:50%; background-position:0px -495px; }
#main #osusume #osu005 a#osu005b:hover { background-position:-210px -495px; }

/*特別英才*/
#main #osusume #osu006 a { width:100%; height:100%; background-position:0px -550px; }
#main #osusume #osu006 a:hover { background-position:-210px -550px; }

/*進学会ACCESS*/
#main #osusume #osu007 a { width:100%; height:100%; background-position:0px -660px; }
#main #osusume #osu007 a:hover { background-position:-210px -660px; }

/*みらい*/
#main #osusume #osu008 a { width:100%; height:100%; background-position:0px -770px; }
#main #osusume #osu008 a:hover { background-position:-210px -770px; }

/*サイエンスアカデミー*/
#main #osusume #osu009 a { width:100%; height:100%; background-position:0px -880px; }
#main #osusume #osu009 a:hover { background-position:-210px -880px; }

/*合格者のメッセージ*/
#main #osusume #osu010 a { width:100%; height:100%; background-position:0px -990px; }
#main #osusume #osu010 a:hover { background-position:-210px -990px; }

/*定期試験攻略講座*/
#main #osusume p#osu011 { width:440px; height:160px; display:block; }
#main #osusume p#osu011 a { width:100%; height:100%; background:url(../../img/top_page/teikishiken-banner.jpg) no-repeat 0px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
#main #osusume p#osu011 a:hover { background:url(../../img/top_page/teikishiken-banner.jpg) no-repeat 0px -160px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }






/*新設会場*/
#main #osusume p#osu101 { width:440px; height:40px; display:block; }
#main #osusume p#osu101 a { width:100%; height:100%; display:block; background: url(../../classroom/new/img/banner.gif) no-repeat 0px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
#main #osusume p#osu101 a:hover { background-position:0px -40px; }

/*首都圏 群馬県 千葉県の教室*/
#main #osusume p#osu102 { width:440px; height:40px; display:block; }
#main #osusume p#osu102 a { width:100%; height:100%; display:block; background: url(../../special/newopen/img/banner2.jpg) no-repeat 0px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
#main #osusume p#osu102 a:hover { background-position:0px -40px; }

/*入試解答速報*/
#main #osusume p#osu901 { width:440px; height:120px; display:block; }
#main #osusume p#osu901 a { width:100%; height:100%; display:block; background: url("../../soku/img/banner.jpg") no-repeat 0px 0px; text-indent:-9999px; }
#main #osusume p#osu901 a:hover { background: url("../../soku/img/banner.jpg") no-repeat 0px -120px; text-indent:-9999px;}

/*SiA*/
#main #osusume p#osu902 { width:440px; height:120px; display:block; }
#main #osusume p#osu902 a { width:100%; height:100%; display:block; background: url("../../img/top_page/sia.jpg") no-repeat 0px 0px; text-indent:-9999px; }
#main #osusume p#osu902 a:hover { background: url("../../img/top_page/sia.jpg") no-repeat 0px -120px; text-indent:-9999px;}






/*真ん中のカラムの新着情報*/
#main #article { margin-top:10px; }
#main #article h3 { width:500px; height:30px; background:url("../../img/top_page/news_title_bg.jpg") no-repeat; text-indent:-9999px; margin:0; }

#main #article #news-box .news { width:500px; height:220px; overflow: auto; margin-bottom:20px; }
#main #article #news-box .news-article { display:block; margin:10px 15px; }
#main #article #news-box .news-article dt { margin-top:2px; font-size:13px; font-weight:bold; color:#0066FF; display:block; }
#main #article #news-box .news-article dd { margin-top:2px; font-size:12px; display:block; }


/*左のカラム(=sidebar)*/
#sidebar { width:230px; margin-left:10px; float:left; background:url("../../img/top_page/sidebar_bg.jpg") repeat-y; }

#sidebar ul { margin:0; padding:0; }
#sidebar li { width:200px; height:80px; margin:10px auto; display:block; list-style-type:none; }
#sidebar li a { width:100%; height:100%; display:block; background:url("../../img/menu/sidebar-menu_bg.jpg") no-repeat;
text-indent:-9999px;
/*\*/
overflow:hidden;
/*\*/ }

#sidebar #sb01 a { background:url("../../img/menu/sidebar-menu_bg.jpg") 0px 0px; }
#sidebar #sb01 a:hover { background:url("../../img/menu/sidebar-menu_bg.jpg") -200px 0px; }

#sidebar #sb02 a { background:url("../../img/menu/sidebar-menu_bg.jpg") 0px -80px; }
#sidebar #sb02 a:hover { background:url("../../img/menu/sidebar-menu_bg.jpg") -200px -80px; }

#sidebar #sb03 a { background:url("../../img/menu/sidebar-menu_bg.jpg") 0px -160px; }
#sidebar #sb03 a:hover { background:url("../../img/menu/sidebar-menu_bg.jpg") -200px -160px; }

#sidebar #sb04 a { background:url("../../img/menu/sidebar-menu_bg.jpg") 0px -240px; }
#sidebar #sb04 a:hover { background:url("../../img/menu/sidebar-menu_bg.jpg") -200px -240px; }

#sidebar #sb05 a { background:url("../../img/menu/sidebar-menu_bg.jpg") 0px -320px; }
#sidebar #sb05 a:hover { background:url("../../img/menu/sidebar-menu_bg.jpg") -200px -320px; }

#sidebar #sb06 a { background:url("../../img/menu/sidebar-menu_bg.jpg") 0px -400px; }
#sidebar #sb06 a:hover { background:url("../../img/menu/sidebar-menu_bg.jpg") -200px -400px; }

#sidebar #sb07 a { background:url("../../img/menu/sidebar-menu_bg.jpg") 0px -480px; }
#sidebar #sb07 a:hover { background:url("../../img/menu/sidebar-menu_bg.jpg") -200px -480px; }


#sidebar a.e-press2 { width:230px; height:40px; display:block; margin:0 auto; }

#sidebar a.winterPDF { width:220px;display:block;margin:10px auto;font-size:0.6em;color:#333333;text-decoration:none; }

#sidebar a.challenge { width:220px;display:block;margin:10px auto; }


/*速報エリア*/
#sokuho { width:928px; border:solid 1px #FF0000; display:block; margin:10px auto; }
#sokuho h2 { width:928px; height:28px; display:block; background:url("../../img/top_page/sokuho/h2-bg.gif") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
#sokuho p { text-align:right; font-size:0.7em; color:#000000; }


/*Group-naviツールチップ*/
/*div.tooltip { width:250px; position:absolute; left:-9999px; background:#EEE; padding:5px; border:1px solid #AAA; }  
div.tooltip p{ color:#FFF; background:#222; padding:5px 10px; font-size:0.8em; line-height:1.4; }*/

.special-news { width:830px; height:33px; display:block; margin:10px auto; border:solid 1px #0066CC; }
.special-news span { display:block; float:left; background:#0066CC; margin:none; padding:7px; color:#FFFFFF; font-weight:bold; font-size:0.9em; width:115px; height:20px; }
.special-news p { float:left; padding:7px; color:#333333; height:15px; }
.special-news p a { font-size:1.1em; font-weight:bold; color:#333333; }

.spn { display:block; margin:10px auto 0px; }