a .hover_img1{
    transition:all 0.3s ease; /*0.5秒かけて要素を変化させる*/
    }
a:hover .hover_img1{
    opacity: 0.5;/*要素の透明度を指定*/
    filter: alpha(opacity=50); /*ie6、7の透明度指定*/
    /*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=70)";*/
    }
.greenlargest  { color: #bbe700; font-size: 15px; line-height: 18px; font-family: Osaka }
.greenlarger  { color: #bbe700; font-size: 13px; line-height: 16px; font-family: Osaka }
.greenregular  { color: #bbe700; font-size: 12px; line-height: 14px }
.greensmaller         { color: #bbe700; font-size: 10px; line-height: 13px; font-family: Osaka }
.greensmallest       { color: #bbe700; font-size: 9px; line-height: 12px; font-family: Osaka, Arial }
BODY      { color: #765f2d; font-size: 10px; line-height: 14px; font-family: Osaka }
.greylargest   { color: #666; font-size: 15px; line-height: 18px; font-family: Osaka }
.greylarger { color: #666; font-size: 13px; line-height: 16px; font-family: Osaka }
.greyreg { color: #666; font-size: 12px; line-height: 14px; font-family: Osaka, "ＭＳ ゴシック" }
.greysmaller { color: #666; font-size: 10px; line-height: 13px; font-family: Osaka }
.greysmallest { color: #666; font-size: 9px; line-height: 12px; font-family: Osaka }
.yellowreg   { color: #ffeb00; font-size: 12px; line-height: 14px; font-family: Osaka }
.yellowsmall  { color: #ffeb00; font-size: 9px; line-height: 13px; font-family: Osaka }
.yellowlarge  { color: #ffeb00; font-size: 14px; line-height: 18px; font-family: Osaka }
.pinksmaller { color: #f36; font-size: 10px; font-family: Osaka, "ＭＳ ゴシック" }
.pinklarger { color: #f36; font-size: 13px; font-family: Osaka, "ＭＳ ゴシック" }
.pinkreg { color: #f36; font-size: 12px; font-family: Osaka, "ＭＳ ゴシック" }
.darkorangereg { color: #f60; font-size: 12px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.darkorangesmaller { color: #f60; font-size: 10px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.orangelargest { color: #ff8839; font-size: 15px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.orangelarger { color: #ff8839; font-size: 13px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.orangereg { color: #ff8839; font-size: 12px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.orangesmaller { color: #ff8839; font-size: 10px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.brownlargest { color: #957223; font-size: 15px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.brownlarger { color: #957223; font-size: 13px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.brownreg { color: #957223; font-size: 12px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.brownsmaller { color: #957223; font-size: 10px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.darkbrownlarge  { color: #90663c; font-size: 15px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.creamreg { color: #fff8cc; font-size: 12px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.creamsmaller { color: #fff8cc; font-size: 10px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.class { color: #765f2d; font-size: 12px; font-family: Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ ゴシック", "ＭＳ Ｐゴシック" }
.whitelarge { color: white; font-size: 16px; font-family: "ＭＳ ゴシック", Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ Ｐゴシック" }
.whitereg { color: white; font-size: 12px; font-family: "ＭＳ ゴシック", Osaka, Osaka-等幅, 平成角ゴシック, "ＭＳ Ｐゴシック" }
.text_shadow01 {
 text-shadow: 1px 1px #000000;
 background-color:#ffffff;
 padding: 4px;
 margin: 0px 0px 4px 0px;
 font-size: 12px;
 color: #ff8839;
}
.text_shadow02 {
 text-shadow: 0.5em 0.5em 5px #0000aa;
 background-color:#EEEEEE;
 padding: 10px;
}