@charset "utf-8";

body { background-color: red; }

#page-top { bottom: 44px; }

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



div.bookHeadWrap { position: relative; padding: 0 16px; }
div.bookHeadWrap p.abelogo { position: absolute; top: 15px; right: 15px; z-index: 10; }
div.bookContWrap { position: relative; }
div.bookContWrap p.bookCover { float: left; width: 270px; padding: 30px 0; }
div.bookContWrap p.bookCover img { box-shadow: 2px 2px 4px rgba(0,0,0,0.2); }
div.bookContWrap div.bookLead { float: right; width: 650px; padding: 100px 0 0; position: relative; }
div.bookLead div.bookTxt { margin-top: 20px; padding: 10px 15px; border: dashed 1px white; color: white; }
div.bookLead div.bookTxt p.sign { text-align: right; }
div.bookContWrap p.abereading { position: absolute; bottom: -12px; right: 16px; z-index: 10; }

div.miserableWrap { background-color: white; position: relative; min-width: 980px; padding: 50px 16px 60px; }

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: 480px; 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; }

div.msrblThanks { text-align: center; padding: 10px 0; }
div.msrblThanks p.abe { margin: 15px 0 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; }

div.bookDescWrap { background-color: #eee; min-width: 980px; padding: 60px 16px 50px; }
div.bookDescBg { background-color: white; padding: 40px 20px; border-radius: 8px; }




/* ==========　「/answer/answer_201503.css」より流用　==========*/ 
div.answerArea { padding: 0 30px; }
div.answerArea div.ansArea2L { float: left; width: 46%; }
div.answerArea div.ansArea2R { float: right; width: 46%; }

div.answerArea ul.ansList li { margin-top: 40px; background: url(../../answer/images/quotation_L.png) left top no-repeat; }
div.answerArea ul.ansList li p.ansFrm { background: url(../../answer/images/quotation_R.png) right top no-repeat; padding: 6px 32px 0; line-height: 1.5; }
div.answerArea ul.ansList li div.listnerFrm { color: #888; text-align: right; margin-top: 5px; line-height: 1.35; }
div.answerArea ul.ansList li p.rname { background: url(../../answer/images/icon_lineG.png) left top no-repeat; padding-left: 18px; display: inline-block; text-align: left; }
div.answerArea ul.ansList li p.listnerInfo { padding-top: 2px; }
div.answerArea ul.ansList li p.listnerInfo span { padding-left: 1em; }