/*===== 共通設定 =====*/ body { font-size:10pt; width:100%; height:100%; margin:0; padding:0; color:#333333; background:#00457D url(../images/back.gif) repeat-x fixed 0 0; font-family:sans-serif; } h1, h2, h3, h4, h5, h6, p, ul,ul li, dl, dt, dd, img, hr, div, u , iframe{ margin:0; padding:0; font-style:normal; font-size:100%; line-height:130%;} ul{ list-style:none; } u {text-decoration:none; border-bottom:1px solid red;} hr { clear:both; visibility:hidden; } a{ text-decoration:none; } a:link { color:#3366FF; } a:visited { color:#3366FF; } a:hover { background:#e3e5e9; } a img { border:none; } #warapper { width:800px; margin:0 auto; background:url(../images/cont_back.gif) repeat-y 0 0; border-bottom:1px solid #ffffff; } #warapper2 { width:800px; margin:0 auto; background:#F7FAFA; border-bottom:1px solid #ffffff; } #cantaner { width:800px; margin:0 auto; background: url(../images/wara_back.jpg) no-repeat 0 100%; } #cantaner2 { width:800px; margin:0 auto; background: url(../images/wara_back2.jpg) no-repeat 0 100%; } strong{color:red;} /*===== ヘッダー設定 =====*/ #header { width:800px; height:100px; display:block; } #header h1 {width:800px; height:60px;} /*===== ナビゲーション設定 =====*/ #navi { width:210px; padding:0; float:left; } #navi ul { height:350px; background:url(../images/navi2.gif) no-repeat;padding-top:10px; } #navi ul.ind { height:350px; background:url(../images/navi.gif) no-repeat; padding-top:10px;} #navi li { margin-bottom:0; font-size:1pt; line-height:100%; } #navi li a { height:30px; display:block; text-decoration:none; text-indent:-9999px;} #navi01 a:hover,#navi01 .here { background:url(../images/navi.gif) no-repeat -210px -10px; } #navi02 a:hover,#navi02 .here { background:url(../images/navi.gif) no-repeat -210px -40px; } #navi03 a:hover,#navi03 .here { background:url(../images/navi.gif) no-repeat -210px -70px; } #navi04 a:hover,#navi04 .here { background:url(../images/navi.gif) no-repeat -210px -100px; } #navi05 a:hover,#navi05 .here { background:url(../images/navi.gif) no-repeat -210px -130px; } #navi06 a:hover,#navi06 .here { background:url(../images/navi.gif) no-repeat -210px -160px; } #navi07 a:hover,#navi07 .here { background:url(../images/navi.gif) no-repeat -210px -190px; } #navi08 a:hover,#navi08 .here { background:url(../images/navi.gif) no-repeat -210px -220px; } #navi09 a:hover,#navi09 .here { background:url(../images/navi.gif) no-repeat -210px -250px; } #navi10 a:hover,#navi10 .here { background:url(../images/navi.gif) no-repeat -210px -280px; } #navi11 a:hover,#navi11 .here { background:url(../images/navi.gif) no-repeat -210px -310px; } #navi201 a:hover,#navi201 .here { background:url(../images/navi2.gif) no-repeat -210px -10px; } #navi202 a:hover,#navi202 .here { background:url(../images/navi2.gif) no-repeat -210px -40px; } #navi203 a:hover,#navi203 .here { background:url(../images/navi2.gif) no-repeat -210px -70px; } #navi204 a:hover,#navi204 .here { background:url(../images/navi2.gif) no-repeat -210px -100px; } #navi205 a:hover,#navi205 .here { background:url(../images/navi2.gif) no-repeat -210px -130px; } #navi206 a:hover,#navi206 .here { background:url(../images/navi2.gif) no-repeat -210px -160px; } #navi207 a:hover,#navi207 .here { background:url(../images/navi2.gif) no-repeat -210px -190px; } #navi208 a:hover,#navi208 .here { background:url(../images/navi2.gif) no-repeat -210px -220px; } #navi209 a:hover,#navi209 .here { background:url(../images/navi2.gif) no-repeat -210px -250px; } #navi210 a:hover,#navi210 .here { background:url(../images/navi2.gif) no-repeat -210px -280px; } #navi211 a:hover,#navi211 .here { background:url(../images/navi2.gif) no-repeat -210px -310px; } /*#navi212 a:hover,#navi212 .here { background:url(../images/navi2.gif) no-repeat -210px -340px; }*/ #navi h5 { margin:0 8px 3px; font-size:12px; color:red; } #navi iframe{margin:0 5px; } #navi #announcement{margin:20px 5px; clear:both;} #navi #announcement a{background: url(../../image/3rd_botton.gif) no-repeat 0 0; width:190px; height:40px; display:block; text-indent:-9999em;} #navi #announcement a:hover{background: url(../../image/3rd_botton.gif) no-repeat 0 -40px;} /*===== フッター設定 =====*/ #footer { width:800px; margin:0; clear:both; } #footer p { height:20px; background:url(../images/footer.gif) no-repeat; text-indent:-9999px; } /*===== メイン設定 =====*/ #mainind { width:590px;margin-right:0px; padding:0; float:right; font-size:90%;} #main { width:560px; margin-right:15px; padding:0; float:right;} #photoalbum { margin:15px 15px 200px 15px;} * html #main{margin-right:10px;} #contents {padding-bottom:150px;} #main h2 { margin:0 0 20px 0;} #main h3, #photoalbum h3 { margin:10px 0; color:#174992; font-size:11pt; border-bottom:3px double #9cb1d1; border-top:1px solid #9cb1d1;padding:3px;background:#e3e5e9; clear:both; } #main h4, #photoalbum h4 { margin:10px 0; color:#174992; border-bottom:1px dotted #9cb1d1;} #main h5 { } #main h6 { } #main p { margin-bottom:10px; line-height:150%;} #main span.blue { color:#174992; font-weight:bold; } #main h3#h3big { color:#174992; font-size:14pt; border-bottom:5px double #9cb1d1; border-top:3px solid #9cb1d1;padding:5px; } #main h3#h3big2 { color:#174992; font-size:12pt; border-bottom:5px double #9cb1d1; border-top:3px solid #9cb1d1;padding:5px; } #main table td{ vertical-align:top;} #main p.to_top { margin:0; line-height:10pt;font-size:10pt; text-indent:0; text-align:right; clear:both; } #main p.to_top a {} #main div.left { float:left; margin-right:0; width:280x; font-size:90%; } #main div.right { float:right; width:280px; font-size:90%; margin-right:0; } #main table#info{ line-height:150%;} #main table#info td{border-bottom:solid #B4C2E0 1px; padding:5px;} #main table#info td.date{padding-right:1em; background:url(../../image/info-table.gif) repeat;border-right:solid #B4C2E0 1px;} #main ul#infolist,#main ul#infolist2 {margin-left:1em;} #main ul#infolist li,#main ul#infolist2 li {line-height:150%; padding-left:1em; background:url(../../image/infolist.gif) no-repeat 0 5px;} #main ul#infolist li li { line-height:120%; background:url(../../image/infolist2.gif) no-repeat 0 3px;} #main ul#alpha li { margin-left:30px; list-style-type:upper-alpha; line-height:150%; } /*timeschedule*/ table.timeschedule{margin:0; border-collapse:collapse; text-align:center;border:2px solid #666666;} table.timeschedule td{border:1px solid #666666; font-size:11pt;} table.timeschedule th{border:2px solid #666666;padding:2px 5px; background:#ececec; } table.timeschedule th.ts1{} div#sendaieki{width:530px; margin:0; font-size:1px; background:url(../image/sendaieki_01.gif) no-repeat 0 0;} div#sendaieki a{ text-indent:-9999em; margin-left:250px; width:280px; height:35px; display:block; background:url(../image/sendaieki_01.gif) no-repeat -250px 0;line-height:35px; text-align:center; } div#sendaieki a:hover{background:url(../image/sendaieki_01.gif) no-repeat -250px -35px; } table.actr strong{ color:#ffffff;} table.actr td.tate{width:1em;padding:3px; border:3px double #666666; background:#333399; color:#ffffff;} table.actr td.tate a{color:#cccccc;} table.actr td.tate a:hover{color:#ffffff;} table.actr td.station{border:2px solid #ffffff; background:#CDE3FC url(../image/arrow2.gif) no-repeat right 0; padding:0 5px; height:30px; vertical-align:center;} table.actr td.rute{background:url(../image/rute.gif) repeat-x center center; padding:5px; } table.actr td.rute div{ padding:0; margin:0; background: url(../images/arrow.gif) no-repeat right center;} table.actr td.goal{border:3px double #666666; background:#333399; color:#ffffff; text-align:center;padding:0 5px;} table.program { font-size:10px; border-top:1px solid #666; border-right:1px solid #666; text-align:center; line-height:120%; } table.program th { padding:3px; border-left:1px solid #666; border-bottom:1px solid #666; width:112px; background:#FFF; } table.program th.item { background:#339; color:#FFF; } table.program td { padding:3px; border-left:1px solid #666; border-bottom:1px solid #666; width:112px; } table.program td.item1 { background:#FFDEAD; } table.program td.item2 { background:#FFF8DC; } table.program td.item3 { background:#FFB6C1; } table.program td.item4 { background:#FFF0F5; } table.program td.item5 { background:#B0E0E6; } table.program td.item6 { background:#F5FFFA; } table.program2 {font-size:80%; border-top:1px solid #666; border-right:1px solid #666; text-align:center; line-height:120%; } table.program2 th { padding:3px; border-left:1px solid #fff; border-bottom:1px solid #666;background:#174992; width:30%;color:#FFF;} table.program2 th#programhd{border-left:none;} table.program2 th strong { color:#FFF;} table.program2 td { padding:3px; border-left:1px solid #666; border-bottom:1px solid #666;} table#tr{margin:0; line-height:110%; font-size:12px;} table#tr td{color:#ffffff;background:#6699cc; height:80px; padding:0 5px 0 5px;} ol.discli{margin-left:2em; margin-bottom:1em;} ol.discli li{padding-left:0; margin:0.5em 0 1em 0; list-style:disc;} div#tratime,div#tratime a { text-align:center; color:red;} div#tratime a:hover{color:#FF3366; background:#FFFFCC;} table.tour{font-size:12px; border:1px solid #666; border-right:1px solid #666; text-align:center; line-height:120%; border-collapse:collapse; } table.tour th { border-left:1px solid #666; border-bottom:2px solid #666; background:#FFF; } table.tour td { border:1px solid #666; padding:2px;} table.tour td.bb{border-bottom:2px solid #666;} div#submit {margin-left:160px; margin-top:20px;} div#submit a{ font-size:14pt; font-family:Arial, Helvetica, sans-serif; font-weight:bold; width:240px; height:50px; display:block; line-height:50px; background: url(../images/submit.gif) no-repeat 0 -50px; text-align:center; color:#FFFFFF;} div#submit a:hover{ background: url(../images/submit.gif) no-repeat 0 0; color:#990000;} table#teacher td{width:280px; text-align:center;} table#teacher td.teachersname{ text-align:left;} table#terchers td.names{ background:url(../../image/tercher-back.gif) repeat-y 0 0; height:2.5em; display:block;} table#terchers td strong{ color:#000000;} table#terchers td p{line-height:120%; font-size:85%;} div#linkbanner { width:560px; height:79px; } div#linkbanner a{background:#003399;width:560px; height:79px; display:block;} div#linkbanner a img{margin:0;padding:0;} div#linkbanner a:hover{background:#cc0000;} /*===== Light Box設定 =====*/ .lightbox_body { margin: 0px; clear: both; } .lightbox_body a:hover { background:none; } #lightbox { position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img { border: none; } #outerImageContainer { position: relative; background: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0;} #hoverNav a { outline: none;} #prevLink, #nextLink { width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData { padding:0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 900px; background-color: #333; }