* {margin:0px;border:0px;padding:0px;} /* ------------------------------ fade menu ------------------------------ */ ul#nav, #nav li {list-style:none;margin:0;padding:0;} #nav li {display:block;overflow:hidden;float:left;list-style-type:none;} .hover-css#nav a, .hover-anims#nav a, .hover-anims#nav span {display:block;width:160px;height:50px;position:relative;background-image:url(../img/top-menu.jpg);background-repeat: no-repeat;background-position:0 top;} .hover-anims#nav span {position:absolute;left:0;top:0;} .hover-css#nav .home a, .hover-anims#nav .home a, .hover-anims#nav .home span {background-position:0 top;} .hover-css#nav .home a:hover, .hover-anims#nav .home span {background-position:0 bottom;} .hover-css#nav .about a, .hover-anims#nav .about a, .hover-anims#nav .about span {background-position:-160px top;} .hover-css#nav .about a:hover, .hover-anims#nav .about span {background-position:-160px bottom;} .hover-css#nav .service a, .hover-anims#nav .service a, .hover-anims#nav .service span {background-position:-320px top;} .hover-css#nav .service a:hover, .hover-anims#nav .service span {background-position:-320px bottom;} .hover-css#nav .map a, .hover-anims#nav .map a, .hover-anims#nav .map span {background-position:-480px top;} .hover-css#nav .map a:hover, .hover-anims#nav .map span {background-position:-480px bottom;} .hover-css#nav .recruit a, .hover-anims#nav .recruit a, .hover-anims#nav .recruit span {background-position:-640px top;} .hover-css#nav .recruit a:hover, .hover-anims#nav .recruit span {background-position:-640px bottom;} .hover-css#nav .contact a, .hover-anims#nav .contact a, .hover-anims#nav .contact span {background-position:-800px top;} .hover-css#nav .contact a:hover, .hover-anims#nav .contact span {background-position:-800px bottom;} /* ------------------------------ jquery tools ------------------------------ */ .accordion {cursor:pointer;} .photo-side {text-align:center;width:auto;min-height:180px;padding:5px;margin:5px;border:1px solid #ccc;} #slideshow { position:relative;width:300px;height:400px;} #slideshow img { position:absolute; left:0; top:0; } /* ------------------------------ tab up ------------------------------ */ ul#ul-up {list-style:none;} ul#ul-up li {list-style:none;float:right;width:170px;} ul#ul-up a {display:block;width:170px;height:50px;background-image:url(../img/up.gif);overflow:hidden;} #li-up a {width:170px;height:50px;background-position:0px 0px;} #li-up a:hover {width:170px;height:50px;background-position:0px -50px;} #up {width:100%;margin-left:auto;margin-right:auto;text-align:right;clear:both;} /* ------------------------------ datebase ------------------------------ */ #ifmap {border-width:1px;border-style: solid;padding:0px;overflow-y:auto;background-color:#cccccc;line-height:1.3;margin-left:auto;margin-right:auto;} #max-img {max-width:100% !important;height:auto !important;width:expression(this.width > 750 ? 750: true);} #c-menu {width:165px;float:left;margin-left:5px;background-color:#ffffff;} #c-main {width:750px;font-size:14px;text-align:center;float:right;margin-right:5px;background-color:#ffffff;} #c-title {width:auto;font-size:18px;text-indent:20px;color:#ffffff;background:#486b48;padding-top:10px;padding-bottom:10px;margin-left:auto;margin-right:auto;text-align:left;} /* ------------------------------ db-menu ------------------------------ */ #ul-list {width:150px;margin-bottom:5px;list-style:none;} li.li-list {line-height:30px;text-align:left;font-size:14px;} a.list {border-style:hidden;color:#333333;margin-left:0px;margin-right:0px;display:block;padding-left:9px;text-decoration:none;} a:hover.list {border-style:hidden;background-color:#89b0d7;text-decoration:none;color:#ffffff;} li.online {border-style:hidden;background-image:url(../img/dbbg.gif);background-position:left bottom;overflow:hidden;text-decoration:none;color:#ffffff;} /* ------------------------------ go menu ------------------------------ */ ul#menu-go {list-style:none;} ul#menu-go li {list-style:none;width:300px;margin-left:auto;margin-right:auto;} ul#menu-go a {display:block;width:300px;height:80px;background-image:url(../img/go.gif);overflow:hidden;} #go-t01 a {width:300px;height:80px;background-position:0px 0px;} #go-t01 a:hover {width:300px;height:80px;background-position:0px -80px;} #go-t02 a {width:300px;height:80px;background-position:-300px 0px;} #go-t02 a:hover {width:300px;height:80px;background-position:-300px -80px;} /* ------------------------------ mail ------------------------------ */ ul#mail {list-style:none;} ul#mail li {list-style:none;width:390px;margin:0;border:0;padding:0px;} ul#mail a {display:block;width:390px;height:120px;background-image:url(../img/lesson-button.gif);overflow:hidden;} #mail01 a {width:390px;height:120px;background-position:0px 0px;} #mail01 a:hover {width:390px;height:120px;background-position:0px -120px;} /* ------------------------------ fake form design ------------------------------ */ #tform {width:730px;height:350px;border-width:1px;border-style:solid;font-size:14px;color:#ffffff;text-align:left;padding:5px;overflow-y:auto;background-color:#a1a5b7;line-height:1.3;margin-left:auto;margin-right:auto;} #tform1 {width:100%;height:200px;border-width:0px;border-style:solid;font-size:14px;color:#444444;text-align:left;padding:15px 10px;overflow-y:auto;background-color:#eeeeee;line-height:1.3;margin-left:auto;margin-right:auto;} /* ------------------------------ tag design ------------------------------ */ table {font-size:14px;} select {padding:3px;font-size:16px;color:#333333;background-color:#ffffff;border-style:solid;border-color:#999999 #dddddd #dddddd #999999;border-width:1px;} form {text-align:center;color:#666666;} textarea {padding:3px;margin:0px;font-size:16px;color:#333333;background-color:#ffffff;border-style:solid;border-color:#999999 #dddddd #dddddd #999999;border-width:1px;resize:none;} input {font-size:16px;color:#333333;} li img {vertical-align:top;} img {border:0px;margin:0px;padding:0px;vertical-align:bottom;} hr {height:1px;margin-top:5px;margin-bottom:5px;border:none; border-top:dashed 1px #999999; height:1px; color:#FFFFFF; } #button {font-size:16px;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:10px;background-color:#ffffff;border-style:solid;border-color:#dddddd #999999 #999999 #dddddd;border-width:1px;} #text {padding:3px;background-color:#ffffff;border-style:solid;border-color:#999999 #dddddd #dddddd #999999;border-width:1px;} #checkbox {vertical-align:middle;background-color:#ffffff;} #radio {vertical-align:middle;background-color:#ffffff;} #hr-standard {border:none;border-top:dashed 1px #cccccc;color:#cccccc;width:auto;} /* ------------------------------ table-normal ------------------------------ */ #non-table {border-collapse:collapse;border:0px;} #non-l {font-size:14px;line-height:18px;padding-top:5px;padding-bottom:5px;text-align:left;} #non-c {font-size:14px;line-height:18px;padding-top:5px;padding-bottom:5px;text-align:center;} #non-r {font-size:14px;line-height:18px;padding-top:5px;padding-bottom:5px;text-align:right;} /* ------------------------------ table-dot ------------------------------ */ #dot-table {border-collapse:collapse;border:0px;} #dot-l {font-size:14px;line-height:18px;border-bottom:1px dashed #cccccc;padding-top:5px;padding-bottom:5px;text-align:left;} #dot-c {font-size:14px;line-height:18px;border-bottom:1px dashed #cccccc;padding-top:5px;padding-bottom:5px;text-align:center;} #dot-r {font-size:14px;line-height:18px;border-bottom:1px dashed #cccccc;padding-top:5px;padding-bottom:5px;text-align:right;} /* ------------------------------ table-deco ------------------------------ */ #deco-table {border-collapse:collapse;border:0px;margin-bottom:0px;padding:0px;clear:both;} #deco-01 {background:#a1a5b7 url("../img/table-01.gif") no-repeat;width:10px;height:10px;border:0px;} #deco-02 {background:#a1a5b7 url("../img/table-02.gif") repeat-x;width:auto;height:10px;border:0px;} #deco-03 {background:#a1a5b7 url("../img/table-03.gif") no-repeat;width:10px;height:10px;border:0px;} #deco-04 {background:#a1a5b7 url("../img/table-04.gif") repeat-y;width:10px;height:auto;border:0px;} #deco-title {background:#a1a5b7;padding:3px;border:0px solid #cccccc;color:#ffffff;text-align:center;} #deco-05 {background:#a1a5b7 url("../img/table-05.gif") repeat-y;width:10px;border:0px;height:auto;} #deco-06 {background:#a1a5b7 url("../img/table-06.gif") no-repeat;width:10px;border:0px;height:10px;} #deco-07 {background:#a1a5b7 url("../img/table-07.gif") repeat-x;width:auto;border:0px;height:10px;} #deco-08 {background:#a1a5b7 url("../img/table-08.gif") no-repeat;width:10px;border:0px;height:10px;} #deco-09 {background:#a1a5b7 url("../img/table-04.gif") repeat-y;width:10px;border:0px;height:auto;} #deco-10 {padding:1px;} #deco-11 {background:#a1a5b7 url("../img/table-05.gif") repeat-y;width:10px;height:auto;} #deco-12 {background:#a1a5b7 url("../img/table-09.gif") no-repeat;width:10px;height:10px;} #deco-13 {background:#a1a5b7 url("../img/table-10.gif") repeat-x;width:auto;height:10px;} #deco-14 {background:#a1a5b7 url("../img/table-11.gif") no-repeat;width:10px;height:10px;} #deco-in {width:100%;border-collapse:collapse;border:0px;margin-bottom:0px;padding:0px;clear:both;} #in0-l {background:#a1a5b7 url("../img/in0.gif") repeat-x;text-align:left;padding:10px;color:#ffffff;} #in0-c {background:#a1a5b7 url("../img/in0.gif") repeat-x;text-align:center;padding:10px;color:#ffffff;} #in0-r {background:#a1a5b7 url("../img/in0.gif") repeat-x;text-align:right;padding:10px;color:#ffffff;} #in1-l {background:#ffffff url("../img/in1.gif") repeat-x;text-align:left;padding:5px;border:1px solid #cccccc;} #in1-c {background:#ffffff url("../img/in1.gif") repeat-x;text-align:center;padding:5px;border:1px solid #cccccc;} #in1-r {background:#ffffff url("../img/in1.gif") repeat-x;text-align:right;padding:5px;border:1px solid #cccccc;} #in2-l {background:#eeeeee url("../img/in2.gif") repeat-x;text-align:left;padding:5px;border:1px solid #cccccc;} #in2-c {background:#eeeeee url("../img/in2.gif") repeat-x;text-align:center;padding:5px;border:1px solid #cccccc;} #in2-r {background:#eeeeee url("../img/in2.gif") repeat-x;text-align:right;padding:5px;border:1px solid #cccccc;} #in3-l {background:#ffffff;text-align:left;padding:5px;border:1px solid #cccccc;} #in3-c {background:#ffffff;text-align:center;padding:5px;border:1px solid #cccccc;} #in3-r {background:#ffffff;text-align:right;padding:5px;border:1px solid #cccccc;} /* ------------------------------ table-color design ------------------------------ */ #table-color {border-collapse:collapse;border:0px;margin-bottom:20px;line-height:20px;clear:both;} #color-01 {background:#372447 url("../img/color-01.gif") no-repeat;width:15px;height:15px;} #color-02 {background:#372447 url("../img/color-02.gif") repeat-x;width:auto;height:15px;} #color-03 {background:#372447 url("../img/color-03.gif") no-repeat;width:15px;height:15px;} #color-04 {background:#372447 url("../img/color-04.gif") repeat-y;width:15px;} #color-05 {background:#372447;text-align:left;color:#ffffff;width:auto;} #color-06 {background:#372447 url("../img/color-06.gif") repeat-y;width:15px;} #color-07 {background:#372447 url("../img/color-07.gif") no-repeat;width:15px;height:15px;} #color-08 {background:#372447 url("../img/color-08.gif") repeat-x;width:auto;height:15px;} #color-09 {background:#372447 url("../img/color-09.gif") no-repeat;width:15px;height:15px;} #pink-01 {background:#ff66cc url("../img/pink-01.gif") no-repeat;width:15px;height:15px;} #pink-02 {background:#ff66cc url("../img/pink-02.gif") repeat-x;width:auto;height:15px;} #pink-03 {background:#ff66cc url("../img/pink-03.gif") no-repeat;width:15px;height:15px;} #pink-04 {background:#ff66cc url("../img/pink-04.gif") repeat-y;width:15px;} #pink-05 {background:#ff66cc;width:auto;text-align:left;color:#ffffff;} #pink-06 {background:#ff66cc url("../img/pink-06.gif") repeat-y;width:15px;} #pink-07 {background:#ff66cc url("../img/pink-07.gif") no-repeat;width:15px;height:15px;} #pink-08 {background:#ff66cc url("../img/pink-08.gif") repeat-x;width:auto;height:15px;} #pink-09 {background:#ff66cc url("../img/pink-09.gif") no-repeat;width:15px;height:15px;} #green-01 {background:#006600 url("../img/green-01.gif") no-repeat;width:15px;height:15px;} #green-02 {background:#006600 url("../img/green-02.gif") repeat-x;width:auto;height:15px;} #green-03 {background:#006600 url("../img/green-03.gif") no-repeat;width:15px;height:15px;} #green-04 {background:#006600 url("../img/green-04.gif") repeat-y;width:15px;} #green-05 {background:#006600;text-align:left;color:#ffffff;width:auto;} #green-06 {background:#006600 url("../img/green-06.gif") repeat-y;width:15px;} #green-07 {background:#006600 url("../img/green-07.gif") no-repeat;width:15px;height:15px;} #green-08 {background:#006600 url("../img/green-08.gif") repeat-x;width:auto;height:15px;} #green-09 {background:#006600 url("../img/green-09.gif") no-repeat;width:15px;height:15px;} #orange-01 {background:#ff6600 url("../img/orange-01.gif") no-repeat;width:15px;height:15px;} #orange-02 {background:#ff6600 url("../img/orange-02.gif") repeat-x;width:auto;height:15px;} #orange-03 {background:#ff6600 url("../img/orange-03.gif") no-repeat;width:15px;height:15px;} #orange-04 {background:#ff6600 url("../img/orange-04.gif") repeat-y;width:15px;} #orange-05 {background:#ff6600;text-align:left;color:#ffffff;width:auto;} #orange-06 {background:#ff6600 url("../img/orange-06.gif") repeat-y;width:15px;} #orange-07 {background:#ff6600 url("../img/orange-07.gif") no-repeat;width:15px;height:15px;} #orange-08 {background:#ff6600 url("../img/orange-08.gif") repeat-x;width:auto;height:15px;} #orange-09 {background:#ff6600 url("../img/orange-09.gif") no-repeat;width:15px;height:15px;} #blue-01 {background:#669acc url("../img/blue-01.gif") no-repeat;width:15px;height:15px;} #blue-02 {background:#669acc url("../img/blue-02.gif") repeat-x;width:auto;height:15px;} #blue-03 {background:#669acc url("../img/blue-03.gif") no-repeat;width:15px;height:15px;} #blue-04 {background:#669acc url("../img/blue-04.gif") repeat-y;width:15px;} #blue-05 {background:#669acc;text-align:left;color:#ffffff;width:auto;} #blue-06 {background:#669acc url("../img/blue-06.gif") repeat-y;width:15px;} #blue-07 {background:#669acc url("../img/blue-07.gif") no-repeat;width:15px;height:15px;} #blue-08 {background:#669acc url("../img/blue-08.gif") repeat-x;width:auto;height:15px;} #blue-09 {background:#669acc url("../img/blue-09.gif") no-repeat;width:15px;height:15px;} #yellow-01 {background:#ffcd00 url("../img/yellow-01.gif") no-repeat;width:15px;height:15px;} #yellow-02 {background:#ffcd00 url("../img/yellow-02.gif") repeat-x;width:auto;height:15px;} #yellow-03 {background:#ffcd00 url("../img/yellow-03.gif") no-repeat;width:15px;height:15px;} #yellow-04 {background:#ffcd00 url("../img/yellow-04.gif") repeat-y;width:15px;} #yellow-05 {background:#ffcd00;text-align:left;color:#333333;width:auto;} #yellow-06 {background:#ffcd00 url("../img/yellow-06.gif") repeat-y;width:15px;} #yellow-07 {background:#ffcd00 url("../img/yellow-07.gif") no-repeat;width:15px;height:15px;} #yellow-08 {background:#ffcd00 url("../img/yellow-08.gif") repeat-x;width:auto;height:15px;} #yellow-09 {background:#ffcd00 url("../img/yellow-09.gif") no-repeat;width:15px;height:15px;} #red-01 {background:#ff0000 url("../img/red-01.gif") no-repeat;width:15px;height:15px;} #red-02 {background:#ff0000 url("../img/red-02.gif") repeat-x;width:auto;height:15px;} #red-03 {background:#ff0000 url("../img/red-03.gif") no-repeat;width:15px;height:15px;} #red-04 {background:#ff0000 url("../img/red-04.gif") repeat-y;width:15px;} #red-05 {background:#ff0000;text-align:left;color:#ffffff;width:auto;} #red-06 {background:#ff0000 url("../img/red-06.gif") repeat-y;width:15px;} #red-07 {background:#ff0000 url("../img/red-07.gif") no-repeat;width:15px;height:15px;} #red-08 {background:#ff0000 url("../img/red-08.gif") repeat-x;width:auto;height:15px;} #red-09 {background:#ff0000 url("../img/red-09.gif") no-repeat;width:15px;height:15px;} #gray-01 {background:#dddddd url("../img/gray-01.gif") no-repeat;width:15px;height:15px;} #gray-02 {background:#dddddd url("../img/gray-02.gif") repeat-x;width:auto;height:15px;} #gray-03 {background:#dddddd url("../img/gray-03.gif") no-repeat;width:15px;height:15px;} #gray-04 {background:#dddddd url("../img/gray-04.gif") repeat-y;width:15px;} #gray-05 {background:#dddddd;text-align:left;color:#000000;width:auto;} #gray-06 {background:#dddddd url("../img/gray-06.gif") repeat-y;width:15px;} #gray-07 {background:#dddddd url("../img/gray-07.gif") no-repeat;width:15px;height:15px;} #gray-08 {background:#dddddd url("../img/gray-08.gif") repeat-x;width:auto;height:15px;} #gray-09 {background:#dddddd url("../img/gray-09.gif") no-repeat;width:15px;height:15px;}