@charset "UTF-8"; a:link{ color: #666; text-decoration: none; } a:visited{ color: #639; text-decoration: none; } a:focus{ color: #33F; text-decoration: none; } a:active{ color: #C00; text-decoration: none; } /*コンテナ*/ #container { background-color: #FFF; height: 10000px; width: 980px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-left: 10px; } h1 { font-size: x-large; color: #53BFB6; font-weight: normal; line-height:35px; padding-top:20px; padding-left:6px; border-left:16px solid #53BFB6; } h2 { position:relative; top:18px; font-size: 12px; font-weight:300; color: #FF8000; margin-bottom: -20px; padding-left: 24px; padding-bottom:3px } h3 { background-color: #FFF; font-size: medium; font-weight: bold; color:#6E6E6E; height: 26px; width: 745px; padding-left:8px; padding-top:5px; border-left: 15px solid #95C6C2; border-bottom: 2px solid #95C6C2; } h3 span {font-weight:100; font-size:14px} .clearfix {*zoom:1; } .clearfix:before, .clearfix:after{ disply:table; content:""; line-height:0; } .clearfix:after{ clear:both; } /*バナー画像*/ #main { background-color: #FFFFFF; height: 362px; width: 969px; float: left; } /*トップナビ*/ #nav { background-color: #FFF; height: 30px; width: 969px; margin-top: 0px; margin-right: auto; margin-bottom: 2px; margin-left: auto; padding: 0px; float: left; } ul { list-style: none; margin: 0px; height: 30px; padding: 0px; } li { float: left; height: 30px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } /*ヘッダー*/ #header { background-color: #FFF; height: 60px; width: 969px; margin-right: auto; margin-left: auto; margin-bottom: 0px; font-size: x-small; font-family: "MS ゴシック", "MS Gothic", "Osaka-等幅", Osaka-mono, monospace; padding: 0px; float: left; } #headerlink { background-color: #FFF; float: right; height: 50px; width: 80px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #headerimage { background-color: #FFF; float: left; height: 60px; width: 380px; } #headerfacebook { background-color: #FFF; height: 60px; width: 60px; float: right; margin-right: 10px; } #headertwitter { background-color: #FFF; float: right; height: 60px; width: 60px; } /*フッター*/ #footer { background-color: #000; height: 120px; width: 975px; margin-top: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; font-size: x-small; color: #FFF; float: left; } #address { font-size: x-small; color: #FFF; float: right; height: 180px; width: 200px; } #address1 { height: 10px; width: 200px; } #address2 { height: 10px; width: 200px; } #address3 { height: 10px; width: 200px; } #address4 { height: 10px; width: 200px; } div#copyright { position: relative; top: 0px; font-family: serif; font-size: 12px; text-align: center; padding-bottom: 5px; clear: right; color: #666; } /*サイドナビ*/ #sidenav { background-color: #FFF; height: 10000px; width: 195px; float: right; margin-top: 10px; margin-left: 10px; margin-bottom: 10px; font-size: small; color: #999; font-weight: normal; padding-left: 0px; border-left-width: thin; border-left-style: solid; border-left-color: #999; } #sidenav1 { height: 80px; width: 195px; padding-left: 5px; } #sidenav2 { height: 100px; width: 195px; padding-left: 5px; } #sidenav3 { height: 130px; width: 195px; padding-left: 5px; } #sidenav4 { height: 150px; width: 195px; padding-left: 5px; } #sidenav5 { height: 140px; width: 195px; padding-left: 5px; } #sidenav6 { height: 80px; width: 195px; padding-left: 5px; } #sidenav7 { height: 340px; width: 195px; padding-left: 5px; } #sidenav8 { height: 100px; width: 195px; padding-left: 5px; } #sidenav9 { height: 100px; width: 195px; padding-left: 5px; margin-top: 10px; } #sidenav10 { height: 100px; width: 195px; padding-left: 5px; margin-top: 10px; } #sidenav11 { height: 100px; width: 195px; padding-left: 5px; margin-top: 10px; } dl{ width:180;} dt{ color:#333; font-size:small; font-weight:bold; } dd{ color: #999; font-size: smaller; font-weight: normal; margin-left: 15px; }#footer { background-color: #000; height: 120px; width: 960px; margin-top: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 10px; font-size: x-small; color: #FFF; float: left; } /*メインの内容*/ #left { height: 10800px; width: 760px; float: left; } #message { background-color: #FFF; height: 200px; width: 760px; margin-top: 10px; margin-right: 0px; font-size: small; float: #063; } #message2 { background-color: #FFF; height: 250px; width: 760px; margin-top: 10px; margin-right: 0px; font-size: small; float: #063; } #contents { background-color: #FFF; height: 8000px; width: 760px; margin-top: 15px; font-size: small; margin-bottom: 15px; } #contents1 { height: 1100px; width: 760px; padding: 0px; margin-bottom: 50px; } #contents2 { height: 1200px; width: 760px; margin-top: 10px; font-size: small; color: #000; margin-bottom: 100px; } #contents3 { background-color: #FFF; height: 1100px; width: 760px; margin-top: 300px; font-size: small; color: #000; margin-bottom: 50px; } #contents4 { background-color: #FFF; height: 1130px; width: 760px; margin-top: 10px; margin-bottom: 50px; } #contents5 { height: 1100px; width: 760px; margin-top: 550px; margin-bottom: 50px; } #coursedescriptions { height: 500px; width: 756px; padding-left: 0px; } #graf0 { height: 50px; width: 760px; margin-bottom: -10px; } #graf00 {height: 50px; width: 760px; margin-bottom: -10px; } #graf000 {height: 50px; width: 760px; margin-bottom: -10px; } #graf0000 {height: 50px; width: 760px; margin-bottom: -10px; } #graf1 { height: 780px; width: 199px; float: left; border-top-width: thin; border-top-style: solid; border-top-color: #999; font-size: small; color: #000; background-color: #FFF; } #graf2 { height: 780px; width: 559px; float: left; border-top-width: thin; border-left-width: thin; border-top-style: solid; border-left-style: solid; border-top-color: #999; border-left-color: #999; background-color: #FFF; } #graf01 { height: 1130px; width: 199px; float: left; border-top-width: thin; border-top-style: solid; border-top-color: #999; font-size: small; color: #000; background-color: #FFF; } #graf02 { height: 1130px; width: 559px; float: right; border-top-width: thin; border-left-width: thin; border-top-style: solid; border-left-style: solid; border-top-color: #999; border-left-color: #999; background-color: #FFF; } strong { font-size: medium; } #graf1-1 { height: 90px; width: 200px; background-color: #FFF; margin: 0px; float: left; } #graf1-2 { height: 30px; width: 200px; background-color: #CCC; margin: 0px; float: left; } p.ten { text-indent:-1 em; padding-left:1 em; } #graf1-3 { height: 30px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf1-4 { height: 30px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf1-5 { height: 30px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf1-6 { height: 330px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf1-7 { height: 33px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf1-8 { height: 210px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf2-1 { height: 90px; width: 560px; background-color: #FFF; float: left; } #graf2-2 { height: 30px; width: 560px; background-color: #CCC; float: left; } #graf2-3 { height: 30px; width: 560px; background-color: #FFF; float: left; } #graf2-4 { height: 30px; width: 560px; background-color: #CCC; float: left; } #graf12 { height: 810px; width: 760px; } #graf2-5 { height: 30px; width: 560px; background-color: #FFF; float: left; } #graf2-6 { height: 330px; width: 560px; background-color: #CCC; float: left; } #graf2-7 { width: 560px; height: 33px; background-color: #FFF; float: left; } #graf2-8 { height: 210px; width: 560px; background-color: #CCC; float: left; } #graf01-1 { height: 110px; width: 200px; background-color: #FFF; margin: 0px; float: left; } #graf01-2 { height: 150px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf01-3 { height: 30px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf01-4 { height: 30px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf01-5 { height: 30px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf01-6 { height: 390px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf01-7 { height: 33px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf01-8 { height: 210px; width: 200px; background-color: #FFF; margin: 0px; float: left; } #graf02-1 { height: 110px; width: 560px; background-color: #FFF; float: left; } #graf02-2 { height: 150px; width: 560px; background-color: #CCC; float: left; } #graf02-3 { height: 30px; width: 560px; background-color: #FFF; float: left; } #graf02-4 { height: 30px; width: 560px; background-color: #CCC; float: left; } #graf012 { height: 810px; width: 760px; } #graf02-5 { height: 30px; width: 560px; background-color: #FFF; float: left; } #graf02-6 { height: 390px; width: 560px; background-color: #CCC; float: left; } #graf01-9 { height: 150px; width: 200px; float: left; background-color: #CCC; } #graf02-7 { width: 560px; height: 33px; background-color: #FFF; float: left; } #graf02-8 { height: 210px; width: 560px; background-color: #FFF; float: left; } #graf02-9 { height: 150px; width: 560px; float: left; background-color: #CCC; } #graf001 { height: 1050px; width: 199px; float: left; border-top-width: thin; border-top-style: solid; border-top-color: #999; font-size: small; color: #000; background-color: #FFF; } #graf002 { height: 1050px; width: 559px; float: right; border-top-width: thin; border-left-width: thin; border-top-style: solid; border-left-style: solid; border-top-color: #999; border-left-color: #999; background-color: #FFF; } #graf001-1 { height: 110px; width: 200px; background-color: #FFF; margin: 0px; float: left; } #graf001-2 { height: 30px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf001-3 { height: 70px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf001-4 { height: 30px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf001-5 { height: 30px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf001-6 { height: 560px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf001-7 { height: 33px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf001-8 { height: 190px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf002-1 { height: 110px; width: 560px; background-color: #FFF; float: left; } #graf002-2 { height: 30px; width: 560px; background-color: #CCC; float: left; } #graf002-3 { height: 70px; width: 560px; background-color: #FFF; float: left; } #graf002-4 { height: 30px; width: 560px; background-color: #CCC; float: left; } #graf0012 { height: 1030px; width: 760px; } #graf002-5 { height: 30px; width: 560px; background-color: #FFF; float: left; } #graf002-6 { height: 560px; width: 560px; background-color: #CCC; float: left; } #graf001-9 { height: 150px; width: 200px; float: left; background-color: #CCC; } #graf002-7 { width: 560px; height: 33px; background-color: #FFF; float: left; } #graf002-8 { height: 190px; width: 560px; background-color: #CCC; float: left; } #graf002-9 { height: 150px; width: 560px; float: left; background-color: #CCC; } #graf0001 { height: 1340px; width: 199px; float: left; border-top-width: thin; border-top-style: solid; border-top-color: #666; font-size: small; color: #000; } #graf0002 { height: 1340px; width: 559px; float: right; border-top-width: thin; border-left-width: thin; border-top-style: solid; border-left-style: solid; border-top-color: #999; border-left-color: #999; } #graf0001-1 { height: 110px; width: 200px; background-color: #FFF; margin: 0px; float: left; } #graf0001-2 { height: 60px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf0001-3 { height: 30px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf0001-4 { height: 30px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf0001-5 { height: 30px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf0001-6 { height: 740px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf0001-7 { height: 33px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf0001-8 { height: 310px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf0002-1 { height: 110px; width: 560px; background-color: #FFF; float: left; } #graf0002-2 { height: 60px; width: 560px; background-color: #CCC; float: left; } #graf0002-3 { height: 30px; width: 560px; background-color: #FFF; float: left; } #graf0002-4 { height: 30px; width: 560px; background-color: #CCC; float: left; } #graf00012 { height: 1310px; width: 760px; } #graf0002-5 { height: 30px; width: 560px; background-color: #FFF; float: left; } #graf0002-6 { height: 740px; width: 560px; background-color: #CCC; float: left; } #graf0001-9 { height: 150px; width: 200px; float: left; background-color: #CCC; } #graf0002-7 { width: 560px; height: 33px; background-color: #FFF; float: left; } #graf0002-8 { height: 310px; width: 560px; background-color: #CCC; float: left; } #graf0002-9 { height: 150px; width: 560px; float: left; background-color: #CCC; } #graf00001 { height: 560px; width: 199px; float: left; border-top-width: thin; border-top-style: solid; border-top-color: #999; font-size: small; color: #000; } #graf00002 { height: 560px; width: 559px; float: right; border-top-width: thin; border-left-width: thin; border-top-style: solid; border-left-style: solid; border-top-color: #999; border-left-color: #999; } #graf00001-1 { height: 90px; width: 200px; background-color: #FFF; margin: 0px; float: left; } #graf00001-2 { height: 30px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf00001-3 { height: 30px; width: 200px; margin: 0px; background-color: #FFF; float: left; } #graf00001-4 { height: 410px; width: 200px; background-color: #CCC; margin: 0px; float: left; } #graf00002-1 { height: 90px; width: 560px; background-color: #FFF; float: left; } #graf00002-2 { height: 30px; width: 560px; background-color: #CCC; float: left; } #graf00002-3 { height: 30px; width: 560px; background-color: #FFF; float: left; } #graf00002-4 { height: 410px; width: 560px; background-color: #CCC; float: left; } #graf000012 { height: 580px; width: 760px; } #course1 { height: 800px; width: 760px; font-size: small; margin-top: 120px; } #course1-1 { height: 160px; width: 760px; } #course1-2 { height: 140px; width: 760px; } #course1-3 { height: 140px; width: 760px; } #course1-4 { height: 140px; width: 760px; } #course2 { height: 280px; width: 760px; font-size: small; } #course3 { height: 150px; width: 760px; font-size: small; } #course4 { height: 150px; width: 760px; font-size: small; } #course5 { height: 150px; width: 760px; font-size: small; } #course5-1 { height: 90px; width: 760px; font-size: small; } #course5-2 { height: 60px; width: 760px; font-size: small; font-weight: bold; } #pankuzu { height: 30px; width: 760px; font-size: small; padding-top: 10px; float: left; } small { color: #000; float: left; } span.bold { font-weight:600; } p.indent{ text-indent:-1em; margin-left:18px; } small { color: #000; float: left; } body { background-image: url(image/SiteBackground%20.jpg); }