@charset "Shift_JIS"; /* CSSが長いので、以下のマークで検索してみて下さい */ /* 左フレーム→★で検索 */ /* 真ん中フレーム→△で検索 */ /* 右フレーム→■で検索 */ /* イラスト展示用→☆で検索 */ /* 小説展示用→○で検索 */ /* index.html用→◇で検索 */ /* 全称セレクタ--------------------------------------------- */ * { margin:0;padding:0; font:normal normal normal x-small/1.4 Verdana,Osaka,Chicago,sans-serif; border:none; } /* 全体指定------------------------------------------------- */ body { color:#555555; text-align:center; } html { scrollbar-arrow-color:#555555; scrollbar-face-color:#ffffff; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color:#ffffff; overflow-y:scroll;/* ←IE6バグ対策(フレーム用) */ } /* スクロールバー指定が不要の場合は、スクロールバーのみ削除して下さい */ /* リンク--------------------------------------------------- */ a{text-decoration:none;} a:link,a:active{color:#555555;} a:visited{color:#555555;} a:hover{color:#c1b891;position:relative;top:1px;left:1px;} /* 文字----------------------------------------------------- */ em {color:#555555;font-weight:bold;}/* 強調 */ strong {color:#55555;font-weight:bold;font-size:120%;border-bottom:2px solid #c1b891;}/* より強い強調 */ del {text-decoration:line-through;}/* 削除 */ ins {text-decoration:underline;}/* 追加 */ b {color:#ffffff;}/* 白文字 */ /* 他------------------------------------------------------- */ hr {display:none;}/* ライン非表示 */ ul li {list-style:none;}/* マーカー無し */ /* ********************************************************* */ /* 左フレーム(メニュー)★ */ /* ********************************************************* */ /* 全体 */ #container { width:150px;/* 横幅 */ margin:15px auto; } /* サイトタイトル */ #container h1 { font-size:100%; font-weight:bold; font-family:Tahoma,"Century Gothic",Osaka; letter-spacing:0px; padding:0px 0px 5px 0px; text-align:left; } /* トップ画像表示部分 */ #container .topimg { margin:0px auto; text-align:center; } #container p { margin:10px 0px; text-align:center; } /* メニュー------------------------------------------------- */ ul#menu { padding:0px 0px 10px 0px; text-align:left; } ul#menu li {} ul#menu li a { font-family:Tahoma,"Century Gothic",Osaka; letter-spacing:1px; padding-left:12px; background:url(icon1.gif) no-repeat left center; } ul#menu li a:hover { font-family:Tahoma,"Century Gothic",Osaka; font-weight:bold; letter-spacing:2px; padding-left:12px; background:url(icon2.gif) no-repeat left center; } /* パンくず------------------------------------------------- */ ul#pan { padding:5px 0px; text-align:center; } ul#pan li {padding:1px 0px;display:inline;} /* ********************************************************* */ /* 真ん中フレーム(作品展示一覧)△ */ /* ********************************************************* */ #sub { width:130px;/* 横幅 */ margin:15px auto; text-align:left; } #sub h1 {display:none;}/* 非表示 */ #sub h2,#sub h3,#sub h4 { color:#555555; font-size:100%; font-weight:bold; margin:0px 0px 5px 0px; padding-bottom:2px; border-bottom:1px dashed #c1b891; } #sub p {margin:0px 0px 15px 0px;} /* 展示用リスト */ #sub ul {margin:0px 0px 15px 0px;} #sub li {padding:1px 0px;} /* フッター */ ul#foot { text-align:right; padding:10px 0px 20px 0px; } ul#foot li { display:inline;/* 横並び */ padding:0px 1px; } ul#foot li a {font-size:76%;} /* ********************************************************* */ /* 右フレーム(メイン)■ */ /* ********************************************************* */ /* レイアウト----------------------------------------------- */ /* 全体 */ #wrapper { width:80%;/* 横幅 */ margin:15px auto; text-align:left; } /* 見出し--------------------------------------------------- */ /* サイトタイトル(非表示) */ #wrapper h1 {display:none;} #wrapper h2,#wrapper h3,#wrapper h4 { height:20px; line-height:20px; font-size:120%; color:#ffffff; font-weight:bold; margin:0px 0px 10px 0px; padding-left:25px; background:url(title1.gif) no-repeat left center; } /* P段落---------------------------------------------------- */ #wrapper p { margin:10px 0px 30px 20px; line-height:180%; } /* 文字を大きくする */ #wrapper p.text { font-size:120%; line-height:200%; } /* 装飾BOX */ #wrapper p.box { padding:10px 10px; border:3px double #c1b891; } /* P用リンク */ #wrapper p a {font-size:100%;} /* 画像を真ん中に置く */ #wrapper p.pict { margin:0px auto; padding:10px 0px 30px 0px;/* 余白をここでコントロール */ text-align:center; } /* リスト--------------------------------------------------- */ #wrapper ul {margin:10px 0px 5px 20px;} #wrapper li { padding:0px 0px 2px 12px; background:url(icon1.gif) no-repeat left center;/* リスト用画像 */ } /* 説明付きリスト------------------------------------------- */ #wrapper dl {margin:10px 0px 5px 20px;} #wrapper dt { color:#c1b891; font-size:120%; font-weight:bold; } #wrapper dd {margin:5px 0px 10px 10px;} /* リンクページ用------------------------------------------- */ #wrapper ul.link01 {margin:10px 0px 20px 20px;} #wrapper ul.link01 li { display:inline;/* 横並び */ padding:0px 1px; background:none; } /* 下部余白を無くす */ #wrapper ul.link02 {margin:10px 0px -5px 20px;} #wrapper ul.link02 li { display:inline;/* 横並び */ padding:0px 1px; background:none; } /* フッター------------------------------------------------- */ ul#footer { margin:50px 0px 0px 0px; padding-bottom:50px; text-align:right; } ul#footer li { display:inline;/* 横並び */ padding:0px 3px; background:none; } /* ********************************************************* */ /* イラスト展示ページ☆ */ /* ********************************************************* */ #pict { width:500px;/* 横幅 */ margin:15px auto; text-align:left; } #pict h1 {display:none;}/* 非表示 */ #pict h2,#pict h3 { color:#555555; font-size:120%; font-weight:bold; margin:0px 0px 10px 0px; padding-left:20px; background:url(icon3.gif) no-repeat left center; } /* 文章部分------------------------------------------------- */ #pict p { line-height:170%; margin:15px 0px; } /* 絵の周りに枠をつける */ #pict .img {border:1px solid #555555;} /* 戻りリンク----------------------------------------------- */ #pict ul.pagetop { margin:30px auto; text-align:center; } #pict ul.pagetop li { padding:0px 2px; display:inline;/*横並び指定*/ } /* ********************************************************* */ /* 小説展示ページ○ */ /* ********************************************************* */ #novel { width:85%;/* 横幅 */ margin:15px auto; text-align:left; } #novel h1 {display:none;}/* 非表示 */ #novel h2,#novel h3 { color:#555555; font-size:120%; font-weight:bold; margin:0px 0px 10px 0px; padding-left:20px; background:url(img/icon3.gif) no-repeat left center; } /* 文章部分------------------------------------------------- */ #novel p { font-size:120%; line-height:200%; margin:50px 0px 80px 20px; } /* コメント部分 */ #novel p.com { color:#555555; font-size:100%; line-height:160%; margin:0px 0px 0px 20px; padding:10px 10px; border:3px double #c1b891; } /* 戻りリンク----------------------------------------------- */ #novel ul.pagetop { margin:20px auto 50px auto; text-align:center; } #novel ul.pagetop li { padding:0px 2px; display:inline;/*横並び指定*/ } /* ********************************************************* */ /* index.html◇ */ /* ********************************************************* */ #index { width:250px; margin:50px auto 10px auto; text-align:left; } #index h1,#index h2,#index h3 { height:20px; line-height:20px; font-size:120%; color:#ffffff; font-weight:bold; font-family:Tahoma,"Century Gothic",Osaka; letter-spacing:1px; margin:0px 0px 10px 0px; padding-left:25px; background:url(img/title1.gif) no-repeat left center; } #index p {margin:20px 20px;} /* ********************************************************* */