/*------------------------------------------------------------ リセット ------------------------------------------------------------*/ @charset "shift_jis"; html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } /***********************************************/ /* HTML tag styles */ /***********************************************/ body { font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif; line-height: 1.5; -webkit-text-size-adjust: none; font-size: 13px; text-decoration: none; } h1 { font-size: 22px; } h1.big { font-size: 30px; } h1.exbig { font-size: 36px; } h2 { font-size: 20px; } h2.big { font-size: 24px; } h2.exbig { font-size: 30px; } h3 { font-size: 18px;} h3.big { font-size: 22px; } h3.exbig { font-size: 26px; } h4 { font-size: 16px; } h4.big { font-size: 20px; } h4.exbig { font-size: 24px; ; } /***********************************************/ /* フォント指定 装飾なし */ /***********************************************/ /*黒字*/ .f12 {font-size: 12px; } .f13 {font-size: 13px; } .f14 {font-size: 14px; } .f14b {font-size: 14px; font-weight: bold; } .f15b {font-size: 15px; font-weight: bold; } .f16b {font-size: 16px; font-weight: bold; } .f17b {font-size: 17px; font-weight: bold; } .f18b {font-size: 18px; font-weight: bold; } .f19b {font-size: 19px; font-weight: bold; } .f20b {font-size: 20px; font-weight: bold; } .f21b {font-size: 21px; font-weight: bold; } .f22b {font-size: 22px; font-weight: bold; } .f23b {font-size: 23px; font-weight: bold; } .f24b {font-size: 24px; font-weight: bold; } .f25b {font-size: 25px; font-weight: bold; } .f26b {font-size: 26px; font-weight: bold; } .f27b {font-size: 27px; font-weight: bold; } .f28b {font-size: 28px; font-weight: bold; } .f29b {font-size: 29px; font-weight: bold; } .f30b {font-size: 30px; font-weight: bold; } .f31b {font-size: 31px; font-weight: bold; } .f32b {font-size: 32px; font-weight: bold; } .f33b {font-size: 33px; font-weight: bold; } .f34b {font-size: 34px; font-weight: bold; } .f35b {font-size: 35px; font-weight: bold; } .f36b {font-size: 36px; font-weight: bold; } .f40b {font-size: 40px; font-weight: bold; } .f42b {font-size: 42px; font-weight: bold; } .f46b {font-size: 46px; font-weight: bold; } /*赤字*/ .f12r {font-size: 12px; color: #ff0002; } .f13r {font-size: 13px; color: #ff0002; } .f14r {font-size: 14px; color: #ff0002; } .f14br {font-size: 14px; font-weight: bold; color: #ff0002; } .f15br {font-size: 15px; font-weight: bold; color: #ff0002; } .f16br {font-size: 16px; font-weight: bold; color: #ff0002; } .f17br {font-size: 17px; font-weight: bold; color: #ff0002; } .f18br {font-size: 18px; font-weight: bold; color: #ff0002; } .f19br {font-size: 19px; font-weight: bold; color: #ff0002; } .f20br {font-size: 20px; font-weight: bold; color: #ff0002; } .f21br {font-size: 21px; font-weight: bold; color: #ff0002; } .f22br {font-size: 22px; font-weight: bold; color: #ff0002; } .f23br {font-size: 23px; font-weight: bold; color: #ff0002; } .f24br {font-size: 24px; font-weight: bold; color: #ff0002; } .f25br {font-size: 25px; font-weight: bold; color: #ff0002; } .f26br {font-size: 26px; font-weight: bold; color: #ff0002; } .f27br {font-size: 27px; font-weight: bold; color: #ff0002; } .f28br {font-size: 28px; font-weight: bold; color: #ff0002; } .f29br {font-size: 29px; font-weight: bold; color: #ff0002; } .f30br {font-size: 30px; font-weight: bold; color: #ff0002; } .f31br {font-size: 31px; font-weight: bold; color: #ff0002; } .f32br {font-size: 32px; font-weight: bold; color: #ff0002; } .f33br {font-size: 33px; font-weight: bold; color: #ff0002; } .f34br {font-size: 34px; font-weight: bold; color: #ff0002; } .f35br {font-size: 35px; font-weight: bold; color: #ff0002; } .f36br {font-size: 36px; font-weight: bold; color: #ff0002; } .f40br {font-size: 40px; font-weight: bold; color: #ff0002; } .f42br {font-size: 42px; font-weight: bold; color: #ff0002; } .f46br {font-size: 46px; font-weight: bold; color: #ff0002; } /*赤字影*/ .f12brs {font-size: 12px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f13brs {font-size: 13px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f14brs {font-size: 14px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f14brs {font-size: 14px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f15brs {font-size: 15px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f16brs {font-size: 16px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f17brs {font-size: 17px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f18brs {font-size: 18px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f19brs {font-size: 19px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f20brs {font-size: 20px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f21brs {font-size: 21px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f22brs {font-size: 22px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f23brs {font-size: 23px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f24brs {font-size: 24px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f25brs {font-size: 25px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f26brs {font-size: 26px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f27brs {font-size: 27px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f28brs {font-size: 28px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f29brs {font-size: 29px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f30brs {font-size: 30px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f31brs {font-size: 31px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f32brs {font-size: 32px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f33brs {font-size: 33px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f34brs {font-size: 34px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f35brs {font-size: 35px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f36brs {font-size: 36px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f40brs {font-size: 40px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f42brs {font-size: 42px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } .f46brs {font-size: 46px; font-weight: bold; text-shadow: 2px 0px 3px rgba(0,0,0,0.3); color: #FF0000; } /*赤字影プライスポップ*/ .f18brps {font-size: 18px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f20brps {font-size: 20px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f24brps {font-size: 24px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f28brps {font-size: 28px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f30brps {font-size: 30px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f36brps {font-size: 36px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f40brps {font-size: 40px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f42brps {font-size: 42px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} .f46brps {font-size: 46px;font-weight: bold;color: #FF0000;text-shadow: -1px 1.5px 1px #FFFFFF,1.5px -1.5px 1px #FFFFFF,-1.5px -1.5px 1px #FFFFFF;font-family: 'arial black', 'Impact', fantasy;font-style: italic;} /*白字*/ .f12wn {font-size: 12px; color: #ffffff; } .f13wn {font-size: 13px; color: #ffffff; } .f14wn {font-size: 14px; color: #ffffff; } .f12w {font-size: 12px; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f13w {font-size: 13px; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f14w {font-size: 14px; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f14bw {font-size: 14px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f15bw {font-size: 15px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f16bw {font-size: 16px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f17bw {font-size: 17px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f18bw {font-size: 18px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f19bw {font-size: 19px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f20bw {font-size: 20px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f21bw {font-size: 21px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f22bw {font-size: 22px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f23bw {font-size: 23px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f24bw {font-size: 24px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f25bw {font-size: 25px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f26bw {font-size: 26px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f27bw {font-size: 27px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f28bw {font-size: 28px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f29bw {font-size: 29px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f30bw {font-size: 30px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f31bw {font-size: 31px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f32bw {font-size: 32px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f33bw {font-size: 33px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f34bw {font-size: 34px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f35bw {font-size: 35px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f36bw {font-size: 36px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f40bw {font-size: 40px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f42bw {font-size: 42px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } .f46bw {font-size: 46px; font-weight: bold; text-shadow: 2px 2px 2px #333333; color: #ffffff; } /*リンク*/ .link12 {font-size: 12px; color: #0000ff; font-weight: bold; } a.link12:link, a.link12:visited { color: #0000ff; } a.link12:hover { color: #0000ff; } .link13 {font-size: 13px; color: #0000ff; font-weight: bold; } a.link13:link, a.link13:visited { color: #0000ff; } a.link13:hover { color: #0000ff; } .link14 {font-size: 14px; color: #0000ff; font-weight: bold; } a.link14:link, a.link14:visited { color: #0000ff; } a.link14:hover { color: #0000ff; } p.list13 {word-spacing: 1.5em; line-height: 2em; word-break: keep-all; font-weight: bold; } /***********************************************/ /* 画像＆テーブルの影 */ /***********************************************/ .boxkage1 { box-shadow: 3px 5px 15px -5px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */ margin: 5px; } .boxkage2 { box-shadow: 3px 3px 7px #333333; -webkit-box-shadow: 3px 3px 7px #333333; -moz-box-shadow: 3px 3px 7px #333333; margin: 5px; } .boxkage3 { box-shadow: 5px 5px 10px #333333; -webkit-box-shadow: 5px 5px 10px #333333; -moz-box-shadow: 5px 5px 10px #333333; margin: 5px; } /***********************************************/ /* テーブルの角丸と影 */ /***********************************************/ .kadomaru { box-shadow: 3px 3px 7px #333333; border-radius:6px; /* 角丸 */ margin: -1px; }