@charset "Shift_JIS"; /* 基本設定 ---------------------------------------------------- */ * { margin: 0; padding: 0; } /* htmlとbodyタグの設定：サイト全体の設定です */ html { text-align:left; margin: 5px; padding: 0; color: #FEE679; height:100%; font-size: 12px; } body { background:#741424; } /* pタグの設定：サイト内全体の段落の設定に適用されます */ p { font-size: 12px; line-height: 1.6em; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; margin:5px 5px 5px 5px; padding:0; } /* aタグの設定：サイト内全体のリンク表示に適用されます */ a { color: #FFD99E; } /* a:hoverタグの設定：サイト内全体のリンク、オンマウス時の色に適用されます */ a:hover { color: #B10707; } /* divタグの設定：サイト内全体のdiv要素に適用されます */ div { display:block; font-size: 1em; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: normal; margin:0; padding:0; } /* ol, ulタグの設定：サイト内全体のリスト表示に適用されます */ ol,ul { margin-left:2em; } /* liタグの設定：サイト内全体のリスト表示内、各項目に適用されます */ li { margin-bottom:5px; } /* hタグの包括設定：サイト内全体のhタグ全てに適用されます */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; } /* blockquoteタグの設定：サイト内全体のインデント表示に適用されます */ blockquote { text-align:left; margin-right:10px; margin-left:10px; margin-bottom:10px; display:block; padding:0 5px 0 5px; background:#EEE; border:#aaa 1px dotted; } /* imgタグの設定：サイト内全体の画像要素に適用されます 画像にリンク指定をしてもボーダーラインが出ないようにするためのものです */ img { border:0; } /* class=clrの設定：divのfloat要素をクリアするための定義です。 この定義を消さないようにしてください */ .clr { clear:both; } /* divのfloat要素をクリアするための定義です。 この定義を消さないようにしてください */ .pkg:after { content: " "; display: block; visibility: hidden; clear: both; height: 0.1px; font-size: 0.1em; line-height: 0; } * html .pkg { display: inline-block; } /* no ie mac \*/ * html .pkg { height: 1%; } .pkg { display: block; } /* */ /* 見出しの設定（包括定義） ---------------------------------------------------- */ /* 包括レイアウト ---------------------------------------------------- */ /* コンテンツ全体のdiv */ #container { width:850px; /* 横幅の指定 */ margin: 0 auto; /* 常にセンター寄せにします */ background: none; /* コンテンツ全体の背景色 */ padding:0; } /* pagebody：コンテンツ部（メインメニュー以下）の指定 */ #pagebody { clear:both; } /* pagebody：内枠の指定 */ #pagebody-inner { padding:0px; } /* banner部の設定 ---------------------------------------------------- */ #banner { background: #CCCCCC url(images/header_background.gif); /* ヘッダの背景 */ height:70px; /* バナーの高さ */ } /* banner：バナー部内コンテンツ（内枠）の指定 */ #banner-inner { margin:0 auto; /* パディングの指定。上・右・下・左の順番 */ padding-top:1px; width:850px; } /* banner：バナー部内、ヘッダ（サイト名）の指定 */ #banner-header { color: #666; font-size:24px; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; text-shadow: #FFF 2px 2px 2px; text-align:left; line-height:1.2em; background:none; padding-left:0; border:none; margin-top:10px; } /* banner：バナー部内、ヘッダ（サイト名）のリンク時の指定 */ #banner-header a { color:#FEE679; text-decoration:none; } /* banner：バナー部内、ヘッダ（サイト名）のリンク時マウスオーバーの指定 */ #banner-header a:hover { background:none; } /* .banner：バナー部内、サイトの説明 */ #banner-description { color: #D8B36F; font-size:14px; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; text-shadow: #FFF 2px 2px 2px; text-align:left; background:none; padding-left:0; border:none; } /* メインメニューの設定 ---------------------------------------------------- */ /* mainmenu：divの設定 */ #mainmenu { background: url(images/menu_background.gif) repeat-x; border-bottom:#808080 solid 1px; } /* mainmenu：リストの設定 */ #mainmenu ul { list-style-type:none; padding: 0; margin: 0 auto; width:850px; } /* mainmenu：リスト内各項目の設定 */ #mainmenu li { float:left; padding: 0; margin: 0; } /* mainmenu：リスト内各項目のリンク設定 */ #mainmenu a { display:block; text-decoration:none; padding:6px 10px; color: #741424; border-right: #741424 solid 1px; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-size : 12px; font-weight : bold; text-shadow: #333 0.2em 0.2em 0.2em; line-height:1.6em; } /* mainmenu：リスト内各項目のリンク、マウスオーバー時の設定 */ #mainmenu a:hover { background: #741424 url(images/menu_backgroundafter.gif); color: #FFF; text-shadow: #333 0.2em 0.2em 0.2em; } .mainmenu_home { border-left:#741424 solid 1px; } /* メインイメージの設定 ---------------------------------------------------- */ #mainimage-whole { clear:both; } #mainimage { background:url(images/mainimage_background.jpg); width:850px; height:183px; text-align:left; margin:6px auto; } /* メインイメージ内のキャッチコピー部分です。 必要のない場合はdisplay:none;を入れて消す事ができます */ #mainimage_inner { color:#FFF; width:260px; margin:0 0 0 10px; padding:10px; background:none; } #mainimage h2 { font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-size : 20px; font-weight : bold; text-shadow: #000 2px 2px 2px; line-height:1.6em; } #mainimage p { font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-size : 12px; font-weight : bold; text-shadow: #000 2px 2px 2px; line-height:1.6em; } /* alphaペイン（左ペイン）の設定 ---------------------------------------------------- */ /* alphaペイン外枠divの指定 */ #alpha { width:500px; float:left; } /* alphaペイン内枠divの指定 マージンやパディングは基本的に内枠で行ってください。 外枠の数値を変えるとレイアウトが崩れる場合があります */ #alpha-inner { margin:0px 10px 10px 0; background:#741424; } /* .h2タグの指定：各ページ名に使われる定義です */ #alpha h2 { border: #666 solid 1px; /* ボーダーライン */ margin:0; /* マージンの指定 */ padding-left:10px; /* 左パディングの指定 */ font-size: 14px; /* テキストサイズの指定 */ line-height: 2.2em; /* 行間の指定 */ font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; /* フォントの指定 */ font-weight: bold; /* テキストの太さの指定 */ color:#FFF; /* テキストの色指定 */ text-shadow: #666 2px 2px 2px; /* テキストのドロップシャドウの指定（Safariのみ対応） */ text-align:left; /* テキストの行揃えの指定。left=左, center=中央, right=右 */ background: url(images/h2_background.gif) repeat-x; /* 背景色と画像の指定 */ } /* alphaペイン：h3タグの指定 */ #alpha h3 { margin-top: 5px; margin-bottom:0; padding:6px; font-size:14px; line-height: 1em; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; color:#666; text-shadow: #FFF 2px 2px 1px; text-align:left; background: url(images/alphah3_background.gif) repeat-x; border:#999 solid 1px; clear:both; } /* alphaペイン：h3タグにリンク指定された場合の指定 */ #alpha h3 a { display:block; color:#222; } /* alphaペイン：h4タグの指定 */ #alpha h4 { border-left: #CF5A5A solid 6px; border-bottom:#FFF solid 1px; margin-top : 8px; margin-bottom:3px; padding:5px; font-size:12px; line-height: 1em; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; color:#333; text-shadow: #CCC 2px 2px 1px; text-align:left; display:block; clear:both; } /* alphaペイン：h4タグにリンク指定された場合の指定 */ #alpha h4 a { display:block; } /* alphaペイン：h5とh6タグの指定 */ #alpha h5, h6 { font-size:13px; line-height: 30px; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; color:#FFF; text-shadow: #000 2px 2px 1px; text-align:left; background:#333 no-repeat; margin:0; padding-left:20px; } #alpha h5 { } #alpha h6 { } .entry { margin:5px; } /* betaペイン（右ペイン）の設定 ---------------------------------------------------- */ /* betaペイン：外枠の指定 */ #beta { width:180px; float:right; } /* betaペイン内枠divの指定 マージンやパディングは基本的に内枠で行ってください。 外枠の数値を変えるとレイアウトが崩れる場合があります */ #beta-inner { margin:0px 0 10px 0; background: #AE804D; padding:0; border: #999 solid 1px; color:#666; } #beta-inner a { } #beta-inner a:hover { } /* betaペイン：h2タグの指定 */ #beta h2 { margin : 0; font-size:12px; line-height: 2em; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; color:#FFF; text-shadow: #333 2px 2px 1px; text-align:center; background: url(images/gammah2_background.gif) repeat-x; border-bottom:#FFF solid 1px; } #beta h2 a { color:#FFF; } /* gammaペイン（右ペイン）の設定 ---------------------------------------------------- */ /* gammaペイン：外枠の指定 */ #gamma { width:170px; float:left; } /* betaペイン内枠divの指定 マージンやパディングは基本的に内枠で行ってください。 外枠の数値を変えるとレイアウトが崩れる場合があります */ #gamma-inner { margin:0 10px 0 0; background: #AE804D; padding:0; border: #999 solid 1px; color:#666; } #gamma-inner a { } #gamma-inner a:hover { } /* gammaペイン：h2タグの指定 */ #gamma h2 { margin : 0; font-size:12px; line-height: 2em; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; color:#FFF; text-shadow: #333 2px 2px 1px; text-align:center; background: url(images/gammah2_background.gif) repeat-x; border-bottom:#FFF solid 1px; } #gamma h2 a { color:#FFF; } /* module（右ペイン内の各エリア）の設定 ---------------------------------------------------- */ /* module：外枠の指定 */ .module { margin:0; } /* module：内枠の指定 */ .module-content { margin:0; padding:0 5px 5px 5px; line-height:1.5em; } /* module：モジュール内のリスト表示 */ .module-list { margin:0; padding:0; } .module-list-item { margin:0; display:block; } .module-list ul { padding:5px; } .module-list li { list-style:none; float:none; margin:0; padding:4px; } .module-list li a { list-style:none; } /* module：バナーエリア内のイメージをセンタリングします */ .module-banner { text-align:center; } .module-banner img { margin:3px; } .module-recentcomment ul { margin-left:0; } .module-recentcomment li { list-style:none; } /* footerの設定 ---------------------------------------------------- */ #footer { clear:both; /* フッタより上のボックスをクリアします。消さないでください */ margin:15px 0 0 0; line-height:2.4em; font-size: 12px; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; color:#741424; text-shadow: #FFF 2px 2px 2px; text-align:center; background: url(images/footer_background.gif) repeat-x; border-top:#999 solid 1px; } #footer-inner { padding:10px; } /* 特定商取引やプライバシーポリシーページ用の設定 ---------------------------------------------------- */ /* SmallWindow：ページ内の枠線の指定 */ .SmallWindow { background:#FFF; border:1px #BBB solid; margin:5px 0; padding:1px; width:auto; } /* SmallWindow：段落の指定 */ .SmallWindow p { margin: 1px 1px 3px 1px; padding: 3px; } /* SmallWindow：同div内のヘッダーの指定 */ .SmallWindow_Header { background:#DDD; border:#BBB solid; border-width: 1px 1px 0 1px; width:auto; height:20px; text-align:center; color: #333; text-shadow: #000 0.2em 0.2em 0.2em; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; font-size:120%; line-height: 100%; padding:8px 0px 0px 0px; margin:0; } /* SmallWindow：同div内のサブタイトルの指定 */ .SmallWindow_subtitle { background:#333333; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-weight: bold; font-size:13px; line-height: 1.5em; color:#FFFFFF; text-align:center; padding:5px; margin:1px; margin-bottom:3px; } /* SmallWindow：同div内、タイトル段落の指定 */ .SmallWindow_Title { margin:0; padding:1px 0 1px 5px; color:#000; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-size:12px; font-weight:bold; background: #EEEEBB; border-left: #999900 solid 6px; } /* SmallWindow：同div内、通常段落の指定 */ .SmallWindow_Normal { padding:0 0 0 15px; color:#000; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-size:12px; font-weight:normal; } /* SmallWindow：同div内、通常段落の指定2 */ .SmallWindow_Normal2 { padding:0 0 0 15px; color:#000; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-size:12px; font-weight:normal; border-top:#BBB solid 1px; } /* SmallWindow：同div内、エラー表示の指定 */ .SmallWindow_Error { color:#CC0000; font-family: 'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W6','ＭＳ Ｐゴシック',sans-serif; font-size:12px; font-weight:bold; } /* MT用の設定 ---------------------------------------------------- */ /* 検索結果の定義 */ .search-results-header h3 { border:none; } /* タグ表示の定義 */ .entry-tags { margin:0 !important; padding:4px; clear:both; background:#333 url(images/tag_background.gif); display:block; } .entry-tags a { color:#FFF; } .entry-tags-header { font-size:11px; color:#FFF; line-height:1em; float:left; display:block; margin:0 !important; } .entry-tags li { font-size:11px; float:left; list-style:none; display:block; margin:0 5px; line-height:1em; } .entry-tags-list { margin:0; } .entry-tag { margin:0; } /* タグ表示の定義 - ここまで */ /* エントリー内の画像の指定 */ .entry-body img { margin:3px; } /* エントリー内のフッターの指定 */ .entry-footer { clear:both; border-top:#CCC solid 1px; } .comment-footer { float:left; margin:5px; } .comment-footer-experimental { float:left; margin:5px; } /* エントリー内のフッターの指定 - ここまで */ /* コメント欄の指定 */ .comments-open { clear:both; } .comments-open-footer { text-align:center; background:url(images/nav_background.gif); border:#999 solid 1px; padding:5px; width:364px; } /* アーカイブページのタイトルの指定 */ #archive-title { background:none; border:none; color:#333; text-align:center; text-shadow: #aaa 2px 2px 2px; margin:0 0 5px 0; padding:0; } .trackbacks { margin:5px; } .comment { clear:both; } .comment-header { background: url(images/nav_background.gif); border:#CCC solid 1px; line-height:1em; margin-top:5px; padding:3px; } .comments-content { margin:5px; } .comments-open-content { margin:5px; } .content-nav { text-align:center; background:url(images/nav_background.gif); border:#999 solid 1px; padding:2px; } .comment-content { border-bottom:#999 solid 1px; } .pagebody-spacer { text-align:center; } /* タグクラウド */ ul li.tag { margin:5px; display: inline; list-style: none; } li.tag a.level1 { font-size: 175%; } li.tag a.level2 { font-size: 160%; } li.tag a.level3 { font-size: 145%; } li.tag a.level4 { font-size: 135%; } li.tag a.level5 { font-size: 120%; } li.tag a.level6 { font-size: 110%; }
