@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; }

/*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-cage #main { width:500px; float:left; }

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

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


/*真ん中のカラムのオススメコンテンツ*/
#main-cage #main #osusume { margin-top:10px; }
#main-cage #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-cage #main #osusume p { width:210px; height:110px; float:left; display:block; }
#main-cage #main #osusume p a { display:block; background:url("../../img/top_page/osusume_bg.jpg") no-repeat; text-indent:-9999px;
/*\*/
overflow:hidden;
/*\*/ }


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

/*キッズサイエンス*/
#main-cage #main #osusume #osu02 a { width:100%; height:100%; background-position:0px -330px; }
#main-cage #main #osusume #osu02 a:hover { background-position:-210px -330px; }

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

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

#main-cage #main #osusume #osu04 a#osu04b { width:100%; height:50%; background-position:0px -55px; }
#main-cage #main #osusume #osu04 a#osu04b:hover { background-position:-210px -55px; }


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


/*新設会場*/
#main-cage #main #osusume p#osu06 { width:440px; height:40px; display:block; }
#main-cage #main #osusume p#osu06 a { width:100%; height:100%; display:block; background:url("../../img/top_page/osusume-newclassroom.jpg") no-repeat 0px 0px; text-indent:-9999px;
/*\*/
overflow:hidden;
/*\*/ }
#main-cage #main #osusume p#osu06 a:hover { background-position:0px -40px; }


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

/*春期講習*/
#main-cage #main #osusume p#osu08 { width:440px; height:70px; display:block; }
#main-cage #main #osusume p#osu08 a { width:100%; height:100%; display:block; background: url("../../course/spring/img/banner.jpg") no-repeat 0px 0px; text-indent:-9999px; }
#main-cage #main #osusume p#osu08 a:hover { background: url("../../course/spring/img/banner.jpg") no-repeat 0px -70px; text-indent:-9999px;}

/*夏期講習*/
#main-cage #main #osusume p#osu11 { width:440px; height:70px; display:block; }
#main-cage #main #osusume p#osu11 a { width:100%; height:100%; display:block; background: url("../../course/summer/img/banner.jpg") no-repeat 0px 0px; text-indent:-9999px; }
#main-cage #main #osusume p#osu11 a:hover { background: url("../../course/summer/img/banner.jpg") no-repeat 0px -70px; text-indent:-9999px;}

/*チャレンジテスト*/
#main-cage #main #osusume p#osu09 { width:440px; height:70px; display:block; }
#main-cage #main #osusume p#osu09 a { width:100%; height:100%; background:url("../../challenge/img/banner.jpg") 0px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
#main-cage #main #osusume p#osu09 a:hover {  background:url("../../challenge/img/banner.jpg") 0px -70px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

/*入試オープン*/
#main-cage #main #osusume p#osu10 { width:210px; height:110px; display:block; }
#main-cage #main #osusume p#osu10 a { width:100%; height:100%; display:block; background:url("../../nyushi-open/img/top-banner.gif") no-repeat 0px 0px; text-indent:-9999px;/*\*/overflow:hidden;/*\*/ }
#main-cage #main #osusume p#osu10 a:hover { background-position:-210px 0px; }

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



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


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


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

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

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

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

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

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

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

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

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


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

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

#main-cage #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; }