@charset "utf-8";

/* 共通 ============================== */
body { background-color: black; letter-spacing: 0.05em; }

div.headWrap { background-color: red; padding: 0 10px; min-width: 780px; }
div.headWrap p.titlogo { float: left; padding: 8px 0 10px; }
div.headWrap p.abelogo { float: right; padding: 12px 0; }

div.ccontWrap { background-color: white; padding-bottom: 60px; min-width: 800px; }
div.contArea { margin: 0 auto; width: 720px; text-align: center; }
div.contArea p.pageTit { margin-top: 50px; display: inline-block; border: double 3px red; padding: 15px 25px; line-height: 1.25; }
div.contArea p.leadSubtit { margin-top: 40px; }
div.contArea p.leadTxt { margin-top: 20px; }
div.contArea div.datebox { margin-top: 30px; display: inline-block; border: dashed 1px red; padding: 15px 20px; }
div.contArea div.datebox p.registrydate { }
div.contArea div.datebox p.quizdate { display: inline-block; background-color: #eee; border-radius: 5px; padding: 4px 3px 3px; line-height: 1; letter-spacing: 0; margin-top: 12px; }
div.contArea div.inputWrap { margin-top: 40px; }
div.inputWrap p.inputNote { text-align: right; }
div.inputWrap div.inputBg { background-color: #eee; margin-top: 3px; }

div.footWrap { position: relative; background-color: red; min-width: 800px; }
div.footWrap p.footChara { position: absolute; bottom: 0; right: 10px; z-index: 10; }
div.footWrap div.footFrm { background-color: red; }
div.footWrap div.footFrm ul.footNote { padding: 15px 15px 120px; }
div.footWrap div.footFrm ul.footNote li { text-indent: -1.35em; margin-left: 1.35em; line-height: 1.35; margin-top: 5px; }
div.footWrap div.footFrm ul.footNote li.noteTit { margin-top: 15px; }

p.copy { background-color: black; text-align: right; padding: 5px 10px 2px; min-width: 780px; font-size: 60%; line-height: 1; }



/* 入力画面 ============================== */

div.inputBg ul { padding: 0 20px; text-align: left; }
div.inputBg ul.wline { border-bottom: solid 1px white; }
div.inputBg ul li { float: left; line-height: 1.25; padding: 6px 0; }
div.inputBg ul.wline li { padding-bottom: 20px; }
div.inputBg ul.secTop li { padding-top: 20px; }
div.inputBg ul li.cate { width: 8em; }
div.inputBg ul li.cate p { display: inline-block; background-color: white; border-radius: 1em; padding: 4px 10px 3px; }
div.inputBg ul li.inputTit { width: 13em; text-align: right; }
div.inputBg ul li.inputTit p { padding-top: 7px; }
div.inputBg ul li.inputBox { width: 360px; padding-left: 15px; }
div.inputBg ul li.inputBox ul.radiobtn { padding: 0 0; }
div.inputBg ul li.inputBox ul.radiobtn li { padding: 7px 20px 0 0; }
div.inputBg ul li.inputBox ul.radiobtn li input { float: left; }
div.inputBg ul li.inputBox ul.radiobtn li label { padding-left: 6px; float: left; }
div.inputBg ul li.inputBox p.conf { padding-top: 7px; }

div.inputBg select { border: solid 1px #ccc; }
div.inputBg input { border: solid 1px #ccc; }
div.inputBg input.w60 { padding: 5px; width: 60px; }
div.inputBg input.w80 { padding: 5px; width: 80px; }
div.inputBg input.w240 { padding: 5px; width: 240px; }
div.inputBg input.w360 { padding: 5px; width: 360px; }

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