@charset "utf-8";


/* --------------------------------------------------
   RESET
-------------------------------------------------- */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/

*, *:before, *:after {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:21px;color:#404040;}input[type="button"]{border:0;}


/* --------------------------------------------------
   ELEMENT
-------------------------------------------------- */
body {
	-webkit-text-size-adjust:100%;
	color:#404040;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background:#ffffff;
	font-size:28px;
}
a, a:link, a:active, a:visited, select {color:#404040;}
img {vertical-align:bottom;}
dt {vertical-align:top;}
strong {font-weight:bold;}
label{font-size:26px;}
.red {color:#cc1427;}

p.annotation {font-size:18px!important; color:#ff7f7f; padding-left:1em; text-indent:-1em; margin-top:10px;}
dt p.annotation {margin:20px auto 10px; width:600px; padding-bottom:5px;}

/* --------------------------------------------------
   MT & MB
-------------------------------------------------- */
.mt30 {margin-top:30px!important;}
.mt35 {margin-top:35px!important;}
.mt50 {margin-top:50px!important;}
.mb0 {margin-bottom:0!important;}
.mb30 {margin-bottom:30px!important;}
.mb35 {margin-bottom:35px!important;}
.mb50 {margin-bottom:50px!important;}
.mb70 {margin-bottom:70px!important;}
.mb100 {margin-bottom:100px!important;}

/* --------------------------------------------------
   HEADER
-------------------------------------------------- */
header {height:102px; background:url(../img/header_back.png) bottom repeat-x;}
header section {width:620px; height:102px; margin:0 auto; padding:10px 0 0;}
/*h1 {width:100%; margin:0 auto 55px; font-size:35px; font-weight:bold; border-bottom:2px #d8d4d4 solid; border-top:2px #d8d4d4 solid; padding:15px 0;}*/
h1 {width:100%; text-align:center; font-size:21px; font-weight:normal; color:#595857; line-height:1.0; border-top:2px #595857 solid; border-bottom:2px #595857 solid; margin:0 0 30px; padding:32px 0 26px; background:#ffffff;}
h1 p {width:600px; margin: 0 auto;}


/* --------------------------------------------------
   STEP IMG
-------------------------------------------------- */
img.stepImg {margin:0 auto 50px; display:block;}


/* --------------------------------------------------
   CONTENTS
-------------------------------------------------- */
h2 {width:600px; margin:30px auto; font-size:28px; font-weight:bold;}
h3 {width:600px; margin:0 auto 25px; font-size:28px; font-weight:bold;}
h3.break {text-indent:-1em; padding-left:1em;}
h3 span{font-size:18px; font-weight:normal;}

/* --------------------------------------------------
   YAHOO!ID
-------------------------------------------------- */
section#yahooID {border-top:#9eb4db 2px solid; border-bottom:#9eb4db 2px solid; background:#e6ecfe; margin-bottom:30px; padding:15px 15px 10px; text-align:center; font-size:24px;}
section#yahooID p {margin-bottom:5px; font-weight:bold;}
section#yahooID p a {text-decoration:underline; color:#f5960f; font-weight:bold;}
section#yahooID img {margin:10px 0 15px;}


/* --------------------------------------------------
   FORMBOX
-------------------------------------------------- */

section#formBox dl dt span {margin-left:10px; padding:5px 10px; border-radius:4px; background:#ff7f7f; color:#fff; font-size:12px; vertical-align:middle;}

section#formBox {width:100%; margin:50px 0 0;}
section#formBox h3 {width:600px; margin-bottom:10px;}
section#formBox p {font-size:24px;}
section#formBox p strong {font-weight:normal; color:#ff7f7f;}
section#formBox dl#address p.title,
section#formBox dl#childData p.title,
section#formBox dl.dateFrame p.title {float:left; padding:10px 0 0; width:180px; text-align:center!important; font-size:21px!important;}
section#formBox dl#address div div,
section#formBox dl#childData div div,
section#formBox dl.dateFrame div div {width:420px; float:left;}
section#formBox dl#address p.annotation,
section#formBox dl.dateFrame p.annotation {margin-bottom:10px;}

section#formBox dl {width:100%;}
section#formBox dl dt {background:#e5e5e5; padding:20px 10px 20px 20px;}
section#formBox dl dt p {font-size:21px; font-weight:bold; line-height:1.0; width:600px; margin:0 auto;}
section#formBox dl dt p.long {line-height:1.4;}
section#formBox dl dd {font-size:18px; background:#f5f5f5; padding:0 20px 20px;}
section#formBox dl dd.otherTxt,
section#formBox dl dd:first-of-type {padding:30px 20px 20px; border-top:2px #ebebeb dotted;}
section#formBox dl dd:last-of-type {padding-bottom:50px;}
section#formBox dl dd div {width:600px; margin: 0 auto;}

section#formBox input[type=text],
section#formBox input[type=email],
section#formBox input[type=tel],
section#formBox textarea {-webkit-appearance:none; -moz-appearance:none; appearance:none; padding:10px 10px; border:solid 2px #838383; border-radius:4px; width:100%; font-size:26px; -moz-box-shadow:0 2px 0 #d9d9d9 inset; -webkit-box-shadow:0 2px 0 #d9d9d9 inset; -o-box-shadow:0 2px 0 #d9d9d9 inset; -ms-box-shadow:0 2px 0 #d9d9d9 inset;}
section#formBox input[type=text].halfL {width:48%; margin-right:4%;}
section#formBox input[type=text].halfR {width:48%;}
section#formBox input[type="text"]::-moz-placeholder,
section#formBox input[type="email"]::-moz-placeholder,
section#formBox input[type="tel"]::-moz-placeholder,
section#formBox textarea::-moz-placeholder {color:#bbb;}
section#formBox input[type="text"]::-webkit-input-placeholder,
section#formBox input[type="email"]::-webkit-input-placeholder,
section#formBox input[type="tel"]::-webkit-input-placeholder,
section#formBox textarea::-webkit-input-placeholder {color:#bbb;}
section#formBox input[type="text"]:-ms-input-placeholder,
section#formBox input[type="email"]:-ms-input-placeholder,
section#formBox input[type="tel"]:-ms-input-placeholder,
section#formBox textarea[type="tel"]:-ms-input-placeholder {color:#bbb;}
section#formBox input[type=text]:placeholder-shown,
section#formBox input[type=email]:placeholder-shown,
section#formBox input[type=tel]:placeholder-shown,
section#formBox textarea:placeholder-shown {color:#bbb;}
section#formBox input[type=radio] {display: none;}
section#formBox input[type=radio]:checked + label {background:#fff url(../img/check_background.png)no-repeat right 25px center; -moz-box-shadow:0 2px 0 #d9d9d9 inset; -webkit-box-shadow:0 2px 0 #d9d9d9 inset; -o-box-shadow:0 2px 0 #d9d9d9 inset; -ms-box-shadow:0 2px 0 #d9d9d9 inset;}
section#formBox input[type=radio] + label {padding:10px 10px; width:50%; display:block; float:left; border-radius:4px 0 0 4px; border:solid 2px #838383; font-size:26px; text-align:center; -moz-box-shadow:0 2px 0 #d9d9d9; -webkit-box-shadow:0 2px 0 #d9d9d9; -o-box-shadow:0 2px 0 #d9d9d9; -ms-box-shadow:0 2px 0 #d9d9d9; background:#ffeded;}
section#formBox input[type=radio] + label:last-child {border-radius:0 4px 4px 0; border-left:none;}
section#formBox input[type=checkbox] {display:none;}
section#formBox input[type=checkbox] + label:before {content:''; width:28px; height:28px; display:inline-block; margin-right:10px; background:url(../img/checkbox_img.png) no-repeat 0 0; vertical-align:middle;}
section#formBox input[type=checkbox]:checked + label:before {background:url(../img/checkbox_img.png) no-repeat 0 center;}


section#formBox select {-webkit-appearance:none; -moz-appearance:none; appearance:none; width:160px; padding:10px 10px; margin-left:20px; border-radius:4px; border:2px #838383 solid; background:#fff; font-size:26px; -moz-box-shadow:0 2px 0 #d9d9d9 inset; -webkit-box-shadow:0 2px 0 #d9d9d9 inset; -o-box-shadow:0 2px 0 #d9d9d9 inset; -ms-box-shadow:0 2px 0 #d9d9d9 inset;}
section#formBox select#birth_year,
section#formBox select#f_birth_year {width:360px; margin-left:0;}
section#formBox select#birth_month,
section#formBox select#f_birth_month,
section#formBox select#birth_day,
section#formBox select#f_birth_day {width:100px;}
section#formBox dl#address select,
section#formBox dl#job select,
section#formBox dl#f_job select,
section#formBox div#c_Box select,
section#formBox div#hojin_Box select,
section#formBox div#dateFrame1 select,
section#formBox div#dateFrame2 select {width:100%; margin:0;}
section#formBox dl#reasonDL label,
section#formBox dl#reason2DL label,
section#formBox dl#reason3DL label,
div.subBox label,
p.agreeCheck label {display:block; padding-left:38px; text-indent:-38px; line-height:1.4;}
div.subBox label {font-size:24px;}
section#formBox input[type=button] {-webkit-appearance:none; -moz-appearance:none; appearance:none; -moz-box-shadow:0 2px 0 #d9d9d9; -webkit-box-shadow:0 2px 0 #d9d9d9; -o-box-shadow:0 2px 0 #d9d9d9; -ms-box-shadow:0 2px 0 #d9d9d9; width:100%; border-radius:4px; border:2px #838383 solid; padding:15px; background:#ffeded; color:#404040; font-weight:bold;}

section#formBox div#dateFrame1 input[type=button],
section#formBox div#dateFrame2 input[type=button], 
section#formBox div#dateFrame1 input[type=radio] + label.button,
section#formBox div#dateFrame2 input[type=radio] + label.button {-webkit-appearance:none; -moz-appearance:none; appearance:none; -moz-box-shadow:0 2px 0 #d9d9d9; -webkit-box-shadow:0 2px 0 #d9d9d9; -o-box-shadow:0 2px 0 #d9d9d9; -ms-box-shadow:0 2px 0 #d9d9d9; width:100%; border-radius:4px; border:2px #838383 solid; padding:10px; background:#ffeded; color:#404040; font-size:26px; font-weight:normal; margin-bottom:15px;}
section#formBox div#dateFrame1 input[type=radio]:checked + label.button,
section#formBox div#dateFrame2 input[type=radio]:checked + label.button {background:#fff url(../img/check_background.png)no-repeat right 25px center; -moz-box-shadow:0 2px 0 #d9d9d9 inset; -webkit-box-shadow:0 2px 0 #d9d9d9 inset; -o-box-shadow:0 2px 0 #d9d9d9 inset; -ms-box-shadow:0 2px 0 #d9d9d9 inset;}
section#formBox div#dateFrame1 input[type=radio]:checked + label.button + div.subBox,
section#formBox div#dateFrame2 input[type=radio]:checked + label.button + div.subBox {display:block;}
section#formBox div#dateFrame1 input[type=button]:first-of-type,
section#formBox div#dateFrame2 input[type=button]:first-of-type {margin-top:25px;}
/*section#formBox div#dateFrame1 input[type=button]:last-of-type,
section#formBox div#dateFrame2 input[type=button]:last-of-type {margin-bottom:0;}*/

section#formBox div#dateFrame1 div.subBox,
section#formBox div#dateFrame2 div.subBox {margin:0 0 25px; padding:15px; border-radius:4px; background:#ffffd9; display:none;}
section#formBox div#dateFrame1 div.subBox:last-of-type,
section#formBox div#dateFrame2 div.subBox:last-of-type {margin-bottom:0;}
section#formBox div#dateFrame1 div.subBox p,
section#formBox div#dateFrame2 div.subBox p {font-size:24px; margin:20px 0 5px;}
section#formBox div#dateFrame1 div.subBox p:first-of-type,
section#formBox div#dateFrame2 div.subBox p:first-of-type {margin-top:0;}
section#formBox div#dateFrame1 div.subBox p.annotation,
section#formBox div#dateFrame2 div.subBox p.annotation {margin-top:5px;}
section#formBox div#dateFrame1 div.subBox p span,
section#formBox div#dateFrame2 div.subBox p span {margin-left:10px; padding:2px 5px; border-radius:4px; background:#ff7f7f; color:#fff; font-size:12px; vertical-align:middle;}
section#formBox div#dateFrame1 div.subBox div,
section#formBox div#dateFrame2 div.subBox div {margin-top:10px; width:410px;}
section#formBox div#dateFrame1 div.subBox input,
section#formBox div#dateFrame2 div.subBox input {height:50px; font-size:24px;}
section#formBox p.mendanPlaceTXT {font-size:24px; padding-top:12px;}


/* 独立枠 */
div#f_Box,
div#c_Box,
div#hojin_Box,
div#other_Box,
div#dateFrame1 {padding:50px 0 0;}

/*div#f_Box,*/
div#c_Box,
div#hojin_Box {display:none;}


/* 面談希望日枠 */
/*dl#dateFrame0 dd p:first-of-type {margin-bottom:30px;}
dl#dateFrame0 dd p.annotation {color:#404040;}*/


/* ppAdmit & rules枠 */
section#formBox dl dd div.personalInfo p {margin-bottom:15px;}
section#formBox dl dd div.personalInfo p strong {font-weight:bold;}
section#formBox dl dd div.personalInfo p.annotation {color:#404040;}
section#formBox dl dl#rules {width: 600px; margin-bottom:30px;}
section#formBox dl dl#rules dt {border:2px #939393 solid; border-radius:4px; padding:10px; margin:10px auto 0; background:url(../img/swich_back.png) right 20px top 10px no-repeat #ffeded; -moz-box-shadow:0 2px 0 #d9d9d9; -webkit-box-shadow:0 2px 0 #d9d9d9; -o-box-shadow:0 2px 0 #d9d9d9; -ms-box-shadow:0 2px 0 #d9d9d9;}
section#formBox dl dl#rules dt.active {border-radius:4px 4px 0 0; background:url(../img/swich_back.png) right 20px top -85px no-repeat #ffeded;}
section#formBox dl dl#rules dt p {width:576px; margin-bottom:0;}
section#formBox dl dl#rules dd {padding:20px; border:2px #939393 solid; background:#fff; border-radius:0 0 4px 4px; border-top:none; display:none;}
section#formBox dl dl#rules dd p.title {font-size:18px; font-weight:bold; margin:15px auto 5px;}
section#formBox dl dl#rules dd p.text-std {font-size:16px; margin-bottom:10px;}

/* 注意書き枠 */
section#formBox div.aboutNotes dl {width:600px; margin:50px auto 0;}
section#formBox div.aboutNotes dl dt {padding:20px 20px 15px; background:#3c96b9; color:#fff; border-radius:4px 4px 0 0;}
section#formBox div.aboutNotes dl dt p {width:100%;}
section#formBox div.aboutNotes dl dd {border-top:#3c96b9 2px dotted; border-radius:0 0 4px 4px; padding-bottom:30px;}
section#formBox div.aboutNotes dl dd p {font-size:18px!important;}
section#formBox div.aboutNotes dl dd p:first-of-type {margin-bottom:30px;}
section#formBox div.aboutNotes dl dd p.annotation {color:#404040;}
section#formBox div.aboutNotes dl dd ul li {margin-top:15px; padding-left:1em; text-indent:-1em; /*font-size:24px;*/ font-size:18px; line-height:1.2;}
/*section#formBox div.aboutNotes dl dd ul li:first-of-type {margin-top:20px;}*/
@media only screen and (max-width: 740px){
	section#formBox div.aboutNotes dl dd p {font-size:20px!important;}
	section#formBox div.aboutNotes dl dd ul li {font-size:20px;}
}

/* toConfirm */
section.toConfirm,
section.toFinish {width:600px; margin:50px auto;}
p.btYetArea {width:600px; padding:15px 0; margin:50px auto; background:#ff7f7f; font-size:24px; color:#fff; text-align:center; vertical-align:middle; font-weight:bold; border-radius:36px; display:none;}

/* company */
section#company {width:600px; margin:0 auto 50px;}
section#company h3 {font-size:26px;}
section#company ul {font-size:21px; padding:0 20px; line-height: 1.2;}
section#company ul li {padding-left:4em; text-indent:-4em; margin-bottom:10px;}

/* --------------------------------------------------
   CONFIRM
-------------------------------------------------- */
section#formBoxConf {width:100%; margin:50px 0 0;}
section#formBoxConf h2 {width:600px; margin:0 auto 30px; padding:10px 20px; background:#8fc31f; color:#fff; font-size:24px; font-weight:normal; border-radius:4px;}
section#formBoxConf h3 {width:600px; margin-bottom:10px;}
section#formBoxConf table {width:600px; margin:0 auto 20px; font-size:21px;}
section#formBoxConf table.mail {margin-bottom:0;}
section#formBoxConf table.mail + p.annotation {width:600px; margin: 5px auto 20px; font-size:16px;}
section#formBoxConf table tr th {width:240px; padding:15px 20px; background:#f1f1f1; border-radius:4px 0 0 4px;}
section#formBoxConf table tr td {width:360px; padding:15px 20px; background:#fbfbfb; border-radius:0 4px 4px 0;}

section#formBoxConf div {width:600px; margin:0 auto 50px; font-size:16px;}
section#formBoxConf div p.attention {padding-left:1em; text-indent:-1em; margin-top:15px;}

section#formBoxConf div#freeCall {padding:20px 15px; background:#f1f1f1; font-size:16px; border-radius:4px;}
section#formBoxConf div#freeCall p {margin-bottom:15px;}

section#formBoxConf div.bt {margin:0 auto 10px;}
section#formBoxConf div.bt.bottom {margin-bottom:100px;} 
section#formBoxConf div.bt a img {width:240px; margin:0 20px 0 0; float:left;}
section#formBoxConf div.bt p {width:340px; margin:5px 0 0; line-height:1.4; float:left; font-size:18px;}

/* --------------------------------------------------
   ERROT
-------------------------------------------------- */
#errorAll {width: 600px; margin:0 auto 30px; background:#ff7f7f; padding:10px 15px; border-radius:4px; color:#fff; font-size:24px;}
input.omission,
select.omission,
textarea.omission,
section#formBox dl.omission dd input[type=radio] + label {border:3px solid #ff5a5a!important;}
section#formBox dl.omission dd input[type=radio] + label:last-child {border-left:none!important;}
section#formBox dl.omission dd input[type=checkbox] + label:before,
section#formBox div.omission div input[type=checkbox] + label:before {background:url(../img/checkbox_img.png) no-repeat 0 bottom;}
section#formBox dl.omission dd p.annotation.ddTOP {width:600px; margin:0 auto 15px;}
section#formBox dl.omission dd p.annotation.ddBOTTOM {width:600px; margin:15px auto 0;}


/* --------------------------------------------------
   topImg
-------------------------------------------------- */
section#plusBOX {width:100%; background:url(../img_top/back.png) bottom repeat; padding-bottom:50px;}
section#plusBOX h1 {width:100%; background:url(../img_top/topBack.png) repeat-x; padding:0; margin:0; border:none;}
section#plusBOX h1 img {display:block; margin:0 auto;}
section#plusBOX h2 {width:100%; text-align:center; font-size:21px; font-weight:normal; color:#595857; line-height:1.0; border-top:2px #595857 solid; border-bottom:2px #595857 solid; margin:0 0 30px; padding:32px 0 26px; background:#ffffff;}
section#plusBOX h2.top {line-height:1.3; padding:26px 0 20px}
section#plusBOX h2 span {font-weight:bold; color:#df325f;}
section#plusBOX h2 span strong {background:linear-gradient(transparent 65%, #fff100 65%);}

section#plusBOX div {width:600px; margin:50px auto; text-align:center;}
section#plusBOX div.fukidashi {margin:0 auto;}
section#plusBOX div.cta {margin:0 auto 70px;}

section#plusBOX p {margin:50px auto; text-align:center; font-size:24px; line-height:1.8;}
section#plusBOX p strong {font-weight:normal; background:linear-gradient(transparent 55%, #ffe7e5 55%);}

section#plusBOX ul {width:600px; margin:70px auto; text-align:center;}
section#plusBOX ul li {font-size:21px; line-height:1.4; margin-bottom:20px; text-align:left; padding-left:1em; text-indent:-1em;}
section#plusBOX ul li span {font-size:18px; color:#df325f;}
section#plusBOX ul li:last-of-type {margin-bottom:0;}

section#plusBOX div.whiteBox {border:2px solid #333; border-radius:10px; padding:20px; text-align:left; background:#ffffff; margin-bottom:0;}
section#plusBOX div.whiteBox p {text-align:left; font-size:18px; margin:20px 0 0;}

@media only screen and (max-width: 740px){
	section#plusBOX div p strong {background:linear-gradient(transparent 60%, #ffd3d1 55%); padding-bottom:7px;}
}


/* --------------------------------------------------
   FOOTER
-------------------------------------------------- */
footer {padding:20px 0; margin-top: 30px; text-align:center; border-top:2px dotted #838383; border-bottom:2px dotted #838383;}
footer section {width:600px; margin:0 auto;}
footer section img.pMark {text-align:center; margin-bottom:25px;}
footer section p {font-size:18px;}

p.copyright {font-size:18px; margin:10px 0; text-align:center;}

/* --------------------------------------------------
   =clearfix
-------------------------------------------------- */
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.cf {
	display: inline-block;
}

/* Hides from IE-mac \*/

* html .cf {
	height: 1%;
	overflow: visible;
}

.cf {
	display: block;
}

/* End hide from IE-mac */