@charset "utf-8";

body { background-color: red; }

#page-top { bottom: 44px; }

div.wrapper { width: 980px; margin: 0 auto; }

/* アベ・ミゼラブル（2016.6.4） ============================== */
div.msrblHead { background: url(../images/abemiserables_bg.png) center top no-repeat; min-width: 980px; height: 649px; padding: 0 16px; }
div.msrblHead p.logo { padding: 24px 0 0 20px; }

div.miserableWrap { background-color: white; position: relative; min-width: 980px; padding: 0 16px 80px; }
div.miserableWrap p.msrblTit { position: absolute; top: -98px; left: 50%; margin-left: -392px; }
div.msrblContWrap { padding-top: 98px; min-width: 980px; }
div.msrblContWrap div.msrblLeadLeft { float: left; width: 390px; padding-top: 15px; line-height: 2; }
div.msrblContWrap div.msrblLeadMid { float: left; width: 200px; text-align: center; padding-top: 50px; }

div.msrblContWrap div.msrblLeadRight { float: right; width: 390px; padding-top: 15px; }
div.msrblLeadRight div.condBox { margin-top: 10px; border: dashed 1px #ccc; padding: 10px 15px; }
div.condBox ul li { margin-top: 10px; }
div.condBox ul li:first-child { margin-top: 2px; }
div.condBox ul li span.bg { background-color: yellow; padding: 2px 5px 1px; }
div.msrblinputWrap { padding-top: 30px; padding-bottom: 10px; }
div.msrblinputBg { background-color: #eee; padding: 30px 20px; border-radius: 8px; }
div.msrblinputBg div.subtitWrap { padding-bottom: 15px; border-bottom: solid 3px white; margin-bottom: 20px; }
div.msrblinputBg p.inputSubtit { display: inline-block; background: url(../images_cmn/icon_circle18_red.png) left top no-repeat; padding: 2px 0 0 24px; line-height: 1; min-height: 16px; }
div.msrblinputBg div.inputLeft { float: left; width: 482px; text-align: center; }
div.msrblinputBg div.inputRight { float: right; width: 420px; text-align: center; }
div.inputLeft textarea { height: 260px; width: 470px; padding: 5px; font-size: 120%; border: solid 1px #ccc; }
div.inputLeft textarea.err { border: solid 1px red; background-color: #ffeeee; }

table.cmntInput td { line-height: 1.25; padding-top: 5px; padding-bottom: 5px; vertical-align: top; }
table.cmntInput td.subtit { text-align: right; padding-right: 15px; }
table.cmntInput td.subtit10 { padding-top: 10px; }
table.cmntInput td ul.sexList li { float: left; padding-right: 20px; }
table.cmntInput td ul.sexList li:last-child { padding-right: 0; }
table.cmntInput td ul.sexList li input { float: left; }
table.cmntInput td ul.sexList li label { padding-left: 6px; float: left; }
table.cmntInput td select { border: solid 1px #ccc; }
table.cmntInput td input { border: solid 1px #ccc; }
table.cmntInput td input.w240 { padding: 5px; width: 240px; }
table.cmntInput td input.w60 { padding: 5px; width: 60px; }

div.inputBtnSec { padding-top: 40px; text-align: center; }
div.inputBtnSec input.msrblBtn { color: white; background-color: black; border: none; border-radius: 7px; font-size: 160%; letter-spacing: 0.15em; padding: 15px 30px; line-height: 1; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); cursor: pointer; }
div.inputBtnSec input.msrblBtn:hover { background-color: red; }
div.inputBtnSec input.msrblBtn:active { color: black; box-shadow: 0 0 5px rgba(0,0,0,0.3); }

p.msrblErr { text-align: center; padding: 0 0 10px; }

p.msrblThanks { text-align: center; padding: 10px 0; }

div.msrblNoteFrm { padding: 15px 15px 0; }
ul.msrblNote { letter-spacing: 0; color: white; line-height: 1.35; min-width: 950px; }
ul.msrblNote li { text-indent: -1.35em; margin-left: 1.35em; margin-top: 10px; }

div.msrblFoot { padding: 10px 15px; text-align: right; line-height: 1.25; min-width: 950px; }