* { margin: 0; padding: 0; box-sizing: border-box; }

body { font-size: 17px; line-height: 1.4; background-color: #248ddf; background-attachment: fixed; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; padding-bottom: 3em; }

.modalWrap { padding: 30px; color: #fff; }
.modalWrap .box { padding: 1em; margin-bottom: 1em; border: 1px solid #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; overflow: hidden; }
.modalWrap .center { text-align: center; }
.modalWrap .center img { margin-bottom: 5px; }
.modalWrap .floatRight { float: right; margin: 0 0 1em 1em; }
.modalWrap .floatRight { float: right; margin: 0 0 1em 1em; }
.modalWrap h1, .modalWrap h2 { font-size: 16px; font-weight: bold; margin-top: 10px; }
.modalWrap p { font-size: 14px; margin: 0.5em; line-height: 1.5em; }
.modalWrap table { margin-bottom: 1em; width: 100%; }
.modalWrap table th, .modalWrap table td { border: 1px solid #fff; padding: 0.5em 1em; font-size: 14px; }

.center { text-align: center; margin: 0 auto; }

img { border-style: none; vertical-align: bottom; }

.strong { font-weight: bold; }

.red { color: red; }

.left { float: left; }

.right { float: right; }

a:hover { opacity: 0.7; }

li { list-style-type: none; }
