/* CSS Document */ body { font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; background-image:url(../img/bg.gif) ; background-color: #FFFFFF; text-align: center; margin: 0px 0px 20px 0px; padding: 0px; color: #333333; } h1 { margin: 5px 10px 15px 0px; padding: 0px; font-weight: bold; font-size: 110%; color: #004A99; border-bottom:solid 1px #004A99; } h2 { margin: 20px 10px 10px 0px; font-weight: bold; font-size: 110%; color: #FFFFFF; background-image: url(../img/bg_h2.gif); background-color:#EEEEEE; border-top:solid 1px #004A99; border-right:solid 2px #004A99; border-bottom:solid 2px #004A99; border-left:solid 1px #004A99; padding: 3px 0px 3px 20px; } h3 { margin: 15px 10px 5px 10px; padding: 0px; font-size: 90%; font-weight: bold; color: green; border-bottom:solid 1px green; } h4 { font-size: 90%; margin: 10px 10px 5px 20px; font-weight: bold; color: green; } h5 { margin:0px 0px 0px 20px; padding:0px;} img{ border: 0px none #fff; } p{ margin: 5px 20px 5px 20px; font-size: 90%; line-height: 150%; color: #222222; } ol{ margin: 5px 20px 5px 40px; font-size: 90%; line-height: 150%; color: #222222; } address{ padding:10px ; color:#333399; font-style:normal; } a:link { text-decoration: none; color: #004A99;} a:visited { text-decoration: none; color: #004A99;} a:hover { text-decoration: none; color: #0044CC;} a:active { text-decoration: none; color: #0044CC;} #wrapper { margin-left:auto; margin-right:auto; width:700px; text-align: left; background-color:#FFFFFF; background-image:url(../img/bg_wrapper.gif); border-top:solid 2px #004A99; border-right:solid 5px #004A99; border-bottom:solid 5px #004A99; border-left:solid 5px #004A99; } #header { margin:0px; padding:0px; width:700px; border-bottom:solid 1px #004A99; } #mainarea { width:700px; margin: 0px; padding:0px; } #classarea { margin: 0px; padding: 10px 20px 0px 20px; width:660px; background-color:#FFFFFF; text-align:left; } #mainarea2 { width:660px; margin: 0px; padding: 0px 20px 10px 20px; background-color:#FFFFFF; text-align:left; } #content { float:right; width:530px; margin: 0px; padding:20px 10px 10px 10px; text-align:left; line-height:150%; } #topimage { width:780px; margin: 0px; padding:0px; text-align: center; background-image:url(../kurumi/img/bar.jpg); } /* メニューエリア設定 */ #menu { float:left; margin-top:20px; width:140px; background-color:#ACDCFF; border-top:solid 1px #004A99; border-right:solid 1px #004A99; border-bottom:solid 1px #004A99; text-align:left; } #menu ul{ margin:0px; padding:0px; } #menu li {list-style-type:none;} #menu li a{ display: block; padding:7px 0px 7px 20px; background-image:url(../img/bg_btn.gif); background-color:#ACDCFF; border-left:solid 2px #DAEDF8; border-top:solid 2px #DAEDF8; border-right:solid 2px #529ABC; border-bottom:solid 2px #529ABC; } #menu li a:hover{ background-color:#84C1F4; background-image:url(../img/bg_btn_on.gif); border-left:solid 2px #A4D1F7; border-top:solid 2px #A4D1F7; border-right:solid 2px #5099D6; border-bottom:solid 2px #5099D6; } #menu li.presentpage { display: block; padding:7px 0px 7px 20px; background-color:#E8F5FF; background-image:url(../img/bg_btn.gif); border-left:solid 2px #FFFFFF; border-top:solid 2px #FFFFFF; border-right:solid 2px #98C6E7; border-bottom:solid 2px #98C6E7; color: #004A99; font-weight:bold; text-align:left; } /* 一般テーブル設定 */ #content table{ margin: 10px 20px 15px 20px; font-size: 90%; line-height: 130%; color: #222222; border:solid 1px #666666; border-collapse:collapse; } #content table caption{ text-align:left; color:#333333; font-weight:bold; padding-bottom:5px; white-space:nowrap; } #content th{ background-color:#DDF0BB; border:solid 1px #666666; color:#333333; font-weight:normal; padding:2px 5px 2px 5px; text-align:center; } #content td{ border:solid 1px #666666; color:#333333; padding:2px 5px 2px 5px; text-align:center; } /* フッター */ #footer{ clear:both; float:right; margin:0px 10px 10px 0px; padding:10px 0px 10px 0px; width:520px; border-top:solid 1px #003399; line-height: 130%; text-align:left; } #contact a{ float:right; display: block; padding:4px 20px 4px 20px; background-image:url(../img/bg_btn.gif); background-position: 0 -3px; background-color:#ACDCFF; border-left:solid 2px #DAEDF8; border-top:solid 2px #DAEDF8; border-right:solid 2px #529ABC; border-bottom:solid 2px #529ABC; } #contact a:hover{ background-color:#84C1F4; background-image:url(../img/bg_btn_on.gif); border-left:solid 2px #A4D1F7; border-top:solid 2px #A4D1F7; border-right:solid 2px #5099D6; border-bottom:solid 2px #5099D6; } #footer2{ margin:20px 0px 0px 0px; padding:10px 0px 10px 0px; width:660px; border-top:solid 1px #003399; line-height: 130%; text-align:left; } /* イベント教室用テーブル設定 */ #classarea table{ margin: 10px 0px 0px 0px; font-size: 90%; line-height: 130%; color: #222222; border:solid 1px #666666; border-collapse:collapse; } #classarea table caption{ text-align:left; color:#333333; font-weight:bold; padding-bottom:5px; } #classarea th{ background-color:#DDF0BB; border:solid 1px #666666; color:#333333; font-weight:normal; padding:3px; text-align:center; } #classarea td{ border:solid 1px #666666; color:#333333; padding:3px; text-align:left; } #classarea thead { background-color:#EEEEEE; } #classarea .part { background-color:#FFFF99; font-weight:bold; } #classarea .th2 { background-color:#DDF0BB; } /* スケジュール用テーブル設定 */ #mainarea2 table{ margin: 10px 0px 0px 0px; font-size: 90%; line-height: 130%; color: #222222; border:solid 1px #666666; border-collapse:collapse; } #mainarea2 table caption{ text-align:right; color:#333333; font-weight:normal; padding-bottom:5px; } #mainarea2 th{ background-color:#DDF0BB; border:solid 1px #666666; color:#333333; font-weight:normal; padding:2px; text-align:center; } #mainarea2 td{ border:solid 1px #666666; color:#333333; padding:2px; text-align:center; } #mainarea2 thead { } #mainarea2 .th2 { background-color:#DDF0BB; } .full{ background-color:#FF9999; } .part { background-color:#FFFF99; font-weight:bold; } .out{ background-color:#DDDDDD; } .m25{ background-color:#F0FFFF} .m50{ background-color:#CCFFFF} .dive{ background-color:#B0DFFF} .photo{ float:left; padding: 0px 5px 0px 20px; } .topimag{ margin:0px; padding:0px 0px 20px 0px; } #whatsnew{ }