@charset "utf-8"; /* -----reset css------ */ html,body,address,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,div,p,pre,blockquote,hr,bdo,a,br,del,ins,abbr,dfn,sub,sup,q,cite,code,var,kbd,samp,map,area,iframe,img,form,label,fieldset,legend,input,textarea,select,option,optgroup,button,command,details,menu,summary,article,aside,header,footer,nav,section,figcaption,figure,main,mark,rp,rt,ruby,time,wbr,audio,canvas,embed,object,param,source,video,datalist,keygen,meter,output,progress{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;list-style-type:none;background:transparent;box-sizing:border-box;}embed,iframe,img,table,textarea{max-width:100%;}table{border-collapse:collapse;border-spacing:0;}a,a:link,a:visited{color:#333;text-decoration:none;}a:hover,a:active{color:#777;}article,aside,canvas,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;} /* ---reset css end----2021/01/03 dark-ct_resp用 */ html,body{ width:100%; min-height:100%; } html{ font-size:100%; /* フォントサイズは1em(16px)の83% */ overflow-x:hidden; } body{ animation:fadeIn 0.5s ease 0s 1 normal; } @keyframes fadeIn{ 0%{opacity:0} 100%{opacity:1} } img { opacity: 1; transition: opacity 0.5s; border:none; vertical-align:bottom; max-width:100%; height:auto; } img[data-src] { opacity: 0; display:none; } body{ background:#030007; /* 色 */ font-size:1.0em; color:#fff; /* 基本文字色 */ line-height: 1.8; font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",Verdana,sans-serif; word-wrap: break-word; overflow-wrap: break-word; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; -webkit-overflow-scrolling:touch !important; } #wrapper{ width:100%; min-height:100%; text-align:center; position:relative; overflow:hidden; } body > #wrapper{ height:auto; } h1, h2, h3, h4{ font-weight:normal; } a, a:link, a:visited{ color: #a8c9e2; text-decoration: none; } a:hover{ color:#ffa9a9; text-decoration:none; } .emoji{ margin:0; vertical-align:middle; } hr{ border-top:dotted 1px #666; height:1px; margin:auto; } .hr1{ margin:15px 0 25px; border-top:dashed 1px #aaa; height:1px; } strong{ font-weight:bold; } b{ font-weight:bold; } pre{ white-space:pre-wrap; word-wrap:break-word; font-size:1.0em; font-family:initial; background-color:#111; padding:15px; } code{ font-family:Menlo,Consolas,monospace; font-size:1.0em; } blockquote{ margin:10px 0; padding:10px 15px; background-color:#222; border:dotted 1px #ccc; border-radius: 5px; } /* トップ画像 */ .topimg{ margin:0 20px; padding-top:120px; } /* ヘッダー部分 */ header { width:1250px; height:80px; position:absolute; margin-top:10px; } /* ブログタイトル */ header a, header a:link, header a:visited{ color:#ccc; /* ブログタイトルの文字色 */ font-size:2.0em; text-decoration:none; } h1{ position:absolute; top:0; margin:0 30px; } /* ブログ説明部分 */ .introduction{ position:absolute; top:0; margin-top:50px; margin-left:30px; } /* 管理リンク・パンくず表示部分 */ .pan_box{ display:-webkit-flex; display:flex; margin:0 10px 10px; } .pan{ -webkit-flex:1; flex:1; text-align:left; } .adm{ text-align:right; } .adm2{ display:none; /* メニューカラムの管理リンク、3カラム時非表示 */ } .pankuzu{ text-align:left; margin-left:10px; } span.breadcrumb_entry:nth-last-child(3){ display:none; } .clearfix:after{ content:""; display:block; height:0; clear:both; visibility:hidden; } /* 管理ページ部分 */ ul.admin{ margin:0; padding-right:10px; list-style-type:none; text-align:right; } ul.admin li{ display:inline; margin:0; } /* メインカラム枠部分 */ .blog-con{ position:relative; margin:10px 0 40px; padding:6px 10px; background:rgba(0,0,0,.7); border:solid 2px #555; } .entry_date{ position:absolute; display:inline-block; top:-10px; right:15px; padding:2px 8px; height:25px; vertical-align:middle; font-size:1em; background:#13527e; /* 日付部分背景色 */ color:#fff; /* 日付文字色 */ border-radius:5px 5px 0 0; } .pen-link{ font-size:1.5em; color:#fff; line-height:1; vertical-align:middle; transform:rotate(110deg); display:inline-block; } .entry_title{ font-size:1em; background:#0e3d58; /* 記事タイトル背景色 */ border-bottom:solid 1px #2c81a4; border-right:solid 1px #2c81a4; margin:4px 0 10px; padding:5px 8px 1px; text-align:left; } .com_col{ float:right; text-align:right; margin-top:-23px; line-height:1.8em; color:#aaa; } .con_body{ margin:20px 20px 10px; } .entry-footer{ padding-top:15px; text-align:right; } .topentry_comment_body{ padding:0 20px; } /* 関連記事のリストマーク */ .relate_dd .relate_ul .relate_li, .relate_dd .relate_ul .relate_li_nolink { margin-left:0; list-style-type:circle; } /* 記事ページ追記ボタン */ .hidden_box label{ padding:0 10px; border:solid 1px #aaa; cursor:pointer; } .hidden_box label:hover{ background:#e1f0f6; color:#333; } .hidden_box input { display:none; } .hidden_box .hidden_show{ height:0; padding:0; overflow:hidden; visibility:hidden; /* 中身を非表示にしておく */ } .hidden_box input:checked ~ .hidden_show{ padding:10px 0; height:auto; visibility:visible; /* クリックで中身表示 */ } /* メニュー部分 */ .menu_title{ margin-bottom:3px; padding:2px 10px; border-bottom:1px solid #2c81a4; border-right:1px solid #2c81a4; color:#ccc; background:#0e3d58; /* メニュータイトル背景色 */ line-height:2.0; } /* 3カラム+ベース部分 */ #box{ width:1250px; height:100%; margin:0 auto; text-align:left; background-color:rgba(3,0,7,.8); } #content{ width:710px; float:left; margin-left:270px; } #left-box{ float:left; width:270px; margin-left:-980px; padding:0 20px 20px; } #right-box{ float:left; width:270px; padding:0 20px 20px; } .menu-box{ padding:10px 15px 30px; overflow:hidden; } #footer{ width:1250px; margin:0 auto; padding:15px; height:auto; color:#ccc; background:rgba(3,0,7,.8); /* フッター背景色 */ text-align:center; line-height:1.5; } #footer a, #footer a:link, #footer a:visited{ color:#ccc; text-decoration:none; } #btn1, #btn2{ display:none; /* ドロワーメニューボタン、3カラム時非表示 */ } .kiji1{ display:none; /* 記事表示時要約非表示 */ } .kiji2{ display:block; /* 要約表示時記事非表示 */ } /* 簡易表示トップページエントリー */ .kiji1{ margin:10px; overflow: hidden; } .left{ float:left; width:33%; /* サムネイル画像の幅 */ height:auto; max-height:140px; margin-right:10px; text-align:center; position: relative; overflow:hidden; } .left img{ width:100%; height:auto; max-height:140px; -o-object-fit: cover; /* 古いopera用ベンダー */ font-family:'object-fit:cover;'; /* IE対策 */ object-fit:cover; border:none; vertical-align:middle; } .left img[src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="], .left img[style*="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="]{ display:none; /* 要約表示時に画像が無い場合ダミー画像を非表示 */ } .moji-c{ overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; /* 表示したい行数(3行表示で末尾に3点リーダー表示、webkit系のみ) */ max-height:5.2em; /* IE,Firefox対策(4行は7.0em、5行は8.8em) */ } p.right-txt{ text-align:right; margin-right:20px; } .clearLeft{ clear:left; } /*コメントリスト*/ .sidehide{ display:none; padding:15px 0; text-align:left; color:#ccc; } /*プロフィール画像の余白・表示位置 */ .plugin-myimage{ margin:0 auto; text-align:center !important; max-width:100%; } /* 記事ページ移動 */ .page_navi{ padding-bottom:10px; text-align:center; margin:0px auto; } /* ページネーション */ .pagenavi{ line-height:30px; font-size:1.0em; text-align:center; margin:5px; } .pagenavi a,.pagenavi span{ margin:2px 1px; padding:0 11px; background:#0e3d58; border:2px solid #888; border-radius:5px; text-decoration:none; transition:all 0.3s; display:inline-block; } .pagenavi span{ font-weight:bold; background:#0b2b3e; } .pagenavi a.dot{ text-decoration:none; border:2px solid #888; } .pagenavi a:hover{ border-color:#fff; background:#0b2b3e; color:#fff; font-weight: bold; } .pagenation{ overflow:hidden; padding:5px; } .pagenation ul{ text-align:center; position:relative; list-style:none; padding-left:0; } .pagenation li{ position:relative; display:inline-block; } .pagenation_prev,.pagenation_next{ margin:10px; font-size:1.0em; background: rgba(0,0,0,.8); } .dele{ display:none; } /* ページトップ・ボトムボタン */ #pagetop{ bottom:180px; } #pagebottom{ bottom:133px; } #pagetop,#pagebottom{ display:none; position:fixed; right:30px; background-color:rgba(173,216,230,.65); border:2px solid #f5f5f5; text-align:center; color:#fff; font-size:23px; text-decoration:none; padding:0 8px; border-radius:3px; z-index:4; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } #pagetop:hover,#pagebottom:hover{ background-color:rgba(255,182,193,.7); } /* カレンダー */ table.calender{ width: 100%; } .calender caption{ font-size:1.0em; border-bottom:1px solid #ccc; } .calender th{ font-weight:normal; text-align:center; border-bottom:1px dotted #ccc; } .calender td{ text-align:center; border-bottom:1px dotted #ccc; } .calender a:link,.calender a:visited{ font-weight:bold; color:#ac6837; text-decoration:none; } .calender a:hover{ color:#ffa9a9; font-weight:bold; text-decoration:none; } th#sun{ color:#9d5555; } th#sat{ color:#0000ff; } /* 全記事表示 */ .all_body{ margin:10px; padding-bottom:7px; border-bottom:1px dotted #555; } .all_day{ padding:0; margin:0; } .all_boutou{ float:left; margin-left:7em; } .all_cate{ text-align:right; font-size:0.85em; } .all_cate a{ display:inline-block; } /* コメント部分 */ .com_block{ margin:10px 0 30px; padding:10px 20px; background:rgba(0,0,0,.7); border:1px solid #555; border-radius:3px; } .com_title{ margin:-35px 0 25px 40px; min-height:30px; color:#ffa9a9; font-weight:bold; border-bottom:1px dotted #ccc; } .user-icon{ width:50px; height:50px; border-radius:50%; background-color:rgba(170,170,170,.15); margin-left:-20px; -o-object-fit:cover; /* 古いopera用ベンダー */ font-family:'object-fit:cover;'; /* IE対策 */ object-fit:cover; line-height:2.3; text-align:center; font-size:23px; color:rgba(150,150,150,.4); clear:both; } .author-icon{ width:50px; height:50px; background:#eee; border-radius:50%; position:absolute; left:21px; -o-object-fit:cover; /* 古いopera用ベンダー */ font-family:'object-fit:cover;'; /* IE対策 */ object-fit:cover; } .com_state{ margin-top:10px; text-align:right; } input[type="password"]{ border:solid 1px #aaa; padding:2px; background-color:#000; margin-bottom:5px; width:100%; } input[type="submit"]{ border:solid 1px #aaa; padding:2px; background-color:#e1f0f6; } input[type="checkbox"]{ margin:5px; vertical-align:middle; } input[type="text"]{ width:100%; border:solid 1px #aaa; padding:2px; background-color:#000; } textarea,select{ width:100%; border:solid 1px #aaa; padding:2px; background-color:#000; } input[type="password"],input[type="text"],textarea,select{ font-size:1.0em; font-family: sans-serif; color:#fff; } input[type="password"],input[type="text"],textarea,select:focus{ background:#000 !important; } ::placeholder{ color:#565656; } /* 入力フォーム961px以上2列 */ .form-left{ width:50%; text-align:left; padding-right:10px; float: left; } .form-right{ width:50%; text-align:left; padding:0 0 10px 10px; float: left; } /* 2カラム */ @media only screen and (min-width:750px) and (max-width:1279px) { header { width:95%; } #box{ max-width:95%; } #content{ float:left; width:100%; margin-left:-270px; } #left-box{ float:left; margin-left:0; padding:0 20px; } #right-box{ float:right; padding:0px 20px 20px; } .menu-box{ padding:10px 15px 30px; overflow:hidden; } .blog{ padding-left:20px; margin-left:270px; } .archive,.menu3{ padding-left:20px; margin-left:270px; } .title_list{ padding:1px 5px; } .pagenation{ margin-left:270px; } #footer{ width:95%; } .adm2{ display:none; /* メニューカラムの管理リンク、2カラム時非表示 */ } #btn1, #btn2 { display:none; /* ドロワーメニューボタン、2カラム時非表示 */ } } /* 1カラム */ @media only screen and (max-width:749px) { header a, header a:link, header a:visited{ font-size: 1.4em; } header{ width:100%; position:relative; overflow:hidden; background-color:#333; /* --ブログのタイトル背景色-- */ height:auto; margin:0; } .topimg{ margin:0; padding-top:0; } h1{ margin:3px 45px 0 15px; line-height:1.5; position: static; } .introduction{ display:none; /* 1カラム時非表示 */ } .adm{ display:none; /* 上部管理リンク、1カラム時非表示 */ } .adm2{ display:block; /* ドロワーメニュー下の管理リンク表示 */ } #box { width:100%; min-height:90vh; } #content{ width:100%; float:none; margin-left:0; } .blog{ padding:0 20px; } .archive,.menu3{ padding:0 20px 0; margin-top:7px; } .con_body { margin:15px; } .blog-con2{ margin:20px 0 40px; } .topentry_comment_body{ padding:0 15px; } .com_block{ padding:10px 15px; } .user-icon{ margin-left:-5px; } .com_title{ margin:-35px 0 25px 55px; } .title_list{ padding:0; } #footer{ width:100%; } #left-box, #right-box{ float:none; width:100%; margin-left:0; } #left-box{ padding:3px 5px 0; } #right-box{ padding:0 5px 10px; } .menu-box{ padding:10px 15px 30px; overflow:hidden; } .menu_title{ cursor:pointer; } /* ドロワーメニュー部分 */ #btn1, #btn2{ display:block; /* ドロワーメニューボタン表示 */ } #btn1{ overflow:hidden; height:27px; top:0; right:0; width:43px; position:absolute; } #nav_open { margin:0 13px; position:fixed !important; cursor:pointer; width:17px; height:26px; z-index:3; } #nav_open span, #nav_open span:before, #nav_open span:after{ position:absolute; bottom:18px; right:0; height:2px; /* ハンバーガーボタン 線の太さ */ width:17px; /* ハンバーガーボタン 線の長さ */ background:#ccc; display:block; content: ''; transform: translate3d(0,0,0); } #nav_open span:before{ bottom:-6px; } #nav_open span:after{ bottom:-12px; } #btn2{ overflow:hidden; top:0; width:270px; height:27px; z-index:3 !important; } #nav_close{ cursor:pointer; position:relative; padding-left:215px; } #nav_wrap{ display:none; } .css-cancel{ display:inline-block; position:relative; margin:3px 12px 0 20px; padding:0; width:2px; /* キャンセルボタン 線の太さ */ height:20px; /* キャンセルボタン 線の長さ */ background:#ccc; /* 線の色 */ transform:rotate(45deg); } .css-cancel:before{ display:block; content:""; position:absolute; top:50%; left:-9px; /* 左からの位置 */ width:20px; /* キャンセルボタン 線の長さ */ height:2px; /* キャンセルボタン 線の太さ */ margin-top:-1px; /* 上からの位置 */ background:#ccc; /* 線の色 */ } nav{ position:fixed; top:0; bottom:0; height:100vh; width:270px; right:-270px; padding-bottom:150px; background:#000; z-index:5; overflow-y:auto; overflow-x:hidden; -webkit-overflow-scrolling:touch; } .tree-m{ display:none; /* メニューを閉じて表示 */ } /* モバイル入力時フォントサイズ(これより小さいとiOSで画面が勝手に拡大される) */ input[type="password"],input[type="text"],textarea,select{ font-size:16px; font-family:sans-serif; } /* ページネーション */ .pagenavi{ line-height:20px; font-size:0.8em; } .pagenation_prev,.pagenation_next{ margin:5px; font-size:0.8em; } /* ページトップ・ボトムボタン */ #pagetop{ bottom:180px; } #pagebottom{ bottom:143px; } #pagetop,#pagebottom{ right:10px; font-size:18px; } } /* その他、表示幅で変更 */ /* 個別記事・コメント余白 1000pxまで */ @media only screen and (min-width:1000px) { .con_body { margin: 20px 30px 10px; } .com_block { padding: 10px 30px; } .topentry_comment_body { padding: 0 30px; } /* 全記事表示内余白 1000pxまで */ .title_list{ padding:1px 20px; } } @media only screen and (min-width:750px) and (max-width:999px) { .user-icon { margin-left:-10px; } .com_title { margin:-35px 0 25px 50px; } } @media only screen and (max-width:400px) { header a, header a:link, header a:visited{ font-size:1.2em; } h1{ margin-top:5px } .adm{ display:none; } .pankuzu{ font-size:0.8em; } .con_body{ margin:10px; } .topentry_comment_body { padding: 0 10px; } .com_block{ padding:10px; } .user-icon{ margin-left:0; } .com_title{ margin:-35px 0 25px 60px; } .kiji1{ display:none; /* 要約表示時記事非表示 */ margin:0; } .left{ float:none; width: 100%; } .right { padding-top: 10px; } .sidehide { padding:15px 0; } #footer{ padding:10px; } #pagetop{ bottom:180px; } #pagebottom{ bottom:150px; } #pagetop,#pagebottom{ right:10px; font-size:14px; padding:0 6px; } } @media only screen and (max-width: 960px) { /* 入力フォーム960pxまで */ .form-left,.form-right{ float:none; width:100%; padding:0; } #tools_container{ margin-top:15px; } .kiji2{ display:block; /* 記事表示時要約非表示 */ } /* 動画サイズレスポンシブ用(iframeをdiv class="player"で括る) */ .player{ position:relative; height:0; padding-bottom:56.25%; /* アスペクト比16:9の場合 */ overflow: hidden; } .player iframe{ position:absolute; width:100%; height:100%; top:0; left:0; } } @media screen and (min-width:600px) { .entry-navi{ display: -webkit-box; display: flex; -webkit-box-pack: center; justify-content: center; } .entry-prev,.entry-next{ max-width:45%; } } .entry-navi{ margin:0 auto 20px; width:100%; font-size:12px; } .entry-prev{ list-style:none; margin:0 5px 0 15px; } .entry-next{ list-style:none; margin:0 15px 0 5px; } .entry-prev a{ padding:0 10px; display: block; position: relative; max-width: 100%; text-align: left; } .entry-prev a:before { display: block; content: ""; position: absolute; top: 50%; left: -3px; width: 10px; height: 10px; margin: -7px 0 0 0; border-top: solid 2px #ccc; border-right: solid 2px #ccc; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); } .entry-next a{ padding:0 10px; display: block; position: relative; max-width: 100%; text-align: right; } .entry-next a:after { display: block; content: ""; position: absolute; top: 50%; right: -3px; width: 10px; height: 10px; margin: -7px 0 0 0; border-top: solid 2px #ccc; border-right: solid 2px #ccc; -webkit-transform: rotate(45deg); transform: rotate(45deg); } /* 管理者コメントの背景に色を付ける 他のスタイル追加可能 記事のコメント投稿、管理画面コメント返信(ログイン時のみ) */ .author-comment{ background-color:rgba(34,34,34,.5); } /* Newマーク、日付・タイトル後 */ .new{ margin-left:5px; font-size:0.9em; /* 文字サイズ */ font-weight:normal; color:red; /* 文字の色 */ } /* タグリスト */ .tag_list, .plugin-tag a{ word-break: break-all; display: inline-block; padding:0 5px; border-radius:3px; font-size:0.8em; } .tag_list{ margin:20px 25px 5px; border:1px solid #999; } .plugin-tag a{ margin-bottom:3px; border:1px solid #aaa; } @media only screen and (min-width:1000px) { .tag_list{margin:20px 30px 5px;} } @media only screen and (max-width:749px) { .tag_list{margin:15px;} } @media only screen and (max-width: 400px) { .tag_list{margin:20px 10px;} } /* 記事がある場合・無い場合 */ .mn {margin-top:-38px;} .none { display:none;} .block { display:block;} /* リストマークを黒丸・数字表示 */ ul li{list-style-type:disc;} ol li{list-style-type:decimal;} ul, ol{padding-left:30px;} nav ul{padding-left:15px;} nav ul li{list-style-type:disc;} nav ol{padding-left:15px;} nav ol li{list-style-type:decimal;} /* -------------------- */ /* ▼メニューバーの装飾 */ /* -------------------- */ ul.ddmenu { margin: 0px; /* メニューバー外側の余白(ゼロ) */ padding: 0px 0px 0px 15px; /* メニューバー内側の余白(左に15px) */ background-color: #000000; /* バーの背景色 */ border-top: 3px double #800000; /* バーの上端線 */ border-bottom: 3px double #800000; /* バーの下端線 */ } /* -------------------------- */ /* ▼メインメニュー項目の装飾 */ /* -------------------------- */ ul.ddmenu li { width: 125px; /* メニュー項目の横幅(125px) */ display: inline-block; /* ★1:横並びに配置する */ list-style-type: none; /* ★2:リストの先頭記号を消す */ position: relative; /* ★3:サブメニュー表示の基準位置にする */ } ul.ddmenu a { background-color: #000000; /* メニュー項目の背景色 */ color: white; /* メニュー項目の文字色(白色) */ line-height: 35px; /* メニュー項目のリンクの高さ(40px) */ text-align: center; /* メインメニューの文字列の配置(中央寄せ) */ text-decoration: none; /* メニュー項目の装飾(下線を消す) */ display: block; /* ★4:項目内全域をリンク可能にする */ } ul.ddmenu a:hover { background-color: #4169e1; /* メニュー項目にマウスが載ったときの背景色 */ color: #afafaf; /* メニュー項目にマウスが載ったときの文字色 */ } /* ▼サブメニューは、とりあえず非表示にしておく */ ul.ddmenu ul { display: none; /* ★5:非表示にする */ } /* -------------------- */ /* ▼サブメニューの装飾 */ /* -------------------- */ ul.ddmenu ul { display: none; /* ★1:標準では非表示にする */ margin: 0px; /* ★2:サブメニュー外側の余白(ゼロ) */ padding: 0px; /* ★3:サブメニュー内側の余白(ゼロ) */ position: absolute; /* ★4:絶対配置にする */ } /* ---------------------------------- */ /* ▼サブメニューがある場合に開く処理 */ /* ※サブメニューが1階層しか存在しない場合の記述 */ /* ---------------------------------- */ ul.ddmenu li:hover ul { display: block; /* ★5:マウスポインタが載っている項目の内部にあるリストを表示する */ z-index:100 } /* ------------------------ */ /* ▼サブメニュー項目の装飾 */ /* ------------------------ */ ul.ddmenu ul li { /* ※A */ width: 135px; /* サブメニュー1項目の横幅(135px) */ border-top: 1px solid pink; /* 項目上側の枠線(ピンク色で1pxの実線) */ } ul.ddmenu ul li a { /* ※B */ line-height: 35px; /* サブメニュー1項目の高さ(35px) */ text-align: left; /* 文字列の配置(左寄せ) */ padding-left: 5px; /* 文字列前方の余白(5px) */ font-weight: normal; /* 太字にはしない */ } ul.ddmenu ul li a:hover { /* ※C */ background-color: #4169e1; /* サブメニュー項目にマウスが載ったときの背景色 */ color: #afafaf; /* サブメニュー項目にマウスが載ったときの文字色 */ }