body { color:#000; background-color:#dfffff; -webkit-text-size-adjust: 100%; } a { color:#19198b; text-decoration:none; } a:hover { color:#339999; cursor:pointer; } h1 { font-size:3em; color:#19198b; font-weight:bold; text-align:center; text-shadow: 1px 1px 2px white,1px 1px 2px black; margin:1em; padding: 0.2em 0.2em; background: #fff; border-left: solid 10px #7db4e6; border-bottom: solid 5px #d7d7d7; } h1:first-letter { font-size: 1.5em; color: #7172ac; } #box1 { background: #fff; border-radius: 3em 3em; border: 3px dashed #19198b; margin:3em; padding: 2em; overflow: hidden; } div.textlfloat { width: 48%; float: left; margin:0; } div.textrfloat { width: 48%; float: right; margin:0; } div.picrfloat { width: 48%; float: right; margin-right:0ex; } h2{ font-size:1.5em; color: #505050; padding: 0.5em 1em; display: inline-block; line-height: 1.8em; background: #dbebf8; vertical-align: middle; border-radius: 25px 25px 25px 25px; } h2:before { content: '●'; color: white; margin-right: 8px; } p { margin:1em 0.5em; line-height: 1.5em } p.top { font-size:1.2em; margin:1em; line-height: 1.5em } img { width:100%; margin:1em 0; } ul { font-size:1.5em; padding: 0; position: relative; margin-right: auto; margin-left: auto; } ul li { color: black; border-left: solid 8px orange;/*左側の線*/ background: whitesmoke;/*背景色*/ margin-bottom: 10px;/*下のバーとの余白*/ line-height: 1.5; border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/ padding: 0.5em; list-style-type: none!important; } #toppage{ background: #fff; border-radius: 2em 2em; border: 3px dotted #000; padding: 1em; position: fixed; right:2em; bottom:1em; color: blue; overflow: hidden; } footer { font-size:small; text-align:center; padding:1em; border-top:1ex double #19198b; margin-bottom:2em; }