@charset "utf-8"; /*--- 全体指定 ---*/ body{background-color:#fdfdfd; }/* #fff→#fe→#fd… */ #mmnn{min-width:200px; max-width:700px; margin:0 auto 6.5em; line-height:1.5em; letter-spacing:0.1em; } /*-- #header #crdl＝バナー用指定 --*/ #header #crdl{position:relative; margin:2em 0 0; } #header #crdl a:hover img/*-- 画像透過：不透明度60% --*/ {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; } /*-- #header nav関連 --*/ #header #crdl ul{color:#969696; letter-spacing:0.2em; position:relative; top:-2em; left:10em; font-size:medium; } #header #crdl ul li{display:inline-block; padding:1px 0; margin:1px; vertical-align:middle; text-align:center; } #header #crdl ul li:after{content:'/'; display:inline-block; margin:0 0.2em; } #header #crdl ul li:last-child:after{display:none; } /*--END #header nav,#crdl--*/ /*-- #header_PAGE内nav --*/ #header .crmbs ul{padding:0.5em 0; color:#969696; border-top:#969696 dotted 1px; } #header .crmbs ul li{display:inline-block; padding:1px 0; margin:1px; vertical-align:middle; } #header .crmbs ul li:after{content:'≫'; display:inline-block; margin:0 0.2em; } #header .crmbs ul li:first-child:before{content:'≫'; display:inline-block; margin:0 0.2em; } #header .crmbs ul li:last-child:after{display:none; } /*--END #header_#PAGE内nav--*/ /*-- #footer:固定配置 --*/ #footer{width:100%; line-height:0.5em; padding:0.2em 0; color:#969696; position:fixed; bottom:0; background-color:#cfc; }/* #cf9,#cfc/#fc9,#ffc */ #footer ul{text-align:center; padding:0.2em 0; letter-spacing:0.2em; font-size:small; } #footer ul li{display:inline-block; padding:2px 0; margin:1px; vertical-align:middle; } #footer ul li:after{content:'/'; display:inline-block; margin:0 0.2em; } #footer .mc li:after{content:'≫'; display:inline-block; margin:0 0.2em; } #footer ul li:first-child:before{content:'≫'; display:inline-block; margin:0 0.2em; } #footer ul li:last-child:after{display:none; } /*--END #footer nav--*/ /*--#main--*/ #main{margin:0 auto; width:90%; position:relative; } /*-- h/ttl --*/ #mmnn h1{font-size:medium; letter-spacing:1em; font-weight:bold; color:#3c6; margin:3em 0 0.5em; position:relative; padding:1em 0.5em 1em 1.5em; top:0; display:block;} #mmnn h1:before, #mmnn h1:after{position:absolute; top:0; content:'';width:3%; height:100%; display:inline-block; box-sizing:border-box; } #mmnn h1:before{border-left:dotted 3px #f60; border-top:dotted 3px #f60; border-bottom:dotted 3px #f60; left:0; } #mmnn h1:after{border-top:dotted 3px #f60; border-right:dotted 3px #f60; border-bottom:dotted 3px #f60; } #mmnn h2{display:block; width:8em; text-align:center; font-size:medium; letter-spacing:0.5em; margin:3em 0 1em; background:#9fc; box-shadow:0 0 0 5px #9fc; border:dashed 2px #f60; padding:0.2em 0.5em; } #mmnn h3{margin:1.5em 0 0.2em; padding:0.2em 0.5em 0; font-size:medium; border-bottom:3px double #f60; box-shadow:0 2px 0 #9fc; } #mmnn h3:first-letter{font-size:x-large; } /*--END h/ttl設定--*/ /*-- .newup:更新情報 --*/ .newup{background:url(../img/main_img/new.gif) no-repeat center left; padding-left:20px; } .note{margin:2em 0 0.3em; background:url(../img/main_img/new.gif) no-repeat center left; padding-left:20px; } .cmnt{text-indent:0.5em; } .sprt{border-bottom:#3c6 dotted 1px; padding-bottom:1em; margin-bottom:4em; } /*sprt=separate:各cntnt最終タグに記述.区切り下線+下余白*/ /* -- .acd_～:アコーディオン(折り畳み)設定 -- */ .acd_ck{display:none; } .acd_lbl{padding:0.5em; display:block; margin:0 2em; font-size:small; } .acd_lbl:hover{text-decoration:underline; color:#3c6; } .acd_lbl:before{/*開閉状態を示す表示：初期値=閉. #mc⇒シリーズ別cssで配置設定*/ content:"▼読む"; width:6em; height:0.5em; letter-spacing:0.2em; position:absolute; top:0; left:1em; }/*←*/ .acd_lbl, .acd_cntnt {-webkit-backface-visibility:hidden; backface-visibility:hidden; transform:translateZ(0); transition:all 0.3s; } .acd_cntnt{height:0; margin-bottom:10px; /*padding:0 20px;*/ overflow:hidden; } .acd_ck:checked + .acd_lbl +.acd_cntnt{height:auto; /*padding:20px;*/ transition:all .3s; } .acd_ck:checked + .acd_lbl:before{content:"▲閉じる"; text-decoration:underline; }/*アコ開時の表示変更*/ /*--END アコ設定--*/ /*-- #main List:ul/dl --*/ #main dl{margin:2em 0; } #main dl .hlth{font-size:medium; display:block; margin:2em 0 1em; padding:0.3em; background:#fff; box-shadow:0 0 5px #cfc; /*#cf9,#cfc/#fc9,#ffc */ border-top:solid 2px #fff; border-bottom:solid 2px #fff; border-left:solid 2px #3c6; } #main dl .unhl{font-size:medium; display:block; margin:2em 0 1em; padding:0.3em; background:#fff; box-shadow:0 0 5px #fc9; /*#cf9,#cfc/#fc9,#ffc */ border-top:solid 2px #fff; border-bottom:solid 2px #fff; border-left:solid 2px #f60; } .slst li/*ListVer①：.slst(story list)=BASE