.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}  
.mojitsume {font-feature-settings : "palt";}
.text:hover { color: #8b6aa0 }
.sample-box img { vertical-align: bottom }
.f10 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 10px; line-height: 21px }
.f16 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 16px; line-height: 21px }
.f18 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 18px; line-height: 31px }
.f18-p70 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 18px; line-height: 31px; padding-top: 18px; padding-bottom: 18px; padding-left: 70px }
.f20b  { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 20px; font-weight: bold; line-height: 35px }
.f20-34 {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 20px; line-height: 34px }
.f20b43 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 20px; font-weight: bold; line-height: 43px; padding-left: 12px }
.f24 {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 24px; line-height: 60px }
.f27 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 27px; line-height: 49px }
.f27-p20 {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 27px; line-height: 45px; padding-left: 20px }
.f27-60 {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 27px; line-height: 60px }
.f30  { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 30px; line-height: 40px }
.f30b  {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 30px; font-weight: bold; line-height: 48px }
.f34 {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 34px; line-height: 60px }
.f34b {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 34px; font-weight: bold; line-height: 60px }
.f36b {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 34px; font-weight: bold; line-height: 60px }
.f36bp20 {font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 34px; font-weight: bold; line-height: 60px; padding-left: 20px }
.f40b { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-size: 40px; font-weight: bold; line-height: 60px }
.kurokei { border: solid 1px black }
.kurokeishita { font-size: 18px; line-height: 60px; padding-left: 60px; border-style: none none solid; border-width: medium medium 1px; border-color: black }
.kurokeishitasp { font-size: 20px; line-height: 60px; padding-left: 20px; border-style: none none solid; border-width: medium medium 1px; border-color: black }
.kurokeishita1 { font-size: 18px; line-height: 30px; padding-left: 60px; border-style: none none solid; border-width: medium medium 1px; border-color: black }
.kurokeishitasp1 { font-size: 20px; line-height: 30px; padding-left: 20px; border-style: none none solid; border-width: medium medium 1px; border-color: black }
.kurokeishita2 { font-size: 14px; line-height: 30px; border-style: none none solid; border-width: medium medium 1px; border-color: black }
.kurokeishita3 { font-size: 18px; line-height: 30px; padding-left: 30px; border-style: none none solid; border-width: medium medium 1px; border-color: black }
table {border-collapse:  collapse;     /* セルの線を重ねる */}
.kadomaru          { font-size: 24px; font-weight: bold; background-color: #e6e6e6; padding-left: 20px; border-radius: 30px    }
.kadomaru1 { font-size: 30px; font-weight: bold; background-color: #e6e6e6; padding-left: 20px; border-radius: 30px     }
.scroll-fade-up  { }
.scroll-fade-down { }
.top  { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; align: center }