@charset "utf-8";

/*pc非表示*/
.pc_disp_no {
    display:none;
}

/***********************************

layout

************************************/
#globals{
    width:100%;
    height:50px;
    background:#C8CCD0;
}

.formrap{
    padding-top:50px;
    font-size:80%;
    line-height:150%;
}



.contents_titlearea{
    float:left;
    width:240px;
}

.contents_area{
    float:left;
    width:720px;
}

.contents_areaoves{
    width:720px;
    margin-bottom:30px;
    padding:0px;
}

.contents_areaoverfllowWrapper{
    background:url(../../../../img/applicant/mypage/entry/overfllowbox.png) no-repeat left top;
}

.contents_areaoverfllow{
    width:680px;
    height:210px;
    margin:0 auto 30px auto;
    padding:20px;
    /*background:url(../../../../img/applicant/mypage/entry/overfllowbox.png) no-repeat left top;*/
    overflow-y:scroll;
}

.contents_areaoverfllowo{
    width:340px;
    height:230px;
    margin-bottom:20px;
    padding:10px;
    /*background:#FBFBFB;
    border:1px solid #B6B6B6;*/
    line-height:175%;
    color:#666;
    background:url(../../../../img/applicant/mypage/entry/contents_areaoverfllowo.png) no-repeat left top;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    /*overflow-x:scroll;*/
}


*+html contents_areaoverfllowo{
    background:none;
}


.newoverfllow{
    background:transparent;
    border: none;
    width: 338px;
    height:228px;
}
.selectcity{
    margin-bottom:20px;
}



button.searchcity span span{
    display:block;
    width:100px;
}

*+html button span span{
    display:block;
    width:100px;
}
.schoolsearch{
    width:680px;
    margin:0 0 30px 0;
    padding:20px;
    background:#F9F9E9;
}

.error_box{
    width:94%;
    margin:0 auto 40px auto;
    padding:2% 3% 2% 3%;
    background:#FFFFBF;
    border:2px solid #CC0000;
}

/***********************************

button

************************************/
.btn_left130{
    width:130px;
    float:left;
}

.btn_right130{
    width:130px;
    float:right;
}


.btn_leftshort{
    width:100px;
    float:left;
text-align:center;
}

.btn_rightshort{
    width:100px;
    float:right;
text-align:center;
}

.btnwrap160{
    width:340px;
    margin-right:auto;
    margin-left:auto;
}

.btnwrapshort{
    width:270px;
    margin-right:auto;
    margin-left:auto;
}

.btnwrap180{
    width:180px;
    margin-left:auto;
    margin-right:auto;
}

.btn_left80{
    width:90px;
    float:left;
}

.btn_right80{
    width:90px;
    float:right;
}

/***********************************

module

************************************/


/*-----------------------
midashi
-------------------------*/

.heading_title{
    color:#FFF;
    background:#9198A0;
    width:940px;
    margin:0 auto;
    line-height:50px;
    padding-left:20px;
    font-weight:normal;
    font-size:150%;
}

.heading_l1{
    margin:0 0 20px 0;
    padding:0;
    font-size:230%;
    line-height:120%;
    font-weight:normal;
    color:#333
}



.heading_l3{
    margin-bottom:15px;
    color:#0159B1;
    line-height:175%;
    text-align:left;
}


.heading_l4{
    margin:0;
    padding:25px 0 5px 0px;
    color:#000;
    line-height:100%;
}

.heading_l3error{
    margin-bottom:15px;
    color:#CC0000;
    line-height:175%;
    text-align:left;
    font-weight:bold;
}


/*-----------------------
honbun
-------------------------*/

.read_text{
    font-weight:bold;
    color:#000;
    line-height:170%;
    margin-bottom:20px;
}

.read_textc{
    font-weight:bold;
    color:#000;
    line-height:170%;
    margin-bottom:25px;
    text-align:center;
}



.common_text{
    color:#000;
    line-height:175%;
    margin-bottom:6px;
}

.error_text{
    color:#333;
    line-height:175%;
    font-weight:bold;
}

.errors_text{
    color:#333;
    line-height:100%;
    font-weight:bold;
    margin:15px 0 4px 0;
}

.over_scroll{
    overflow-x:scroll;
}


.checkschool{
    width:705px;
    height:46px;
    line-height:46px;
    padding:0 0 0 15px;
    background:#FBFBFB;
    margin-bottom:25px;
}

.flowline{
    width:705px;
    height:60px;
    padding:10px 0 0 15px;
    background:#FBFBFB;
    margin-bottom:20px;
}

.flowlinesmall{
    width:755px;
    height:46px;
    line-height:46px;
    padding:0 0 0 15px;
    background:#FBFBFB;
    margin-bottom:20px;
}

.bptwrapcolor{
    width:720px;
    margin-bottom:40px;
}


.bptwrapnoncolor{
    width:720px;
    height:46px;
    line-height:46px;
}

.checked{
    color:#999;
    font-weight:bold;
    font-size:120%;
}

.checkedspan{
    color:#000;
    margin-right:20px;
}


.city{
    color:#999;
    font-weight:bold;
    margin-bottom:8px;
    line-height:150%;
    font-size:120%;
}



.inportant{
    color:#CC0000;
}

.inportanttel{
    color:#CC0000;
    font-size:80%;
    margin-left:10px;
}
.reenter{
    margin:0;
    padding:15px 0 15px 0;
    display:block;

}

.error{
    color:#CC0000;
    font-weight:bold;
}

.chekwrap{
    width:65px;
    float:left;
    padding:4px 0 0px 0;
}

.chekwrap li{
    width:65px;
    padding:4px 0 15px 0;
}

*+html .chekwrap li{
    width:65px;
    padding:0px 0 0px 0;
}

.chekwrap2 li{
    width:100px;
    float:left;
    padding:4px 0 0px 0;

}

.chekwrap2mab{
    margin-bottom:15px
}

.chekwrap2mab li{
    width:100px;
    float:left;
    padding:4px 0 0px 0;

}
.formrap2{
    line-height:150%;
}

.chekwrap3 li{
    width:200px;
    float:left;
    padding:4px 0 2px 0;
}


.chekwrap4 li{
    width:200px;
    float:left;
    padding:4px 0 2px 0;
}

.floats{
    margin:0;
    padding:14px 0 0px 0;
    display: block;
    float:left;
    clear:both;
}

.nofloat{
    margin:0;
    padding:14px 0 0px 0;
    display: block;
    float:none;
    clear:both;
}



.floatbox{
    width:100px;
    margin:0;
    padding:14px 0 0px 0;
    display: block;
    float:left;

}

.floatmatrixbox{
    width:350px;
    margin:0;
    padding:0;
}

.floatmatrix{
    width:30px;
    min-height:30px;
    margin:0;
    padding:0px 0 0px 0px;
    display: block;
    line-height:100%;
    float:left;

}

.matrixset{
    padding-top:10px;
    min-height:20px;
    width:200px;
}

.matrixsetno{
    height:10px;
    width:200px;
}

.matrixsno{
    padding-right:2px;
    height:10px;
    width:28px;
    text-align:center;
}


.pulranking{
    margin:0;
    padding:14px 0 0px 0;
    display: block;
}


.kigou{
    margin:15px 0 15px 0;
    background:#FFF;
    padding:1px 0 20px 20px;
    display:block;
    border-top:none;
    line-height:30px
}


.other_head{
    width:100%;
    margin:0;
    background:#C8CCD0;
}

.fili_up{
    width:770px;
    height:40px;
    margin-right:auto;
    margin-left:auto;
    background:#9198A0;
    margin-bottom:10px;
    padding-left:2%;
    line-height:40px;
    font-weight:normal;
    color:#FFF;
    text-align:left;

}

.other_wrap{
    width:770px;
    margin-right:auto;
    margin-left:auto;
    margin-bottom:10px;
    padding-left:2%;
    color:#333;
    line-height:175%;
}


.hosoku{
    margin-bottom:8px;
    display:block;
}

.hosoku2{
    margin-bottom:4px;
}


#file_upload {
    position: relative;
}
#select_file_btn {
    width: 200px;
    height: 34px;
    border:1px solid #CCC;
    background: #FFF;
    margin-left:4px;
    margin-bottom:4px;
    color: #666;
    text-align: center;
    line-height:34px;

}
#file_upload input {
    top: 0;
    left: 0;
    width: 200px;
    height: 34px;
    line-height:34px;
    margin-left:4px;
    margin-bottom:4px;
    opacity:0;
    position: absolute;
    cursor: pointer;
}




/*-----------------------
form
-------------------------*/

.sexcd{
    width:60px;
    float:left;
    padding:0;
    margin:0;
}

.formtable{
    width:720px;
    padding:0;
    border:2px solid #E4E6E8;
    border-top:none;
    table-layout: fixed;
}

.formtable01{
    width:70px;
    margin:0;
    border-right:2px solid #E4E6E8;
    border-bottom:2px solid #E4E6E8;
    padding:15px 0 15px 15px;
    text-align: left;
    vertical-align: middle;
    word-wrap : break-word;
    overflow-wrap : break-word;
    background-color: #FBFBFB;
}

.formtable02{
    width:85px;
    margin:0;
    border-right:2px solid #E4E6E8;
    border-bottom:2px solid #E4E6E8;
    padding:15px 0 15px 15px;
    text-align: left;
    vertical-align: middle;
    word-wrap : break-word;
    overflow-wrap : break-word;
    background-color: #FBFBFB;
}

.formtable03{
    width:511px;
    margin:0;
    padding:15px 0 15px 15px;
    vertical-align: middle;
    border-bottom:2px solid #E4E6E8;
    background-color: #FFFFFF;
}

.formtable04{
    width:701px;
    padding: 15px 0 15px 15px;
    border:2px solid #E4E6E8;
    border-top:none;
    table-layout: fixed;
    background-color: #FFFFFF;
}

.formtable05{
    width:701px;
    padding: 15px 0 15px 15px;
    border:2px solid #E4E6E8;
    border-top:none;
    table-layout: fixed;
}



/*-----------------------
footer nonmember
-------------------------*/


#footer_wrap{

    background:#FFF;

}




*+html #footer_wrap{
    width:100%;
    border-top:none;
    padding:0;
    margin:0 0 -1px 0 ;
    background:none;
    border-bottom:1px solid #CCC;
    height:1px;
}

*+html .page_top{
    width:960px;
    margin:0 auto 0 auto;
}


*+html .footerglobal_wraper{
    display:none;
}





.footer_wrap,
.footerglobal_wraper{
    display:none;
}


/* ADD 2016/12/14 常駐対応 [不具合対応 ランキング] start */
span.pulranking div.jqTransformSelectWrapper span {
    width: 100%; overflow: hidden;
}
/* ADD 2016/12/14 常駐対応 [不具合対応 ランキング] end */

/* ADD 2024/05/20 No.212 start */
div.jqTransformInputWrapper:has(input.esheeterror),																/* テキストボックス */
div.jqTransformSelectWrapper:has(select.esheeterror),															/* プルダウン */
div.jqTransformSelectWrapper:has(select.esheeterror) ~ div.jqTransformSelectWrapper:has(select[name="shikbn"]),	/* プルダウン（卒業区分） */
span.clearfix:has(input[type=radio].esheeterror),																/* ラジオボタン */
ul:has(li.sexcd):has(input[type=radio].esheeterror),															/* ラジオボタン（性別） */
ul.clearfix:has(input[type=checkbox].esheeterror),																/* チェックボックス */
span.clearfix:has(input[type=checkbox].esheeterror),															/* チェックボックス（休暇中住所） */
input.jqsubmit.esheeterror,																						/* アップロードボタン */
span.esheeterror.schoolerror																					/* 学校選択 */
{
	border: 1px solid #CC0000;
}

/* テキストエリア */
table.jqTransformTextarea:has(textarea.esheeterror) {
	border: 1px solid #CC0000;
	border-collapse: separate;
}

/* ラジオボタンエラーメッセージ */
.radioError {
	display: block;
	margin-top: 49px;
}
/* ADD 2024/05/20 No.212 end */