@charset='utf-8'; /*========================================================== Juggler A→G CSS DOC:XHTML1.0 / BASE:CSS / Transitional互換モード - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ▽class名の命名ルール #AAA .BBB-CCC AAA＝各カテゴリ（フォルダ）ごとににIDを指定。　　（例：トップ階層 → #index、リンクフォルダ → #link） BBB＝各ページのファイル名。　　（例：トップ階層index.html → #index .index-CCC）　　（※カテゴリ内共通の場合はallとする。→ all-CCC） CCC＝任意の名前。文字数指定なし。 ※サイト内全体の共通classは「#AAA」「.BBB-」無し。（CCCのみ） ==========================================================*/ * { font-family:'ＭＳＰゴシック', Arial, sans-serif } BODY { margin:0px ; padding:0px ; text-align:center ; font-size:15px ; line-height:120% ; color:#444444 ; background:url() ; background-repeat:repeat-x } IMG { border:0 } P { margin:0 0 15px 0 ; padding:0 } /*---------- 文字・色・配置 ----------*/ /* 文字 */ .fts-l { font-size:120% ; line-height:120% } /* 大きく */ .fts-l2 { font-size:140% ; line-height:120% } /* より大きく */ .fts-s { font-size: 80% ; line-height:120% } /* 小さく */ .fts-s2 { font-size: 70% ; line-height:120% } /* より小さく */ .ftw-b { font-weight:bold } /* 太字 */ .ftw-n { font-weight:normal } /* 標準 */ /* 色 */ .clr-w { color:#FFFFFF } /* 白 */ .clr-r { color:#FF0000 } /* 赤 */ .clr-b { color:#0000FF } /* 青 */ .clr-y { color:#FFFF00 } /* 黄 */ .clr-g { color:#008000 } /* 緑 */ .clr-k { color:#000000 } /* 黒 */ .clr-1 { color:#FF9900 } /* メインカラー */ .clr-2 {} /* サブカラー */ .clr-3 { color:#888888 } /* 補足カラー */ /* float */ .float-l { float:left } .float-r { float:right } .clear { clear:both } /* margin */ .mrg-1 {} .mrg-2 {} .mrg-3 {} /*---------- TABLE ----------*/ /* 線0間0内0 */ table.tbl0-0-0 { margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 } table.tbl0-0-0 td { padding:0 } /* 線0間0内5 */ table.tbl0-0-5 { margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 } table.tbl0-0-5 td { padding:5px } /* 線1間0内5 */ table.tbl1-0-5 { margin:0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 ; border:1px solid #CCCCCC } table.tbl1-0-5 td { padding:5px ; border:1px solid #CCCCCC } /*========================================================== ベース ==========================================================*/ /*-------------------------------------- BASE --------------------------------------*/ #base {} #base-head { margin:0 auto ; padding:0 ; background:url(../images/base/base-head_bg.gif) } #base-main { margin:0 auto ; padding:0 ; background:url() } #base-foot { margin:0 auto ; padding:0 ; background:url(../images/base/base-foot_bg.gif) } /*-------------------------------------- ヘッダー --------------------------------------*/ #header { position:relative ; margin:0 auto ; padding:0 ; width:950px ; height:110px ; text-align:left ; background:url(../images/base/header_bg.gif) } #header img.logo { position:absolute ; top:30px ; left:15px } /*-------------------------------------- メイン --------------------------------------*/ #main { margin:0 auto ; padding:0 ; width:950px ; text-align:left ; background:url() } /* メイン（サイド） --------------------------------------*/ #main-side { margin:0 ; padding:30px 0 50px 15px ; width:205px ; float:left } #main-side ul.sidenavi { margin:0 0 30px 0 ; padding:0 ; list-style-type:none } #main-side ul.sidenavi li { margin:0 ; padding:0 } /* メイン（メイン） --------------------------------------*/ #main-main { margin:0 ; padding:30px 15px 30px 24px ; width:691px ; float:left } #main-main h1 { margin:0 0 20px 0 ; padding:0 } #main-main h2 { font-size:18px ; font-weight:bold ; color:#0000DD } /* メイン（下部） --------------------------------------*/ #main-bottom { clear:left } #main-bottom ul.footnavi { margin:0 ; padding:0 ; list-style-type:none } #main-bottom ul.footnavi li { display:inline } #main-bottom ul.footnavi a { padding:0 10px ; color:#000000 ; border-left:1px solid #000000 } #main-bottom ul.footnavi a.a0 { border-left:none } /*-------------------------------------- フッター --------------------------------------*/ #footer { position:relative ; margin:0 auto ; padding:1px 0 0 0 ; width:950px ; height:40px ; text-align:left ; background:url(../images/base/footer_bg.gif) } #footer div.copyright { padding:10px 0 0 0 ; text-align:center } /*========================================================== ページ別　［./］（#index） ==========================================================*/ /*-------------------------------------- index.php --------------------------------------*/ div.index-blog {} div.index-blog div { margin:0 0 10px 0 } /*-------------------------------------- biography.php --------------------------------------*/ table.biography-tbl1 { margin:0 0 15px 0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 } table.biography-tbl1 td.td1 { padding:0 10px 5px 0 ; width:50px ; vertical-align:top } table.biography-tbl1 td.td2 { padding:0 10px 5px 0 ; width:70px ; vertical-align:top } table.biography-tbl1 td.td3 { padding:0 10px 5px 0 ; vertical-align:top } table.biography-tbl2 { margin:0 0 15px 0 ; padding:0 ; border-collapse:collapse ; border-spacing:0 } table.biography-tbl2 td.td2 { padding:0 10px 5px 0 ; width:100px ; vertical-align:top } table.biography-tbl2 td.td3 { padding:0 10px 5px 0 ; vertical-align:top } /*========================================================== ＷＰ ==========================================================*/ h1.entry-title { margin:0 0 5px 0 ; padding:0 5px ; font-size:20px ; font-weight:bold ; line-height:60px ; background:url(../images/blog/base/h1_bg.gif) } /*========================================================== 旧ブログ　［blog/］（#blog） ==========================================================*/ body#blog {} #blog h1 { margin:0 0 5px 0 ; padding:0 5px ; font-size:20px ; font-weight:bold ; line-height:60px ; background:url(../images/blog/base/h1_bg.gif) } #blog div.all-date { margin:0 0 15px 0 ; text-align:right } #blog #main-side div.sidenavi-blog { margin:0 0 5px 0 } #blog #main-side div.sidenavi-title { margin:0 0 5px 0 ; line-height:30px ; font-weight:bold ; background:url(../images/blog/base/main-side_navi_title_bg.gif) } #blog #main-side div.sidenavi-home { margin:0 0 30px 0 } #blog #main-side div.sidenavi-ul { margin:0 0 10px 0 } #blog #main-side div.sidenavi-ul ul { margin:0 ; padding:0 ; list-style-type:none } /* ^o^ */