@charset "iso-8859-1";

/* Common */
input[type="text"], input[type="password"], textarea, select{outline:none; -moz-appearance:none; -webkit-appearance:none; appearance:none; color:#333;}
select:focus{outline:1px dotted #cc0000;}
select::-ms-expand{display:none;}
button{font-family: Arial,Helvetica,sans-serif;}
 [aria-hidden="true"]{visibility: hidden;} 
.wid100{width:100px !important;}
.wid475{width:475px !important;}
.pdl8{padding-left:8px !important;}
.formSelect select{border:1px solid #ccc; font-size:14px; cursor:pointer; vertical-align:middle; text-align:left; height:38px; padding:0 20px 0 10px; appearance:none;}
.formSelect .formSelect_inr{position:relative;}
.formSelect .formSelect_inr:first-child{margin-left:0px;}
.formSelect .formSelect_inr:after{display:block; content:""; background:url(/commonY15/img/_sprite/icon-se98d36910a.png) top left no-repeat; background-position:0 -87px; position:absolute; top:50%; right:13px; width:7px; height:4px; margin-top:-2px;}

/* Select Area */
.dateWrap select{text-align:center; text-align: -webkit-center !important; width:81px;}
.dateWrap .inputBlock{display:inline-block; margin-left:10px;}
.dateWrap .inputBlock:first-child{margin-left:0px;}
.dateWrap .inputBlock .desc{display:block; text-align:center;}
.procedureWrap{margin-top:20px;}
.procedureWrap .stepTtl{background:#666; color:#fff; font-size:16px; font-weight:bold; text-align:center; width:100px; padding:4px 0 2px 0; margin:9px 0 -25px 0;}
.procedureWrap dd{display:table; width:100%;}
.procedureWrap .stepHead{display:table-cell; vertical-align:middle; width:475px; padding-top:23px;}
.procedureWrap .stepCont{display:table-cell; vertical-align:middle; width:475px;}
.particle{font-size:16px; font-weight:bold; vertical-align:middle;}

/* Conversion Area */
.conversionWrap{margin:35px 0 0 0;}
.conversionWrap .btnArea{position:relative;}
.conversionWrap .btnArea:after{display:block; content:""; background:url(../img/icon_conversion_arw.png) top left no-repeat; position:absolute; bottom:-28px; left:50%; width:48px; height:18px; margin:0 0 0 -24px;}
.conversionWrap .btnArea .cvsBtn{display:block; background:url(../img/icon_conversion.png) 226px 49% no-repeat #cc0000; border:0px; color:#fff; font-size:20px; font-weight:bold; text-align:center; cursor:pointer; transition:all 0.1s ease; width:600px; padding:20px; margin:0 auto;}
.conversionWrap .btnArea .cvsBtn:hover{opacity:0.9;}
.conversionWrap .btnArea .cvsBtn:focus{outline:2px dotted #cc0000;}
.conversionWrap .conversionResult{background:#fde7e9; min-height:95px; padding:15px 0; margin-top:35px;}
.conversionWrap .conversionResult .resultInr{text-align:center; width:85%; margin:0 auto;}
.conversionWrap .conversionResult .resultInr .cvs01, .resultInr .cvs02{font-weight:bold; vertical-align:middle;}
.conversionWrap .conversionResult .resultInr .cvs01{font-size:24px; text-align:right; width:100%; padding-right:10px;}
.conversionWrap .conversionResult .resultInr .cvs02{display:block; text-align:center; margin:0 auto;}
.conversionWrap .conversionResult .resultInr .cvs02 .stayResult{display:inline-block; font-size:18px;}
.conversionWrap .conversionResult .resultInr .cvs02 .timeResult{display:inline-block; color:#cc0000; font-size:34px; font-weight:bold; position:relative; margin-top:2px;}
.conversionWrap .conversionResult .resultInr .cvs02 .timeResult:after{display:block; content:url(../img/txt_mdy.png); font-size:16px; font-weight:normal; position:absolute; right:25px; bottom:-17px; width:118px; height:15px;}

.conversionWrap .conversionResult .resultInr .cvs02 .timeResult .resYear, .resultInr .cvs02 .timeResult .resDay, .resultInr .cvs02 .timeResult .resMon, .resultInr .cvs02 .timeResult .resHr{letter-spacing:-0.3px; margin:0 3px 0 3px;}
.conversionWrap .conversionResult .resultInr .cvs02 .timeResult .resMin{margin-left:1px;}
.conversionWrap .conversionResult .resultInr .cvs02 .timeResult span:first-child{margin-left:0px;}

/* Example Area */
.exampleWrap{margin-top:80px;}
.exampleWrap img{vertical-align:bottom;}
.exampleWrap .expLead dt{float:left; width:100px; font-weight:bold;}
.exampleWrap .expLead dt span:after{content:":";}
.exampleWrap .expLead dd{float:left; width:850px;}
.exampleWrap .expMain{position:relative; padding-bottom:84px; margin-top:20px;}
.exampleWrap .expStep li{border:2px solid #666; border-radius:5px; position:absolute;}
.exampleWrap .expStep li > dl{position:relative; padding:5px 10px;}
.exampleWrap .expStep li dt{font-weight:bold; line-height:1.3; text-indent:-1em; padding-left:1em;}
.exampleWrap .expStep li:first-child dt:before{content:"1."}
.exampleWrap .expStep li:nth-child(2) dt:before{content:"2."}
.exampleWrap .expStep li:nth-child(3) dt:before{content:"3."}
.exampleWrap .expStep li:nth-child(4) dt:before{content:"4."}
.exampleWrap .expStep li dd{font-size:13px; line-height:1.3; margin-top:2px;}
.exampleWrap .expStep li:nth-child(-n+3){width:295px; right:0px;}
.exampleWrap .expStep li:first-child{top:10px;}
.exampleWrap .expStep li:first-child dl:before,
.exampleWrap .expStep li:nth-child(2) dl:before,
.exampleWrap .expStep li:nth-child(3) dl:before,
.exampleWrap .expStep li:nth-child(4) dl:before{display:block; content:""; background-repeat:no-repeat; background-position:0 0; position:absolute;}
.exampleWrap .expStep li:first-child dl:before{background-image:url(../img/bg_exp_01.png); width:33px; height:17px; top:35px; left:-33px;}
.exampleWrap .expStep li:nth-child(2){top:103px;}
.exampleWrap .expStep li:nth-child(2) dl:before{background-image:url(../img/bg_exp_02.png); width:33px; height:24px; top:0px; left:-33px;}
.exampleWrap .expStep li:nth-child(3){top:198px;}
.exampleWrap .expStep li:nth-child(3) dl:before{background-image:url(../img/bg_exp_03.png); width:63px; height:44px; top:-12px; left:-63px;}
.exampleWrap .expStep li:nth-child(4){left:25px; bottom:-10px; width:586px;}
.exampleWrap .expStep li:nth-child(4) dl:before{background-image:url(../img/bg_exp_04.png); width:18px; height:37px; top:-37px; left:50%; margin-left:-9px;}

/* Example Area - for IE8 */
.exampleWrap .expStep li:first-child{width:295px; right:0px;}
.exampleWrap .expStep > *:first-child + *{width:295px; top:103px; right:0px;}
.exampleWrap .expStep > *:first-child + * + *{width:295px; top:198px; right:0px;}
.exampleWrap .expStep > *:first-child + * + * + *{left:25px; bottom:-10px; width:586px;}
.exampleWrap .expStep li:first-child dl:before,
.exampleWrap .expStep > *:first-child + * dl:before,
.exampleWrap .expStep > *:first-child + * + * dl:before,
.exampleWrap .expStep > *:first-child + * + * + * dl:before{display:block; content:" "; background-repeat:no-repeat; background-position:0 0; position:absolute;}
.exampleWrap .expStep > *:first-child + * dl:before{background-image:url(../img/bg_exp_02.png); width:33px; height:24px; top:0px; left:-33px;}
.exampleWrap .expStep > *:first-child + * + * dl:before{background-image:url(../img/bg_exp_03.png); width:63px; height:44px; top:-12px; left:-63px;}
.exampleWrap .expStep > *:first-child + * + * + * dl:before{background-image:url(../img/bg_exp_04.png); width:18px; height:37px; top:-37px; left:50%; margin-left:-9px;}
.exampleWrap .expStep > *:first-child + * dt:before{content:"2."}
.exampleWrap .expStep > *:first-child + * + * dt:before{content:"3."}
.exampleWrap .expStep > *:first-child + * + * + * dt:before{content:"4."}