@charset "Shift_JIS"; /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■記述ルールのメモ */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ・同CSSファイル内で命令が重複する場合、後に指定したものが有効になる */ /* ユニバーサルセレクタ '* {...}'(全体を指定できる) */ /* セレクタのグループ化 'font, div, .b1 {...}'(記述をまとめられる) */ /* 子孫セレクタ 'div font'(更に限定的にできる、Spcを挟めばOK) */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■共通(フォントなど) */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .AA { font: normal 12px/110% "MS Pゴシック",sans-serif; /* AAのフォントなので変更不要 */ } .s0 { font: bold 16px/100% 'inherit'; } .s1 { font: bold 20px/120% 'inherit'; } .s2 { font: bold 25px/130% 'inherit'; } .s3 { font: normal 8px/120% 'inherit'; } .b0 { color: #5555CC; } .b1 { color: #5555CC; font-weight: bold; } .b2 { color: #5555CC; font-weight: bold; font: bold 20px/120% 'inherit'; } .r0 { color: #AA3333; } .r1 { color: #AA3333; font-weight: bold; } .r2 { color: #AA3333; font-weight: bold; font: bold 20px/120% 'inherit'; } a { border: 0px; text-decoration: none; } b0 { color: #333333; font-weight: bold; } body { font: normal 12px/120% 'メイリオ','MS Pゴシック',inherit; line-height: 17px; background-color: #FFFFFF; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; padding-top: 5px; padding-bottom: 20px; padding-right: 0px; padding-left: 5px; margin: 0px; color: #444444; scrollbar-track-color : #444444; scrollbar-3dlight-color : #444444; scrollbar-darkshadow-color : #444444; scrollbar-arrow-color : #FFFFFF; scrollbar-face-color : #444444; scrollbar-highlight-color : #FFFFFF; scrollbar-shadow-color : #FFFFFF; } hr { text-align: center; width: 85%; height: 1px; color: #9999cc; } table { border: 0px; padding: 0px; margin: 0px; } img { border: 0px; } pre { font: normal 12px/130% 'メイリオ','MS Pゴシック',inherit; /* BODYの指定のみでは× */ line-height: 17px; } ul { list-style: none; } td { font: normal 12px/130% 'メイリオ','MS Pゴシック',inherit; /* BODYの指定のみでは× */ } a:link { color: #3322BB; text-decoration: none; font-weight: bold; } a:visited { color: #993399; text-decoration: none; } a:active { color: #EEEE77; text-decoration: none; } a:hover { color: #AA3333; text-decoration: underline; } .LeftField { width: 150px; } .RightField { width: 650px; } .titleNormal { /* 各章の見出し */ border-top: 1px #9999CC solid; border-bottom: 1px #9999CC solid; background-color: #F0F0FF; width: 560px; margin-bottom: 20px; padding: 10px 10px; font: bold 14px/100% 'メイリオ','MS Pゴシック',inherit; line-height: 15px; color: #333399; text-align: left; } .titleImportance { /* 各章の見出し(重要項目) */ border-top: 1px #CC9999 solid; border-bottom: 1px #CC9999 solid; background-color: #FFF0F0; width: 560px; margin-bottom: 20px; padding: 10px 10px; font: bold 14px/100% 'メイリオ','MS Pゴシック',inherit; line-height: 15px; color: #993333; text-align: left; } .titleImg { /* 各ページの名称ロゴ */ position: relative; left: 50px; } #Outline td { width: 550px; padding: 20px; font: normal 12px/100% 'メイリオ','MS Pゴシック',inherit; line-height: 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■Index:メニュー部分 */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #Menu { position: relative; left: 10px; line-height: 18px; background-position: left top; background-repeat: no-repeat; } #Menu ul { position: relative; padding-top: 20px; list-style: none; margin: 0px; padding-left: 8px; overflow: hidden; width: 110px; } #Menu li { float: left; margin: 0px; width: 110px; height: 18px; padding: 0px; line-height: 18px; } #Menu li a { display: block; text-decoration: none; background-position: left center; color: #808099; } #Menu li a:hover { background-position: right center; } .mainmenu { background-image: url("nl_top.files/menu_mainmenu_bg1.png"); } .mainmenu a:hover { background-image: url("nl_top.files/menu_mainmenu_bg1.png"); color: #DD8080; } .interface { background-image: url("nl_top.files/menu_mainmenu_bg2.png"); } .interface a:hover { background-image: url("nl_top.files/menu_mainmenu_bg2.png"); color: #8080DD; } .shortcut { background-image: url("nl_top.files/menu_mainmenu_bg3.png"); } .shortcut a:hover { background-image: url("nl_top.files/menu_mainmenu_bg3.png"); color: #DDDD80; } .submenu { background-image: url("nl_top.files/menu_mainmenu_bg4.png"); } .submenu a:hover { background-image: url("nl_top.files/menu_mainmenu_bg4.png"); color: #80C080; } .banner { display: block; text-decoration: none; text-align: center; position: relative; left: -35px; } .banner li { height: 43px; } /* ●リンクの形を上書き指定 */ div#menu ul li a { font-weight: normal; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■Index:メイン部分 */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .mainBody { background-attachment: fixed; /* 背景画像をスクロールさせない */ background-position: center top; overflow-x: hidden; text-align: center; } .mainTable { } /* ●ダイアリー部分 */ .diary { /* 雑記の文字カラー指定あり */ font: normal 12px/160% 'メイリオ','MS Pゴシック',inherit; color: #391139; line-height: 17px; } h4.diaryTitle { border-left: 10px #FF6611 solid; padding: 5px 10px; margin: 0px 0px; width: 470px; height; 20px; font-size: 14px; font-weight: bold; line-height: 25px; color: #441144; } .diaryTitle a:link { color: #3333CC; } .diaryBorder { font: 15px/100%; font-weight: normal; color: #333355; } .diaryArea { width: 503px; background-image: url(nl_top.files/top_main_bg_baseWhite.png); background-repeat: repeat; background-position: center top; padding: 10px; white-space: pre; font: normal 12px/160% 'メイリオ','MS Pゴシック',inherit; color: #391139; line-height: 17px; } /* ●インフォボード */ #mainInfo { background-image: url(nl_top.files/top_main_update_silver.png);/*COLOR*/ background-repeat: no-repeat; position: relative; top: 10px; left: -52px; height: 107px; } .mainInfoMessage { padding: 0px; text-align: left; position: relative; top: 38px; /* 背景のInfo画像は#mainInfoで同時調整 */ left: 62px; line-height: 17px; color: #555555; /* 桃FF8888 緑88CC99 茶FFCC88 青AAAAFF 黒333344 */ } /* ●挿入:画像 */ .SS { border: 3px #99AAFF double; } /* ●挿入:転載文 */ .quote { /* 転載や引用部分を囲う */ border-left: 2px #777799 dashed; color: #3333AA; padding: 5px; margin-left: 5px; font-weight: bold; } /* ●挿入:インデント */ .indent1 { padding-left: 15px; } .indent2 { padding-left: 20px; } .indent3 { padding-left: 25px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■ここって?ページ */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .hereBody { } .hereBoard { padding-left: 20px; } .hereComent { border-right: 1px #E0E0FF solid; border-bottom: 1px #E0E0FF solid; width: 400px; padding: 3px 3px 3px 8px; font: normal 12px/120% 'メイリオ','MS Pゴシック',inherit; } .hereHr { width: 600px; visibility: hidden; /* visible(既定値:表示する)、hidden(表示しない)、inherit(継承)*/ } .hereName { border-right: 1px #E0E0FF solid; border-bottom: 1px #E0E0FF solid; width: 100px; padding: 3px; text-align: center; } .hereTable { } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■GALLERYページ */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ #gallerySc { /* メニューの高さは各ページで設定してください */ background-image: url("nl_top.files/menu_mainmenu_bg3.png"); background-position: left top; background-repeat: no-repeat; } #gallerySc ul { /* list表示は、ul、liそれぞれにエリア指定を行う(width,height) */ position: relative; padding-top: 20px; margin: 0px; padding-left: 8px; overflow: hidden; width: 110px; } #gallerySc li { float: left; margin: 0px; width: 110px; height: 18px; padding: 0px; line-height: 18px; } #gallerySc li a { display: block; text-decoration: none; text-align: left; line-height: 18px; color: #7777FF; } #gallerySc a:hover { display: block; text-decoration: none; text-align: left; line-height: 18px; /* background-image: url("nl_top.files/menu_bg_bar.png"); background-position: right center; */ color: #CC3377; } #gallerySc a:visited { display: block; text-decoration: none; text-align: left; line-height: 18px; /* background-image: url("nl_top.files/menu_bg_bar.png"); background-position: right center; */ color: #337733; } .galleryBody { background-image : url(BLOG/bg2.jpg); background-repeat: repeat-y; background-attachment: fixed; margin: 0px 0px 15px; /* 上 左右 下 */ } .galleryComent { width: 500px; font: normal 14px/140% 'メイリオ','MS Pゴシック',inherit; border: 1px #999999 dashed; padding: 3px 0px 3px 10px; background-color: #FFF9FF; } .gallerySam { width: 500px; border: 1px #cccccc solid; padding: 5px; margin: 100px; text-align: center; } .galleryTable { width: 630px; padding: 0px; margin: 0px 0px 0px 0px; border: 0px; } .galleryTable2 { text-align: left; width: 510px; border: 0px; } .galleryHr { height: 1px; color: #CCCCCC; width: 85%; visibility: hidden; /* visible(既定値:表示する)、hidden(表示しない)、inherit(継承)*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■COMICページ */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .comicBody { } .comicMenu { border-left: #8888EE 3px solid; cursor: pointer; padding-left: 5px; background-color: #FFFFFF; text-align: left; width: 400px; } .comicTitle { cursor: pointer; } .comicTitle:hover { text-decoration: none; border-bottom: #8888EE 1px solid; padding-bottom: 2px; } .comicBorder { cursor: pointer; padding: 0px; } .comicDate { font: normal 14px/120% 'メイリオ','MS Pゴシック',inherit; border-bottom: #8888EE 1px dashed; } .comicSpacer { height: 4px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■PRESENTページ */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .presentBody { } .presentSam { border: 2px #CCCCFF solid; padding: 1px; } .presentSamOka { border: 2px #CCAAAA solid; padding: 1px; } .presentHr { height: 1px; color: #FFCCCC; width: 80%; visibility: hidden; /* visible(既定値:表示する)、hidden(表示しない)、inherit(継承)*/ } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■リンク */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .linkBannerImg { } .linkHr { width: 600px; height: 50px; visibility: hidden; /* visible(既定値:表示する)、hidden(表示しない)、inherit(継承)*/ } .linkMyAddress { font: normal 12px/140% 'メイリオ','MS Pゴシック',inherit; border: 1px #AA55AA dashed; padding: 3px 3px 3px 13px; } .linkMyBanner { border: 0px #9999FF solid; } .linkName { font: bold 14px/140% 'メイリオ','MS Pゴシック',inherit; color: #7777CC; } .linkSiteAddress { } .linkSiteBanner { width: 210px; } .linkSiteStatus { width: 390px; } .linkTable { } .kugiri2{ font: 7px/110% 'メイリオ','MS Pゴシック',inherit; color: #88CCFF; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■PSP2ページ */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .psp2_list { position: relative; left: -20px; font-weight: bold; color: #5555FF; width: 500px; list-style: square inside; } .psp2_subTitle { text-decoration: underline; } .psp2Board { padding-left: 20px; } .psp2Coment { width: 400px; border-right: 1px #E0E0FF solid; border-bottom: 1px #E0E0FF solid; padding: 3px 3px 3px 8px; font: normal 12px/110% 'inherit'; } .psp2Hr { width: 600px; height: 30px; visibility: hidden; /* visible(既定値:表示する)、hidden(表示しない)、inherit(継承)*/ } .psp2Name { width: 100px; text-align: center; border-right: 1px #E0E0FF solid; border-bottom: 1px #E0E0FF solid; padding: 3px; font: bold 12px/100% 'inherit'; } .psp2Table { position: relative; left: 20px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■DIVA2ページ */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .diva2_list { position: relative; left: -20px; font-weight: bold; color: #5555FF; width: 500px; list-style: square inside; border-left: #7777FF 4px solid; padding-left: 3px; } /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ /* ■フォトンアーツページ */ /* */ /*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ .paBorad { padding-left: 20px; } .paHr { width: 600px; visibility: hidden; /* visible(既定値:表示する)、hidden(表示しない)、inherit(継承)*/ } .paTable { } .paTitleFoie { border-left: 4px #ef5555 solid; border-bottom: 1px #ef5555 dashed; padding: 3px 1px 3px 10px; width: 600px; font-weight: bold; font-size: 14px; color: #ef5555; line-height: 20px; margin: 10px 0px; } .paTitleBarta { border-left: 4px #7766FF solid; border-bottom: 1px #7766FF dashed; padding: 3px 1px 3px 10px; width: 600px; font-weight: bold; font-size: 14px; color: #7766FF; line-height: 20px; margin: 10px 0px; } .paTitleZonde { border-left: 4px #999900 solid; border-bottom: 1px #999900 dashed; padding: 3px 1px 3px 10px; width: 600px; font-weight: bold; font-size: 14px; color: #999900; line-height: 20px; margin: 10px 0px; } .paTitleDiga { border-left: 4px #aa6633 solid; border-bottom: 1px #aa6633 dashed; padding: 3px 1px 3px 10px; width: 600px; font-weight: bold; font-size: 14px; color: #aa6633; line-height: 20px; margin: 10px 0px; } .paTitleGlanz { border-left: 4px #998888 solid; border-bottom: 1px #998888 dashed; padding: 3px 1px 3px 10px; width: 600px; font-weight: bold; font-size: 14px; color: #998888; line-height: 20px; margin: 10px 0px; } .paTitleMegid { border-left: 4px #aa77aa solid; border-bottom: 1px #aa77aa dashed; padding: 3px 1px 3px 10px; width: 600px; font-weight: bold; font-size: 14px; color: #aa77aa; line-height: 20px; margin: 10px 0px; } .paTecFoie { color: #ef5555; } .paTecBarta { color: #7766FF; } .paTecZonde { color: #999900; } .paTecDiga { color: #aa6633; } .paTecGlanz { color: #998888; } .paTecMegid { color: #aa77aa; } .paEva { font-size: 10px; color: #999999; }