/*@charset "utf-8";*/
/*
information
file name  :  form.css
style info :  フォームで使用するスタイル
*/

/*common*/
.left{width:680px; float:left; text-align:left}
footer{padding:0}
.mrgnTop10{margin:10px 0 0 !important}
.txtPink{color:#F75279}
.left a:link{color:#F75279; text-decoration:underline}
.left a:visited, .left a:hover{text-decoration:none; color:#F75279}
.left img{vertical-align:top}
.right.privacy{width:250px; overflow:auto; margin:0 auto; padding:0 10px 10px; height:600px; border:solid 1px #CCC; font-size:95%; line-height:1.8; text-align:left}
.right.privacy h4, .right.privacy b{margin:15px 0 5px; display:block}

/*layout*/
.inner.form{padding:40px 0}
img.floatL{margin:0 15px 15px 0}
img.floatR{margin:0 0 15px 15px}

/*articleHead*/
.articleHead{width:680px; font-size:2.4em; text-align:left; color:#F75279; padding:51px 0; margin:0 0 20px; background:url(/img/common/articleHead06.jpg) right top no-repeat}
.articleHead span{font-size:.6em; padding:0 0 0 10px}
.read{margin:0 0 20px}
ul.step{margin:0 0 15px; width:680px; overflow:hidden}
ul.step li{float:left; width:233px; height:35px; background:url(/img/common/spriteForm.png) no-repeat; background-position:0 0px; text-indent:-9999px}
ul.step li.step02{width:216px; background-position:-233px 0px}
ul.step li.step03{width:231px; background-position:-449px 0px}
ul.step li.step01.select{background-position:0px -35px}
ul.step li.step02.select{background-position:-233px -35px}
ul.step li.step02.selectLast{background-position:-233px -70px}
ul.step li.step03.select{background-position:-449px -70px}

/*form common*/
form{padding:0; margin:0}

/*form IE*/
label{display:inline-block; *display:inline; vertical-align:middle; margin:0; padding:0; position:relative; top:0; left:0; zoom:1; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer}
input[type="text"], input[type="tel"], input[type="number"]{border:1px solid #ccc}
 input::-webkit-input-placeholder, input:-moz-placeholder, .placeholder{color:#bbb}
 input::-moz-focus-left{border:0}
input[disabled="disabled"], input.disabled{color:#999; background:#f5f5f5; -moz-box-shadow:inset 0px 0px 2px #ddd; -webkit-box-shadow:inset 0px 1px 2px #ddd; box-shadow:inset 0px 1px 2px #ddd}
label.error{color:#F75279}
input.error{border:1px solid #F75279}

/*form */
.inputBox select{margin:10px 0}
input[type=radio]:checked+label{color:#FF727F; font-weight:700}
input[type="checkbox"]{cursor:pointer; vertical-align:middle; margin:0 5px 0 0}
input[type="radio"]{margin:5px 10px 0 10px}
:root *>input[type="radio"]{position:relative; -webkit-box-sizing:border-box; box-sizing:border-box; width:24px; height:24px; border:1px solid #999; -webkit-border-radius:24px; border-radius:24px; background-color:#FFF; -webkit-box-shadow:inset 4px 4px 10px rgba(0,0,0,0.2); box-shadow:inset 4px 4px 10px rgba(0,0,0,0.2); content:""; vertical-align:middle; cursor:pointer; -webkit-appearance:button; appearance:button}
input[type="radio"]{/border:none; margin:10px 10px 0 10px}
input[type="radio"]:checked:after{position:absolute; top:5px; left:5px; display:block; width:12px; height:12px; -webkit-border-radius:12px; border-radius:12px; background:#FF727F; content:""}
#zipSearch{float:left; margin:0 10px 0 0; padding:5px 10px; background:#666; color:#FFF; font-weight:700; font-size:90%; cursor:pointer}
#zipSearch:hover{background:#F75279}
.required{display:inline-block; margin-right:5px; width:31px; height:16px; background:url(/img/common/spriteForm.png) no-repeat; background-position:0 -135px; text-indent:-9999px}
.inputBox{padding:10px 0; border-top:solid 1px #CCC; clear:both}
.inputBox .required{position:absolute; right:0; top:10%}
.inputBox p.firstChild{position:relative; float:left; margin-right:20px; padding:10px 0 10px 10px; width:180px; font-weight:700}
.inputBox .inputRight{width:450px; float:left}
.inputBox input{float:left}
.inputBox .ex{float:left; margin:5px 10px 0 0}
.inputBox .inputSex .ex{margin:10px 10px 0 0}
.inputBox .inputSex{/margin:5px 10px 0 0}
.openCollege input{width:25%}
.openCollege select { float:left;margin: 5px 5px 0 0;}
.search select{float:left; margin:5px 15px 0 0}
.course span, .course label{display:block; margin:0 0 5px}
.course label:hover{color:#F75279}
.inputAge input{width:12%}
.inputAge select{float:left; margin:5px 5px 0 0}
.inputDisp{margin-right:10px; padding:5px; border:0; border:solid 1px #CCC; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; -webkit-box-shadow:inset 0 0 4px rgba(0,0,0,0.2); -moz-box-shadow:inset 0 0 4px rgba(0,0,0,0.2); box-shadow:inner 0 0 4px rgba(0,0,0,0.2); font-family:Arial,sans-serif}
.inputBox .errMsg{color:#FF727F; font-weight:700; clear:both; padding:5px 0 0; display:none}
.reqBtn{text-align:center; padding:15px 0 0}
.reqBtn button{width:320px; padding:10px 30px 10px 20px; margin:0 auto 10px; background:#EB4870; text-indent:0; border-style:none; font-size:140%; font-weight:700; color:#FFF; position:relative}
.reqBtn button:hover{background:#C73C5F}
.txBtn span.icon{position:absolute; top:43%; right:10px; width:10px; height:11px; background:url(/img/common/spriteForm.png) no-repeat; background-position:0 -220px}

/*conf*/
.inner.conf, .inner.fin{width:680px; text-align:left; margin:0 auto}
.revision{text-align:right}
.conf table .required{position:absolute; right:0; top:28%}
.conf table{width:100%; margin:10px auto; border:1px #CCC solid; border-collapse:collapse; border-spacing:0; clear:both}
.conf table th{padding:10px; width:30%; border:#CCC solid; border-width:0 0 1px 1px; font-weight:bold; line-height:120%; text-align:left; position:relative}
.conf table td{padding:10px; border:1px #CCC solid; border-width:0 0 1px 1px; position:relative}
.conf table.pink th{background:#FFECF0}
.conf table.thLeft td{text-align:left}

/*fin*/
.inner.fin{text-align:center}
.fin h3{margin:30px 0 20px; font-size:1.5em}
.fin h4{color:#F75479; margin:0 0 10px; font-size:1.2em}
.fin p{margin:0 0 15px}
.fin a:link{color:#F75279; text-decoration:underline}
.fin a:visited, .left a:hover{text-decoration:none; color:#F75279}