/******************************************/ /*ブラウザ初期化*/ * { margin: 0px; padding: 0px; font-style: normal; font-weight: normal; font-size : 100%; } /******************************************/ /*全体設定*/ body{ margin:0px; /*全体の余白*/ text-align:center; /*センタリングIEバグ回避用*/ background-color:#fcfcfc; /*全体の背景色*/ } img{ border:none;} /******************************************/ #baseBlock1{/*コンテンツ全体の設定*/ margin-left:auto; /*センタリングのための左の余白*/ margin-right:auto; /*センタリングのための右の余白*/ width:750px; /*コンテンツ全体の幅*/ font-family:Verdana, "Tahoma,Arial,sans-serif,MS Pゴシック",MS UI Gothic, Osaka;/*フォントの設定*/ color:#666; /*文字色の設定*/ font-size: 1em; /*文字サイズ。 Internet Explorerの文字のサイズ-中、Firefoxの文字サイズ-標準サイズに合わせてあります。*/ line-height: 1.6; /*行間の設定 1を切ると重なる 単位はつけない*/ text-align:left; /*IEセンタリングバグ回避用。*/ } /******************************************/ a:link , a:visited , a:hover , a:active{/*リンクフォントの設定*/ color: #66f; /*リンクの色*/ text-decoration: none; /*リンク下線の設定。underlineで下線有り。noneで下線無し。*/ } /******************************************/ /*ヘッダー*/ #head{ width:750px; /*タイトル部分の幅*/ font-size:2.5em; /*タイトル文字の大きさ*/ padding-top:100px; /*文字上側の余白*/ margin-right:30px; /*文字左側の余白*/ padding-bottom:30px; /*文字下側の余白*/ font-weight: normal; /*文字の太さ*/ } #head a:link {color: #888;} #head a:visited {color: #888;} #head a:active {color: #888;} #head a:hover {color: #66f;} h1{ color:#66f; /*タイトル文字の色*/ padding-top:20px; /*文字上側の余白*/ margin-right:30px; /*文字左側の余白*/ font-size:0.7em; /*タイトル文字の大きさ*/ } /******************************************/ /*背景*/ #hp_back1{ background:url(images/background/gate.jpg); background-position: right top; background-repeat: no-repeat; background-attachment: fixed;}/*門*/ #hp_back2{ background:url(images/background/mori.jpg); background-position: right top; background-repeat: no-repeat; background-attachment: fixed;}/*森*/ #hp_back3{ background:url(images/background/koya.jpg); background-position: right top; background-repeat: no-repeat; background-attachment: fixed;}/*小屋*/ #hp_back4{background:url(images/background/akashic.jpg); background-position: right top; background-repeat: no-repeat; background-attachment: fixed;}/*図書館*/ #hp_back5{background:url(); background-position: right top; background-repeat: no-repeat; background-attachment: fixed;}/*ストーンサークル*/ /******************************************/ /*メニュー*/ .menu1 { width:100%; border-collapse: collapse; /* 枠線の表示方法(重ねない) */ } .menu1 td { border-width:1px 1px 1px 1px; /* 枠線の太さ */ border-style: solid; /* 枠線のスタイル */ border-color:#ccc #aaa #aaa #ccc; /* 枠線の色(上・右・下・左) */ background:url(images/m2.gif) repeat-x; padding: 3px; /* セル内の余白 */ text-align: center; /* リンク文字の位置 */ } .menu1 a { text-decoration: none; /* リンク文字の下線 */ font-size: 14pt; /* リンク文字のサイズ */ font-weight: bold; /* リンク文字の太さ */ } .menu2 { border-collapse: collapse; /* 枠線の表示方法(重ねない) */ } .menu2 td { border-width:1px 1px 1px 1px; /* 枠線の太さ */ border-style: solid; /* 枠線のスタイル */ border-color:#aaa #666 #666 #aaa ; /* 枠線の色(上・右・下・左) */ background:url(images/m1.gif) repeat-x; padding: 5px; /* セル内の余白 */ text-align: center; /* リンク文字の位置 */ } .menu2 a { text-decoration: none; /* リンク文字の下線 */ font-size: 12pt; /* リンク文字のサイズ */ font-weight: bold; /* リンク文字の太さ */ } .m1 a:link {color: #666;} .m1 a:visited {color: #666;} .m1 a:hover {color: #C00;} .m1 a:active {color: #666;} .m2 a:link {color: #666;} .m2 a:visited {color: #666;} .m2 a:hover {color: #C60;} .m2 a:active {color: #666;} .m3 a:link {color: #666;} .m3 a:visited {color: #666;} .m3 a:hover {color: #C90;} .m3 a:active {color: #666;} .m4 a:link {color: #666;} .m4 a:visited {color: #666;} .m4 a:hover {color: #090;} .m4 a:active {color: #666;} .m5 a:link {color: #666;} .m5 a:visited {color: #666;} .m5 a:hover {color: #039;} .m5 a:active {color: #666;} .m6 a:link {color: #666;} .m6 a:visited {color: #666;} .m6 a:hover {color: #60C;} .m6 a:active {color: #666;} .m7 a:link {color: #666;} .m7 a:visited {color: #666;} .m7 a:hover {color: #909;} .m7 a:active {color: #666;} /******************************************/ /*メインページ*/ #main{ clear: both; background-color:#fff; /*全体の背景色*/ width:750px; /*タイトル部分の幅*/ padding-bottom:30px; /*文字下側の余白*/ font-weight: normal; /*文字の太さ*/ border-style:solid; border-width:1px; border-color:#CCC; } #main2{ padding-left:30px; /*文字左側の余白*/ padding-right:30px; /*文字左側の余白*/ padding-top:20px; /*文字上側の余白*/} .main3{ padding-left:30px; /*文字左側の余白*/ padding-right:30px; /*文字左側の余白*/} #main_p{no-repeat; } .main_p1{background:url(../images/bottan2.jpg)} .main_p2{background:url(../images/bottan2.jpg)} .main_p3{background:url(../images/bottan2.jpg)} .main_p4{background:url(../images/bottan2.jpg)} .main_p5{background:url(../images/bottan2.jpg)} .main_p6{background:url(../images/bottan2.jpg)} .main_p7{background:url(../images/bottan2.jpg)} .main_p8{background:url(../images/bottan2.jpg)} /******************************************/ /*細々*//*見出し*/ h2{ width:95%; /*タイトル部分の幅*/ font-size:1.3em; color:#36C; /*タイトル文字の色*/ border-width:0px 0px 2px 6px; border-color:#ACF #26D; border-style:solid double; font-weight: bold; /*文字の太さ*/ margin-bottom:10px; /*文字下側の余白*/ padding-left:30px; /*文字左側の余白*/ } h3{ width:95%; /*タイトル部分の幅*/ font-size:1.1em; color:#339; /*タイトル文字の色*/ border-width:0px 0px 1px 5px; border-color:#BBF #88e; border-style:solid double; font-weight: bold; /*文字の太さ*/ margin-bottom:10px; /*文字下側の余白*/ padding-left:30px; /*文字左側の余白*/ } h4{ width:95%; /*タイトル部分の幅*/ color:#399; /*タイトル文字の色*/ border-width:0px 0px 1px 3px; border-color:#8BB #3AA; border-style:solid double; margin-bottom:10px; /*文字下側の余白*/ } h5{ width:95%; /*タイトル部分の幅*/ color:#36C; /*タイトル文字の色*/ border-width:0px 0px 1px 3px; border-color:#79C #25B; border-style:solid double; margin-bottom:10px; /*文字下側の余白*/ } h6{ width:95%; /*タイトル部分の幅*/ color:#3CC; /*タイトル文字の色*/ border-width:0px 0px 1px 3px; border-color:#2bc #AEE; border-style:solid double; margin-bottom:10px; /*文字下側の余白*/ } /******************************************/ /*強調*/ strong.strong1{color:#36C;font-weight: bold;} strong.strong2{color:#339;font-weight: bold;} strong.strong3{color:#399;font-weight: bold;} /******************************************/ /*テーブル*/ .ntable { width:75%; margin-left: auto; margin-right: auto; border-collapse: collapse; /* 枠線の表示方法(重ねる) */ } .ntable td { border-width:2px; /* 枠線の太さ */ border-style: solid; /* 枠線のスタイル */ border-color:#339; /* 枠線の色(上・右・下・左) */ padding: 5px; /* セル内の余白 */ color:#666; font-size: 1em; /*文字の大きさ*/ } .iecenter{text-align: center;} /******************************************/ /*空行*/ .br2{margin-bottom: 2em;} .br3{margin-bottom: 3em;} .br4{margin-bottom: 4em;} /******************************************/ /*フッダー*/ #foot{ width:800px; /*部分の幅*/ height:200px; /*高さの設定*/ font-size: 0.9em; /*文字の大きさ*/ text-align:right; /*文字を右配置*/ padding-top:10px; /*文字上側の余白*/ margin-right:30px; /*文字右側の余白*/ font-weight: normal; /*文字の太さ*/ z-index: 0; } /******************************************/ #mobile{ text-align:left; /*文字を右配置*/ color: #fcfcfc; font-size: 1px; /*文字の大きさ*/ } #mobile a:link {color: #fcfcfc;text-decoration: none;} #mobile a:visited {color: #fcfcfc;text-decoration: none;} #mobile a:active {color: #fcfcfc;text-decoration: none;} #mobile a:hover {color: #fcfcfc;text-decoration: none;}