/* CSS definition for fonts */ /* {font-style font-variant font-weight font-size/line-height font-family;} */ /* Standard elements */ body { margin: 0px; background-color: #ffffff; //background-image: url("../img/bg1.png"); //background-repeat: repeat-x; font: 14px 'Meiryo','ＭＳ Ｐゴシック', sans-serif; margin: 0; padding: 0; } body { animation: fadeIn 0.5s ease 0s 1 normal; -webkit-animation: fadeIn 0.5s ease 0s 1 normal; } @keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } @-webkit-keyframes fadeIn { 0% {opacity: 0} 100% {opacity: 1} } table, td { align: left; font: 14px 'Meiryo','ＭＳ Ｐゴシック', sans-serif; line-height: 20px; margin-bottom: 10px; padding: 0px 0px 1px 0px; } div { align: center; font: 14px 'Meiryo','ＭＳ Ｐゴシック', sans-serif; line-height: 26px; margin: 0; padding: 0; } .a { font-size: 14px; color: #000000; text-align: left; height: 14px; border-top-style: groove; border-left-style: groove; border-bottom-style: groove; border-right-style: groove; border-width: 1px; border-color: #264ea0; border-radius: 3px; padding: 5px 5px; box-shadow: 1px 1px 2px #0236679; } .a1 { font-size: 14px; color: #000000; text-align: left; height: 14px; border-top-style: groove; border-left-style: groove; border-bottom-style: groove; border-right-style: groove; border-width: 2px; border-color: #264ea0; border-radius: 5px; background-color: #ffffff; padding: 5px 5px; box-shadow: 1px 1px 2px #0236679; } .a2 { font-size: 14px; color: #000000; text-align: left; height: 14px; border-top-style: groove; border-left-style: groove; border-bottom-style: groove; border-right-style: groove; border-width: 2px; border-color: #fcce6a; border-radius: 5px; background-color: #ffffff; padding: 5px 5px; box-shadow: 1px 1px 2px #0236679; } .b { font-size: 14px; color: #000000; border-top-style: groove; border-left-style: groove; border-bottom-style: groove; border-right-style: groove; border-width: 1px; border-color: #000000; border-radius: 0px; background-color: #ffffff; padding: 2px 2px; } .f { font-size: 12px; color: #000000; text-align: left; height: 14px; border-top-style: groove; border-left-style: groove; border-bottom-style: groove; border-right-style: groove; border-width: 1px; border-color: #ff0000; background-color: #ffffff; padding: 0px 0px; } .f2 { font-size: 24px; color: #000000; text-align: center; text-valign: middle; height: 40px; border-top-style: groove; border-left-style: groove; border-bottom-style: groove; border-right-style: groove; border-width: 6px; border-color: #ea674d; background-color: #ffffff; padding: 40px 0px; } .btn { text-decoration: none; background: #fff; padding: 1px 1px; display: inline-block; color: #000; font-weight: bold ; border-radius: 5px; } .bg2024 { width: 400px; height: 300px; border: 1px solid #000; background: linear-gradient(#04a9a 80%, white); } .t1 { font-size: 16px; padding: 0px 5px 5px 15px; spacing: 2px; border-left: 10px solid #c02156; border-bottom: 2px solid #c02156; font-weight:bold; } /* Standard fonts */ .f1 { font-size: 14px; font-family:'Phenomena black'; } .K9 { font-size: 10px; color: #000; text-align: left; line-height: 16px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K9a { font-size: 10px; text-align: right; line-height: 14px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K10 { font-size: 10px; color: #000000; text-align: left; line-height: 18px; font-family:'Meiryo', sans-serif; } .K10a { font-size: 11px; color: #186500; text-align: left; line-height: 20px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K10b { font-size: 11px; color: #00000; line-height: 13px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K10c { font-size: 10px; color: #000000; text-align: left; vertical-align: middle; line-height: 26px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K10d { font-size: 10px; color: #000000; text-align: left; line-height: 16px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K10e { font-size: 10px; color: #e4007f; text-align: left; line-height: 26px; font-family:'Meiryo', sans-serif; font-weight:bold; } .KB10 { font-size: 10px; font-family:'ＭＳ Ｐゴシック', sans-serif; } .K11 { font-size: 11px; color: #ffffff; line-height: 14px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K11a { font-size: 11px; color: #186500; text-align: left; line-height: 16px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K12 { font-size: 12px; color: #186500; text-align: left; line-height: 18px; font-family:'Meiryo', sans-serif; } .K12-2 { font-size: 12px; color: #000000; text-align: center; line-height: 18px; font-family:'Meiryo', sans-serif; } .K12a { font-size: 12px; line-height: 26px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; text-align: center; } .K12b { font-size: 12px; line-height: 30px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; text-align: center; font-weight:bold; } .K12c { font-size: 12px; text-align: left; line-height: 26px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K12e { font-size: 12px; text-align: left; line-height: 26px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K12d { font-size: 12px; color: #e4007e; text-align: left; line-height: 26px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .K12f { font-size: 12px; line-height: 20px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; text-align: left; font-weight:bold; } .K12g { font-size: 12px; color: #000000; text-align: center; vertical-align: middle; line-height: 30px; background-color: #ffffff; border-top-style: groove; border-bottom-style: groove; border-left-style: groove; border-right-style: groove; border-width: 1px; border-color=#000000; padding: 2px 5px; spacing: 5px; } .K12h { font-size: 12px; line-height: 20px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; text-align: left; } .K12i { font-size: 12px; color: #000000; text-align: center; line-height: 30px; background-color: #ffffff; border-top-style: groove; border-bottom-style: groove; border-left-style: groove; border-right-style: groove; border-width: 1px; border-color=#000000; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K14 { font-size: 14px; color: #000000; text-align: left; line-height: 32px; font-family:'Meiryo', sans-serif; font-weight:bold; 2px 5px; spacing: 5px; } .K14-2 { font-size: 14px; color: #000000; text-align: center; line-height: 32px; font-family:'Meiryo', sans-serif; font-weight:bold; border-top-style: groove; border-left-style: groove; border-bottom-style: groove; border-right-style: groove; border-width: 1px; border-color: #000000; border-radius: 0px;} .K14i { font-size: 14px; color: #000000; text-align: left; line-height: 32px; font-family:'Meiryo', sans-serif; } .K14a { font-size: 14px; color: #474e41; text-align: left; line-height: 26px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K14b { font-size: 14px; color: #000000; text-align: left; line-height: 26px; font-family:'Meiryo', sans-serif; } .K14c { font-size: 14px; color: #000000; text-align: left; line-height: 26px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K14cc { font-size: 14px; color: #000000; text-align: left; line-height: 20px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K14d { font-size: 14px; color: #e4007e; text-align: center; line-height: 26px; font-family:'Meiryo', sans-serif; } .K14e { font-size: 14px; color: #000000; text-align: left; line-height: 26px; font-family:'Meiryo', sans-serif; } .K14f { font-size: 14px; color: #e4007e; text-align: left; line-height: 26px; font-family:'Meiryo', sans-serif; } .K14g { font-size: 14px; color: #e4007f; text-align: left; line-height: 26px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K14h { font-size: 14px; color: #000000; text-align: left; vertical-align: middle; line-height: 26px; background-color: #fcf6c2; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K15 { font-size: 15px; color: #ffffff; text-align: center; vertical-align: middle; line-height: 30px; background-color: #e4007e; font-family:'Meiryo', sans-serif; font-weight:bold; } .K15a { font-size: 15px; color: #ffffff; text-align: left; vertical-align: middle; line-height: 30px; background-color: #e4007e; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K15b { font-size: 15px; color: #ffffff; text-align: left; vertical-align: middle; line-height: 30px; background-color: #ffffff; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K15c { font-size: 15px; color: #ffffff; text-align: left; vertical-align: middle; line-height: 30px; background-color: #00ac67; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K15l { font-size: 16px; color: #8a2c8d; text-align: left; vertical-align: middle; line-height: 30px; border-bottom-style: groove; border-top-style: groove; border-width: 2px; border-color: #cd3dd2; background-color: #ffffff; font-family:'Meiryo', sans-serif; padding: 2px 2px; spacing: 2px; } .K16 { font-size: 16px; color: #000; text-align: left; vertical-align: middle; line-height: 26px; background-color: #fff; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K16a { font-size: 16px; color: #ffffff; text-align: left; vertical-align: middle; line-height: 30px; background-color: #104802; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K16a2 { font-size: 14px; color: #ffffff; text-align: center; vertical-align: middle; line-height: 30px; background-color: #104802; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K16b { font-size: 16px; color: #ffffff; text-align: left; line-height: 30px; background-color: #7a7a7a; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16w { font-size: 16px; color: #ffffff; text-align: center; vertical-align: middle; line-height: 30px; background-color: #e4007e; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K16wa1 { font-size: 16px; color: #ffffff; text-align: left; line-height: 30px; background-color: #e4007e; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16g { font-size: 16px; color: #ffffff; text-align: center; vertical-align: middle; line-height: 30px; background-color: #22b567; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K16ga { font-size: 16px; color: #ffffff; text-align: left; line-height: 30px; background-color: #22b567; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16s { font-size: 16px; color: #000000; text-align: left; vertical-align: middle; line-height: 30px; background-color: #a4df8c; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .K16sa { font-size: 16px; color: #ffffff; text-align: left; line-height: 30px; background-color: #0078d7; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16ex { font-size: 16px; color: #e4007f; text-align: left; line-height: 22px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16t1 { font-size: 16px; color: #e4007e; text-align: left; line-height: 30px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16t2 { font-size: 16px; color: #22b567; text-align: left; line-height: 30px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16t3 { font-size: 16px; color: #0078d7; text-align: left; line-height: 30px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16t4 { font-size: 16px; color: #000000; text-align: left; line-height: 30px; font-family:'Meiryo', sans-serif; font-weight:bold; } .K18wa { font-size: 18px; color: #ffffff; text-align: center; line-height: 30px; background-color: #e4007e; font-family:'Meiryo', sans-serif; font-weight:bold; } .KB12 { font-size:12px; line-height: 20px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; text-align: left; color: #4B0474; } .KB12a { font-size:12px; line-height: 20px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; text-align: left; color: #000000; } .KB12b { font-size:12px; line-height: 20px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; color: #0934AD; } .KB12c { font-size:12px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; color: #0934AD; padding: 5px 5px } .KB15 { font-size:15px; font-family:'ＭＳ Ｐゴシック', sans-serif; text-align: center; font-weight:bold; color: #000000; background-color: #e4e2bb;} .K12a, .G12, .V12 { font-size: 12px; line-height: 12px; font-family:'ＭＳ Ｐゴシック', sans-serif; } .KB14 { font-size:14px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KB14a { font-size:14px; font-family:'ＭＳ Ｐゴシック', sans-serif; font-weight:bold; color: #004EB9; line-height: 20px; width: 450px; height: 20px; } .KB14b { font-size:14px; font-family:'ＭＳ Ｐゴシック', sans-serif; font-weight:bold; color: #004EB9; line-height: 20px; width: 450px; height: 20px; background-color: #FFF799; } .KB14c { font-size:14px; font-family:'ＭＳ Ｐゴシック', sans-serif; font-weight:bold; color: #FE1477; line-height: 20px; width: 450px; height: 20px; } .K14wa { font-size: 14px; color: #ffffff; text-align: left; line-height: 30px; background-color: #e4007e; font-family:'Meiryo', sans-serif; font-weight:bold; } .K14ga { font-size: 14px; color: #ffffff; text-align: left; line-height: 30px; background-color: #22b567; font-family:'Meiryo', sans-serif; font-weight:bold; } .K14sa { font-size: 14px; color: #ffffff; text-align: left; line-height: 30px; background-color: #0078d7; font-family:'Meiryo', sans-serif; font-weight:bold; } .K14z { font-size: 14px; color: #ffffff; text-align: left; vertical-align: middle; line-height: 30px; background-color: #5f5f5f; font-family:'Meiryo', sans-serif; font-weight:bold; } .K16wa { font-size: 16px; color: #ffffff; text-align: center; line-height: 36px; background-color: #e4007e; font-family:'Meiryo', sans-serif; font-weight:bold; } .KB16 { font-size:16px; color: #000000; text-align: left; line-height: 34px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KB16a { font-size:16px; color: #ff0000; line-height: 24px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KB16-1 { font-size:16px; font-family:'Meiryo', sans-serif; text-align: center; font-weight:bold; color: #000000; background-color: #ffe4f3; line-height: 36px;} .KB16-2 { font-size:16px; line-height: 26px; font-family:'Meiryo', sans-serif; text-align: center; font-weight:bold; color: #000000; background-color: #e1f7ea;} .KB16-3 { font-size:16px; font-family:'Meiryo', sans-serif; text-align: center; font-weight:bold; color: #000000; background-color: #d3f1ff;} .KB16-4 { font-size:16px; font-family:'Meiryo', sans-serif; text-align: center; font-weight:bold; color: #000000; background-color: #ececec;} .K18 { font-size:18 height: 50px; color: #000000; text-align: center; line-height: 30px; background-color: #bfd8b4; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold;} .KB18 { font-size:18px;line-height: 30px; color: #000000; text-align: left; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KB18a { font-size:18px; color: #ff0000; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KB18w {text-align: left; font-size:18px; color: #ffffff; line-height: 35px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KB18wa {text-align: left; font-size:18px; color: #022195; line-height: 35px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; background: url(../img/bg-body1.png); padding: 2px 5px; } .KB20 { font-size:20px; height: 50px; color: #000000; text-align: center; line-height: 30px; background-color: #bfd8b4; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KB20a { font-size:20px;line-height: 30px; color: #017997; text-align: left; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KB20b { font-size:20px;line-height: 30px; color: #ff0000; text-align: left; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .K24, .L18, .L24 { font-size: 24px; line-height: 32px; font-family:'ＭＳ Ｐゴシック', sans-serif; } .KB24 { font-size:24px; font-family:'ＭＳ Ｐゴシック', sans-serif; } .KEB24 { font-size:24px; font-family:'ＭＳ Ｐゴシック', sans-serif; } .N12 { font-size: 12px; line-height: 16px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .T10 { font-size: 10px; text-align: right; line-height: 13px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; } .P18 { font-size:18px; color: #dc0081; text-align: left; line-height: 30px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .KM18 { font-size:18px; color: #000000; text-align: left; line-height: 30px; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .L1 { font-size:16px;line-height: 30px; color: #000000; text-align: left; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .L1a { font-size:14px;line-height: 30px; color: #000000; text-align: left; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .L2 { font-size:24px;line-height: 30px; color: #e4007f; text-align: left; font-family:'Meiryo','ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .s6w { font-size: 16px; color: #ffffff; text-align: center; vertical-align: middle; line-height: 30px; background-color: #e4007e; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .s6wa { font-size: 16px; color: #000000; text-align: left; line-height: 30px; background-color: #ffffff; font-family:'Meiryo', sans-serif; font-weight:bold; } .s6wb { font-size: 12px; color: #000000; text-align: center; line-height: 30px; background-color: #ffffff; font-family:'Meiryo', sans-serif; font-weight:bold; } .s6g { font-size: 18px; color: #ffffff; text-align: center; vertical-align: middle; line-height: 30px; background-color: #22b567; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .s6ga { font-size: 16px; color: #ffffff; text-align: left; line-height: 30px; background-color: #22b567; font-family:'Meiryo', sans-serif; font-weight:bold; } .s6s { font-size: 18px; color: #ffffff; text-align: center; vertical-align: middle; line-height: 30px; background-color: #0078d7; font-family:'Meiryo', sans-serif; font-weight:bold; padding: 2px 5px; spacing: 5px; } .s6sa { font-size: 18px; color: #000000; text-align: left; line-height: 30px; background-color: #ffffff; font-family:'Meiryo', sans-serif; font-weight:bold; } .s6sb { font-size: 12px; color: #000000; text-align: left; line-height: 18px; background-color: #ffffff; font-family:'Meiryo', sans-serif; font-weight:bold; } /* For localization */ .G9G { font-size: 10px; line-height: 13px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #76797c; } .G10G, .L10G { font-size: 12px; line-height: 15px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #76797c; } .G10W, .L10W { font-size: 12px; line-height: 15px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #ffffff; } .L12G { font-size: 14px; line-height: 18px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #76797c; } .L12W { font-size: 14px; line-height: 18px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #ffffff; } .L14G { font-size: 18px; line-height: 24px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #76797c; } .L14W { font-size: 18px; line-height: 24px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #ffffff; } .L18G, .L24G { font-size: 24px; line-height: 32px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #76797c; } .L18W, .L24W { font-size: 24px; line-height: 32px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #ffffff; } .T13, .INTRO { font-size: 14px; line-height: 15px; font-family:'ＭＳ Ｐ明朝', serif; } .TITLE { font-size: 24px; line-height: 32px; font-family:'ＭＳ Ｐゴシック', sans-serif; font-weight:bold; } .vline04 { background-image: url("../img/vline04b.jpg") } /* For Mincho style page */ .M12 { font-size: 12px; line-height: 15px; font-family:'ＭＳ Ｐ明朝', serif; } .MB12 { font-size:12px; font-family:'ＭＳ Ｐ明朝', serif; } .M14 { font-size: 14px; line-height: 18px; font-family:'ＭＳ Ｐ明朝', serif; } .MB14 { font-size:14px; font-family:'ＭＳ Ｐ明朝', serif; } .MB18 { font-size:18px; font-family:'ＭＳ Ｐ明朝', serif; } .MB24 { font-size:24px; font-family:'ＭＳ Ｐ明朝', serif; } /* Maru gothic styles */ .R9 { font-size: 10px; line-height: 13px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #ed7676; } .R10 { font-size: 14px; line-height: 13px; font-family:'ＭＳ Ｐゴシック', sans-serif; color: #ed7676; } .R12 { font-size: 12px; line-height: 15px; font-family:'ＭＳ Ｐゴシック', sans-serif; } .R14 { font-size: 14px; line-height: 18px; font-family:'ＭＳ Ｐゴシック', sans-serif; } /* Other styles */ .top_under { margin: 0; background-position: left top; background-image: url("img/center_under1.gif"); background-repeat: no-repeat; } .bg1 { background-color:#ffe4f3; border-radius:10px; position:relative; } .bg1:after { border:10px solid transparent; border-bottom-color:#ffe4f3; border-top-width:0; top:-10px; content:""; display:block; left:10px; position:absolute; width:0; } .bg2 { background-color:#e1f7ea; border-radius:5px; position:relative; } .bg2:after { border:10px solid transparent; border-bottom-color:#e1f7ea; border-top-width:0; top:-8px; content:""; display:block; left:10px; position:absolute; width:0; } .bg3 { background-color:#d3f1ff; border-radius:5px; position:relative; } .bg3:after { border:10px solid transparent; border-bottom-color:#d3f1ff; border-top-width:0; top:-8px; content:""; display:block; left:10px; position:absolute; width:0; } .bg4 { background-color:#ececec; border-radius:5px; position:relative; } .bg4:after { border:10px solid transparent; border-bottom-color:#ececec; border-top-width:0; top:-8px; content:""; display:block; left:10px; position:absolute; width:0; } /* Back to Top styles */ #back-top { position: fixed; bottom: 10%; right: 10%;} #back-top span { width: 50px; height: 50px; display: block;} /* --- ボタン2 --- */ input.btn2 { width: 8em; height: 1.8em; padding: 0; background: #008000 url(img/btn02.gif); border: 1px #008000 inset; font-weight: bold; color: #ffffff; letter-spacing: 0.3em; } /*--------- common tbl keisen START --------*/ .tbl_kei_base1{ margin-top : 1px; margin-left : 1px; margin-right : 1px; margin-bottom : 1px;border-width : 1px;border-style : solid; border-color : black; } .tbl_kei_left_1{ margin-left : 0px; border-left-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-style : solid; border-right-style : solid; border-bottom-style : solid; border-left-color : black; border-right-color : black; border-bottom-color : black; } .tbl_kei_upper_1{ border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-top-style : solid; border-right-style : solid; border-bottom-style : solid; border-top-color : black; border-right-color : black; border-bottom-color : black; } .tbl_kei_other_1{ border-right-width : 1px; border-bottom-width : 1px; border-right-style : solid; border-bottom-style : solid; border-right-color : black; border-bottom-color : black; } /*--------- common tbl keisen END --------*/ /*--------- common tbl keisen START --------*/ .tbl_kei_base2{ margin-top : 1px; margin-left : 1px; margin-right : 1px; margin-bottom : 1px;border-width : 1px;border-style : solid; border-color : black; } .tbl_kei_left_2{ margin-left : 0px; border-left-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-left-style : solid; border-right-style : solid; border-bottom-style : solid; border-left-color : black; border-right-color : black; border-bottom-color : black; } .tbl_kei_upper_2{ border-top-width : 1px; border-right-width : 1px; border-bottom-width : 1px; border-top-style : solid; border-right-style : solid; border-bottom-style : solid; border-top-color : black; border-right-color : black; border-bottom-color : black; } .tbl_kei_other_2{ border-right-width : 1px; border-bottom-width : 1px; border-right-style : solid; border-bottom-style : solid; border-right-color : black; border-bottom-color : black; } /*--------- common tbl keisen END --------*/ .line1 { border: 1px #5c005f solid; /* 太さ3pxで緑色の実線 */ } .line2 { border: 1px #5c005f solid; /* 太さ3pxで緑色の実線 */ background: #e2ffd4; } /*-----.tbl-ptn1-----*/ table.tbl-ptn1 { border-top:1px solid #CBCBCB; border-left:1px solid #CBCBCB; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; margin: 0.0em; } .tbl-ptn1 th, .tbl-ptn1 td { border-right:1px solid #CBCBCB; border-bottom:1px solid #CBCBCB; padding:0.2em 0.5em; text-align: left; line-height: 5px; } .tbl-ptn1 th { color: #333333; background-color: #c7fff4; text-align:center; } .tbl-ptn1 td { } .tbl-ptn1 caption { font-weight: bold; color: #333333; } /*-----.tbl-ptn1-----*/ table.tbl-ptn2 { border-top:1px solid #393939; border-left:1px solid #393939; border-collapse:collapse; border-spacing:0; background-color:#ffffff; empty-cells:show; margin: 0.0em; } .tbl-ptn2 th, .tbl-ptn2 td { border-right:1px solid #393939; border-bottom:1px solid #393939; padding:0em 0em; line-height: 25px; } .tbl-ptn2 th { color: #333333; background-color: #c0c0c0; text-align:center; } .tbl-ptn2 td { } .tbl-ptn2 caption { font-weight: bold; color: #333333; } .doubleline { /*二重取り消し線*/ background-image:url(../img/double.png); background-repeat:repeat-x; background-position: center; } .countDown { margin: 50px 0; text-align: center; } .countDownText { border: 0.5px solid #ff0000; padding: 5px; font-size:20px; font-weight: bold; color: #ff0000; } .title1 { border-bottom: 1px solid #024093; border-left: 5px solid #024093; text-align: left; line-height: 10px; background-color: #fff; font-size: 13px; font-weight: bold; color: #000; bottom-margin: 5px; padding: 10px 0px 10px 10px; } .icon { background: #FFF; /*背景色*/ color: #F00; /*文字色*/ font-size: 70%; /*文字サイズ*/ font-weight:bold; border-style: solid; border-color: #F00; border-width: 1.5; line-height: 1.5; padding: 2px 5px; border-radius: 2px; margin: 0px 5px; vertical-align: text-top; } /*テーブル6 ---------------------------------------------------------------------------*/ .ta6 { width: auto; margin: 10px 0; border: solid 1px #CCC; } .ta6 th { padding: 5px; background: #48bedc; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; font-weight: 700; text-align: center; } .ta6 td { padding: 5px; border-bottom: dotted 1px #bbb; } /*テーブル6a ---------------------------------------------------------------------------*/ .ta6a { width: auto; margin: 10px 0; border: solid 1px #CCC; } .ta6a th { padding: 5px; background: #f673bf; border-left: solid 1px #CCC; border-bottom: solid 1px #CCC; font-weight: 700; text-align: center; } .ta6a td { padding: 5px; border-bottom: dotted 1px #bbb; } .tbl_bdr,.tbl_bdr td,.tbl_bdr th {border-collapse: collapse; border: 0.5px solid #333; font-size: 12px; line-height: 15px; font-weight:bold; text-align: left; padding: 5px 5px; spacing: 10px; } .tbl_bdr2,.tbl_bdr2 td,.tbl_bdr2 th {border-collapse: collapse; border: 0.5px solid #333; font-size: 12px; line-height: 20px; text-align: center; padding: 5px 5px; spacing: 10px; } .tbl_bdr3,.tbl_bdr3 td,.tbl_bdr3 th {border-collapse: collapse; border: 5px solid #ea674d; font-size: 18px; line-height: 40px; text-align: center; padding: 5px 5px; spacing: 10px; }