@charset shift_jis;
html, body, div, ol, ul, li, h1, h2, h3, h4, p, a, br, form { margin: 0; padding: 0 }
/*メイン部分の背景色*/
.mainbackcolor-yellow  { background-color: #fdfde8; margin: 0; padding: 0 }
.mainbackcolor-pink   { background-color: #fcf4f6; margin: 0; padding: 0 }
.mainbackcolor-beige  { background-color: #fcf0db; margin: 0; padding: 0 }
.mainbackcolor-white  { background-color: #fff; margin: 0; padding: 0 }
/*基本テキスト*/
p   { font-size: 14px; line-height: 170%; margin: 0; padding: 0 }
h1 { font-size: 13px; font-weight: bold; text-align: center; margin: 5px 0 10px }
h2     { color: #c00; font-size: 20px; font-weight: bold; background-repeat: no-repeat; background-position: center; text-align: center; margin-top: 20px; margin-bottom: 20px; padding: 0 }
h3   { color: #c00; font-size: 20px; font-weight: bold; text-align: left; margin-top: 20px; margin-bottom: 20px; padding: 0; vertical-align: middle }
h4 { font-size: 1.17em; font-weight: bold; margin-top: 10px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #666 }
.catch { color: #c00; font-size: 160%; font-weight: bold; line-height: 130%; text-align: center; padding-top: 20px; padding-bottom: 20px }
/*h2/h3背景画像*/
.textbackimage-redflower    { line-height: 22px; background-image: url("img/textbackimage/backimage-redflower.gif"); background-repeat: no-repeat; background-position: center top; padding-top: 22px; height: 66px; vertical-align: 12px }
.textbackimage-yellowflower     { line-height: 22px; background-image: url("img/textbackimage/backimage-yellowflower.gif"); background-repeat: no-repeat; background-position: center top; padding-top: 22px; height: 66px }
.textbackimage-clover   { line-height: 22px; background-image: url("img/textbackimage/backimage-clover.gif"); background-repeat: no-repeat; background-position: center top; padding-top: 22px; height: 66px }
.textbackimage-green   { line-height: 22px; background-image: url("img/textbackimage/backimage-green.gif"); background-repeat: no-repeat; background-position: center top; padding-top: 22px; height: 66px }
.clear-textbackimage-clover   { line-height: 22px; background-image: url("img/textbackimage/clear-backimage-clover.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 20px; padding-left: 60px; height: 66px; vertical-align: middle }
.clear-textbackimage-pinkflower  { line-height: 22px; background-image: url("img/textbackimage/clear-backimage-pinkflower.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 22px; padding-left: 60px; height: 66px }
.clear-textbackimage-yellowflower  { line-height: 28px; background-image: url("img/textbackimage/clear-backimage-ylwflo.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 28px; padding-left: 50px; height: 66px }
.clear-textbackimage-orangeflower  { line-height: 20px; background-image: url("img/textbackimage/clear-backimage-orgflo.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 20px; padding-left: 60px; height: 66px }
.clear-textbackimage-leaf   { line-height: 22px; background-image: url("img/textbackimage/clear-backimage-leaf.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 22px; padding-left: 75px; height: 66px }
.clear-textbackimage-redflower  { line-height: 22px; background-image: url("img/textbackimage/clear-backimage-redflower.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 22px; padding-left: 75px; height: 66px }

/*h2/h3背景画像追加分*/
.clear-textbackimage-ivy { line-height: 22px; background-image: url("img/textbackimage/ivy-head.png"); background-repeat: no-repeat; background-position: left top; padding-top: 32px; padding-left: 60px; height: 66px }
.clear-textbackimage-yellowflower2 { line-height: 22px; background-image: url("img/textbackimage/clear-backimage-ylwflo2.gif"); background-repeat: no-repeat; background-position: left top; padding-top: 22px; padding-left: 75px; height: 66px }
/*マーカー*/
.yellow-marker  { background-color: #ff0 }
.light-yellow-marker { background-color: #ff7 }
.red-marker { background-color: #f77 }
/*テキスト装飾*/
.black-bold { color: #000; font-weight: bold }
.red-bold { color: #c00; font-weight: bold }
.blue-bold { color: #009; font-weight: bold }
.red-bold-large { color: #c00; font-size: 18px; font-weight: bold }
.blue-bold-large { color: #009; font-size: 18px; font-weight: bold }
.bold-large { font-size: 18px; font-weight: bold }
/*フレーム装飾*/
.gray-frame  { background-color: #f3f3f3; margin-top: 10px; margin-bottom: 10px; border: solid 1px #999 }
.gray-line-frame  { margin-top: 10px; margin-bottom: 10px; border: solid 1px #999 }
.yellow-frame  { background-color: #ffc; margin-top: 10px; margin-bottom: 10px; border: solid 1px #f90 }
.pink-frame  { background-color: #fff0f5; margin-top: 10px; margin-bottom: 10px; border: solid 1px #f69 }
.red-dot-frame   { background-color: #fff; margin-top: 10px; margin-bottom: 10px; border: dotted 2px #c00 }
.blue-frame   { background-color: #fff; margin-top: 10px; margin-bottom: 10px; border: solid 1px #69f }
.orange-frame   { background-color: #fff; margin-top: 10px; margin-bottom: 10px; border: double 3px #f60 }
/*特定部分*/
.order-area  { text-align: center; margin-top: 20px; margin-bottom: 20px }
.tokuten-title  { color: #f30; font-size: 18px; font-weight: bold; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #c00 }
.question-title   { font-size: 15px; font-weight: bold; line-height: 120%; margin-bottom: 10px; padding-bottom: 3px; border-bottom: 1px dotted #999 }