html {
max-width: 1200px;
margin: 0 auto;
position: relative; /* Fix for absolute positioning */
}
.style1 {
color: #FF0000;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 24px;
font-weight: bold;
}
.style5 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}
.style6 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 24px; }
.style7 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-size: 24px; color: #FF0000; }
.style8 {color: #0000FF}
.style9 {color: #FF0000}
.style10 {font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; font-weight: bold; }
body {
background-image:url(../img/bg2.gif);}
p.p01 {padding-left: 1em;}
p.p02 {padding-left: 2em;}
p.p03 {padding-left: 3em;}
p.p04 {padding-left: 4em;}
p.p05 {padding-left: 5em;}
p.p06 {padding-left: 6em;}
p.p07 {padding-left: 7em;}
p.p08 {padding-left: 8em;}
p.p11 {text-indent: -1em; padding-left: 1em;}
p.p11b {text-indent: -1em; padding-left: 1em; border: 1px solid gray;}
p.p12 {text-indent: -1em; padding-left: 2em;}
p.p13 {text-indent: -1em; padding-left: 3em;}
p.p14 {text-indent: -1em; padding-left: 4em;}
p.p15 {text-indent: -1em; padding-left: 5em;}
p.p16 {text-indent: -1em; padding-left: 6em;}
p.p17 {text-indent: -1em; padding-left: 7em;}
p.p18 {text-indent: -1em; padding-left: 8em;}
p.p19 {text-indent: -1em; padding-left: 9em;}
p.p22 {text-indent: -2em; padding-left: 2em;}
p.p23 {text-indent: -2em; padding-left: 3em;}
p.p24 {text-indent: -2em; padding-left: 4em;}
p.p25 {text-indent: -2em; padding-left: 5em;}
p.p26 {text-indent: -2em; padding-left: 6em;}
p.p33 {text-indent: -3em; padding-left: 3em;}
p.p34 {text-indent: -3em; padding-left: 4em;}
p.p35 {text-indent: -3em; padding-left: 5em;}
p.p36 {text-indent: -3em; padding-left: 6em;}
p.p44 {text-indent: -4em; padding-left: 4em;}
p.p45 {text-indent: -4em; padding-left: 5em;}
p.p0 {text-align: left; margin-top: 0 ; margin-bottom: 0}
p.p0r {margin-top: 0 ; margin-bottom: 0;
text-align:right}
p.p0c {margin-top: 0 ; margin-bottom: 0;
text-align:center}
p.p010 {padding-left: 1em; margin-top: 0 ; margin-bottom: 0}
p.p020 {padding-left: 2em; margin-top: 0 ; margin-bottom: 0}
p.p030 {padding-left: 3em; margin-top: 0 ; margin-bottom: 0}
p.p040 {padding-left: 4em; margin-top: 0 ; margin-bottom: 0}
p.p050 {padding-left: 5em; margin-top: 0 ; margin-bottom: 0}
p.p060 {padding-left: 6em; margin-top: 0 ; margin-bottom: 0}
p.p070 {padding-left: 7em; margin-top: 0 ; margin-bottom: 0}
p.p080 {padding-left: 8em; margin-top: 0 ; margin-bottom: 0}
p.p110 {text-indent: -1em; padding-left: 1em; margin-top: 0 ; margin-bottom: 0}
p.p120 {text-indent: -1em; padding-left: 2em; margin-top: 0 ; margin-bottom: 0}
p.p130 {text-indent: -1em; padding-left: 3em; margin-top: 0 ; margin-bottom: 0}
p.p140 {text-indent: -1em; padding-left: 4em; margin-top: 0 ; margin-bottom: 0}
p.p150 {text-indent: -1em; padding-left: 5em; margin-top: 0 ; margin-bottom: 0}
p.p160 {text-indent: -1em; padding-left: 6em; margin-top: 0 ; margin-bottom: 0}
p.p170 {text-indent: -1em; padding-left: 7em; margin-top: 0 ; margin-bottom: 0}
p.p180 {text-indent: -1em; padding-left: 8em; margin-top: 0 ; margin-bottom: 0}
p.p190 {text-indent: -1em; padding-left: 9em; margin-top: 0 ; margin-bottom: 0}
p.p220 {text-indent: -2em; padding-left: 2em; margin-top: 0 ; margin-bottom: 0}
p.p230 {text-indent: -2em; padding-left: 3em; margin-top: 0 ; margin-bottom: 0}
p.p240 {text-indent: -2em; padding-left: 4em; margin-top: 0 ; margin-bottom: 0}
p.p250 {text-indent: -2em; padding-left: 5em; margin-top: 0 ; margin-bottom: 0}
p.p260 {text-indent: -2em; padding-left: 6em; margin-top: 0 ; margin-bottom: 0}
p.p330 {text-indent: -3em; padding-left: 3em; margin-top: 0 ; margin-bottom: 0}
p.p340 {text-indent: -3em; padding-left: 4em; margin-top: 0 ; margin-bottom: 0}
p.p350 {text-indent: -3em; padding-left: 5em; margin-top: 0 ; margin-bottom: 0}
p.p360 {text-indent: -3em; padding-left: 6em; margin-top: 0 ; margin-bottom: 0}
p.p370 {text-indent: -3em; padding-left: 7em; margin-top: 0 ; margin-bottom: 0}
p.p380 {text-indent: -3em; padding-left: 8em; margin-top: 0 ; margin-bottom: 0}
p.p440 {text-indent: -4em; padding-left: 4em; margin-top: 0 ; margin-bottom: 0}
p.p450 {text-indent: -4em; padding-left: 5em; margin-top: 0 ; margin-bottom: 0}
p.pr0 {text-align: right; margin-top: 0 ; margin-bottom: 0}
p.pc0 {text-align: center; margin-top: 0 ; margin-bottom: 0}
p .kakou {border: solid 1px #454545;}
ul,ol {margin: 0 0 0 1em;
padding: 0;
line-height:1.4 }
td.p0 {margin-top: 0 ; margin-bottom: 0}
/* 縦書きとなり、行は右から左へ */
.vrl {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
/* 縦書きとなり、行は左から右へ */
.vlr {
-webkit-writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
writing-mode: vertical-lr;
}
/* 縦書きとなり、行は右から左へ。各行内のテキストは左に倒れる（反時計周りに90度） */
.srl {
writing-mode: sideways-rl;
}
/* 縦書きとなり、行は左から右へ。各行内のテキストは右に倒れる（時計周りに90度） */
.slr {
writing-mode: sideways-lr;
}
body {
margin: 0;
padding: 0;
}
.css-fukidashi {
padding: 0;
margin: 0;
}
.text {
width: 200px;
position: relative;
margin:80px 50px 50px;
padding: 20px;
border: 1px solid #ccc;
}
.fukidashi {
display: none;
width: 200px;
position: absolute;
top: 0;
left: 250px;
padding: 16px;
border-radius: 5px;
background: #33cc99;
color: #fff;
font-weight: bold;
}
.fukidashi:after {
position: absolute;
width: 0;
height: 0;
left: 0;
bottom: -19px;
margin-left: 10px;
border: solid transparent;
border-color: rgba(51, 204, 153, 0);
border-top-color: #33cc99;
border-width: 10px;
pointer-events: none;
content: " ";
}
.text:hover + .fukidashi {
display: block;
}
.siro {color: #FFFFFF;}
.aka {color: #F00;}
.blue {color:#00F;}
.midori {color:#093;}
.gray {color: #C0C0C0;}
.navy {color: #000080;}
.aqua {color: #00FFFF;}
.lime {color: #00FF00;}
.yellow {color: #FFFF00;}
.magenta {color: #FF00FF;}
.purple {color: #800080;}
.maroon {color: #800000;}
.brown {color: #A52A2A;}
.maru {
width: 50px;
height: 50px;
padding-top: 13px;
border: 1px solid black;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
}
/* afterで丸枠を生成 */
.maru2 {
content: '';
position: absolute;
display: block;
top: 47%;
left: 1px;
transform: translateY(-50%);
width: 1.2em;
height: 1.2em;
border: 1px solid #454545;
border-radius: 50%;
}