@charset "utf-8";
/* CSS Document */
/* 夏の短期スクールページ構造定義用CSS */
/* Powered by SAITO Takashi (SUDA SEIHAN Co., Ltd.) @2009.1016 */

body { background:url("../../../img/common/body-bg2.jpg") repeat-x; }

#container {  margin-top:10px; margin-left:10px; }
#l-menu ul { width:200px; margin:10px 0px 0px 12px; padding:2px 0px; background:#F5F5F5; border:solid 1px #CCCCCC; display:block; }
#l-menu li { width:190px; height:40px; margin:5px; list-style-type:none; }
#l-menu li a { display:block; width:100%; height:100%; background:url("../../img/local-menu.jpg") no-repeat; text-indent:-9999px;/*\*/overflow: hidden;/*\*/ }

/*local-menu*/
#l-menu #menu-title { background:url("../../img/local-menu-title.gif") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

#l-menu #l01 a { background-position:0px 0px; }
#l-menu #l01 a:hover { background-position:-190px 0px; }

#l-menu #l02 a { background-position:0px -40px; }
#l-menu #l02 a:hover { background-position:-190px -40px; }

#l-menu #l03 a { background-position:0px -80px; }
#l-menu #l03 a:hover { background-position:-190px -80px; }

#l-menu #l04 a { background-position:0px -120px; }
#l-menu #l04 a:hover { background-position:-190px -120px; }

#l-menu #l05 a { background-position:0px -160px; }
#l-menu #l05 a:hover { background-position:-190px -160px; }

/*#l-menu #l06 a { background-position:0px -200px; }
#l-menu #l06 a:hover { background-position:-190px -200px; }*/

#l-menu #l06 { width:190px; height:40px; display:block; background:url("../../img/local-menu.jpg") no-repeat 0px -200px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

#l-menu #l07 a { background-position:0px -240px; }
#l-menu #l07 a:hover { background-position:-190px -240px; }

#l-menu #l08 a { background-position:0px -280px; }
#l-menu #l08 a:hover { background-position:-190px -280px; }

#l-menu #l09 a { background-position:0px -320px; }
#l-menu #l09 a:hover { background-position:-190px -320px; }

#l-menu #l10 a { background-position:0px -360px; }
#l-menu #l10 a:hover { background-position:-190px -360px; }



/*トップページ各店舗へのリンク a=ASABU h=HIRAGISHI k=KOTONI*/
.zippy-short-school p#top-text { font-size:0.9em; color:#CC0000; font-weight:bold; margin:5px; text-align:center; }

.zippy-short-school h4#a-course { margin:10px; width:200px; height:80px; display:block; float:left; }
.zippy-short-school h4#a-course a { width:100%; height:100%; display:block; background:url("../img/index-btn.jpg") no-repeat 0px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.zippy-short-school h4#a-course a:hover { background:url("../img/index-btn.jpg") no-repeat 0px -80px; }

.zippy-short-school h4#h-course { margin:10px; width:200px; height:80px; display:block; float:left; }
.zippy-short-school h4#h-course a { width:100%; height:100%; display:block; background:url("../img/index-btn.jpg") no-repeat -200px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.zippy-short-school h4#h-course a:hover { background:url("../img/index-btn.jpg") no-repeat -200px -80px; }

.zippy-short-school h4#k-course { margin:10px; width:200px; height:80px; display:block; float:left; }
.zippy-short-school h4#k-course a { width:100%; height:100%; display:block; background:url("../img/index-btn.jpg") no-repeat -400px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }
.zippy-short-school h4#k-course a:hover { background:url("../img/index-btn.jpg") no-repeat -400px -80px; }



/*各店舗のページ設定*/

/*問い合せボタン*/
.zippy-short-school p.inq { margin:10px auto; width:290px; height:60px; display:block; float:right; }
.zippy-short-school p.inq a { width:100%; height:100%; display:block; background: url("../img/btn-inq.jpg") no-repeat 0px 0px; text-indent:-9999px; /*\*/overflow:hidden;/*\*/}
.zippy-short-school p.inq a:hover {  background:url("../img/btn-inq.jpg") no-repeat 0px -60px; }

/*ジャンル選択ボタン表示部*/
.zippy-short-school .schoolSelector { width:650px;margin:10px auto; text-align:center; }
.zippy-short-school .schoolSelector ul {}
.zippy-short-school .schoolSelector li { width:150px; height:60px; display:block; float:left; list-style-type:none; margin:5px !important; }
.zippy-short-school .schoolSelector li a { width:100%; height:100%; display:block; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

.zippy-short-school .schoolSelector li#selectSwim a { background:url("../img/btn-swim.gif") no-repeat; }
.zippy-short-school .schoolSelector li#selectTaiiku a { background:url("../img/btn-taiiku.gif") no-repeat; }
.zippy-short-school .schoolSelector li#selectStudio a { background:url("../img/btn-studio.gif") no-repeat; }
.zippy-short-school .schoolSelector li#selectFee a { background:url("../img/btn-fee.jpg") no-repeat; }

/*各プログラム用div*/
.wide-column { display:block; margin:20px 0; text-align:left; }


.zippy-short-school h6 { font-size:0.8em; font-weight:normal; color:#333333; line-height:1.0; }
.zippy-short-school h6 img { vertical-align:middle; }

/*各プログラムの予定表（共通部分）*/
.zippy-short-school .wide-column table { width:700px; margin:5px 0 15px 5px; border-collapse:collapse; border-spacing:0; }
.zippy-short-school .wide-column th { padding:7px; color:#FFFFFF; font-size:0.8em; text-align:center; }
.zippy-short-school .wide-column td { padding:7px; color:#000000; font-size:0.8em; text-align:center; background:url("../img/2nd-tdBg.jpg") repeat-x bottom #FFFFFF; }
.zippy-short-school .wide-column td a { color:#003399; text-decoration:underline; font-size:1.0em; }

/*水泳系のテーブル配色*/
.zippy-short-school #school-swim table { border-top:solid 1px #FF9900; border-left:solid 1px #FF9900;}
.zippy-short-school #school-swim th { border-right:1px solid #FFFFFF; border-bottom:1px solid #FF9900; background:#FF9900; }
.zippy-short-school #school-swim td { border-right:1px solid #FF9900; border-bottom:1px solid #FF9900; }

/*体育系のテーブル配色*/
.zippy-short-school #school-taiiku table { border-top:solid 1px #99CC00; border-left:solid 1px #99CC00;}
.zippy-short-school #school-taiiku th { border-right:1px solid #FFFFFF; border-bottom:1px solid #99CC00; background:#99CC00; }
.zippy-short-school #school-taiiku td { border-right:1px solid #99CC00; border-bottom:1px solid #99CC00; }

/*スタジオ系のテーブル配色*/
.zippy-short-school #school-studio table { border-top:solid 1px #FF6666; border-left:solid 1px #FF6666;}
.zippy-short-school #school-studio th { border-right:1px solid #FFFFFF; border-bottom:1px solid #FF6666; background:#FF6666; }
.zippy-short-school #school-studio td { border-right:1px solid #FF6666; border-bottom:1px solid #FF6666; }

/*料金のテーブル配色*/
.zippy-short-school #fee table { border-top:solid 1px #0099CC; border-left:solid 1px #0099CC;}
.zippy-short-school #fee th { border-right:1px solid #FFFFFF; border-bottom:1px solid #0099CC; background:url(../img/2nd-thBg-fee.jpg) repeat-x bottom #0099CC; }
.zippy-short-school #fee td { border-right:1px solid #0099CC; border-bottom:1px solid #0099CC; }
.zippy-short-school #fee td.name { font-weight:bold; color:#0066CC; }
.zippy-short-school #fee td.price { font-weight:bold; color:#CC0000; }
.zippy-short-school #fee p { font-size:0.8em; line-height:1.4; margin-left:10px; }


#header #ryoukin { width:610px;margin:10px auto; text-align:center; }



.wide-column p#pre { *margin-left:2px; width:610px; height:110px; display:block; background:url("../img/pre.gif") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }

.wide-column p#tokuten { *margin-left:2px; width:610px; height:120px; display:block; background:url("../img/tokuten.gif") no-repeat; text-indent:-9999px; /*\*/overflow:hidden;/*\*/ }






.wide-column table { width:580px; margin:5px; border-top:solid 1px 0099cc; border-left:solid 1px 0099cc; border-collapse:collapse; }
.wide-column th { padding:3px; background:#0099cc; color:#FFFFFF; font-size:0.8em; }
.wide-column td { padding:3px; color:#000000; font-size:0.8em; }

.course { *margin-left:2px; }

.course p { margin:5px 10px; font-size:1.0em; color:#333333; }

table.swim{ width:580px; margin:10px auto; border-top:1px solid #0099cc; border-left:1px solid #0099cc; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; }
.swim th{ border-right:1px solid #0099cc; border-bottom:1px solid #0099cc; color:#0099cc; background:#C6EFFD; padding:0.3em 1em; text-align:center; }
.swim td{ border-right:1px solid #0099cc; border-bottom:1px solid #0099cc; padding:0.3em 1em; text-align:center; }


table.taiiku{ width:580px; margin:10px auto; border-top:1px solid #999900; border-left:1px solid #999900; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; }
.taiiku th{ border-right:1px solid #999900; border-bottom:1px solid #999900; color:#999900; background:#D6D6AD; padding:0.3em 1em; text-align:center; }
.taiiku td{ border-right:1px solid #999900; border-bottom:1px solid #999900; padding:0.3em 1em; text-align:center; }


table.studio{ width:580px; margin:10px auto; border-top:1px solid #CC3399; border-left:1px solid #CC3399; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; }
.studio th{ border-right:1px solid #CC3399; border-bottom:1px solid #CC3399; color:#CC3399; background: #FABAEC; padding:0.3em 1em; text-align:center; }
.studio td{ border-right:1px solid #CC3399; border-bottom:1px solid #CC3399; padding:0.3em 1em; text-align:center; }

p.back { text-align:right; }


