@charset "UTF-8";

/*=========================================================================
   content_client.css　
=========================================================================*/

/*-------------------------------------------------------------------------
 client　- common - detail list head
-------------------------------------------------------------------------*/
#globalMenu {
 width:950px;
}

#globalMenu ul {
 width:950px;
}

#globalMenu ul li {
 float:left;
 display:inline;
 height:38px;
}

#globalMenu ul li img {
 vertical-align:top;
}

#globalMenu ul li.gm01 {
 width:158px;
 background:url(../image/client/gm_btn01_on.jpg) 0 0 no-repeat;
}
#globalMenu ul li.gm02 {
 width:158px;
 background:url(../image/client/gm_btn02_on.jpg) 0 0 no-repeat;
}
#globalMenu ul li.gm03 {
 width:158px;
 background:url(../image/client/gm_btn03_on.jpg) 0 0 no-repeat;
}
#globalMenu ul li.gm04 {
 width:158px;
 background:url(../image/client/gm_btn04_on.jpg) 0 0 no-repeat;
}
#globalMenu ul li.gm05 {
 width:158px;
 background:url(../image/client/gm_btn05_on.jpg) 0 0 no-repeat;
}
#globalMenu ul li.gm06 {
 width:160px;
 background:url(../image/client/gm_btn06_on.jpg) 0 0 no-repeat;
}



.detLisHead1 {
 width:945px;
 margin-bottom:4px;
 padding-bottom:4px;
 padding-left:5px;
 border-bottom:1px solid #4DB24F;
 overflow:hidden;
 clear:both;
}

.detLisHead1 h5 {
 float:left;
 min-height:21px;
 padding:0 0 0 32px;
 background:url(../image/c_tit_logo.gif) 0 0 no-repeat;
 line-height:1.2;
 font-size:160%;
}
* html .detLisHead1 h5 {
 height:21px;
}

.detLisHead1 span {
 float:left;
 padding:7px 0 0 12px;
 line-height:1.2;
}



.detLisHead2 {
 width:950px;
 margin-bottom:5px;
 padding-bottom:5px;
}

.detLisHead2 p {
 width:950px;
 margin-left:5px;
 color:#E46C06;
}

.detLisHead2 p img {
 vertical-align:top;
 float:left;
}

.detLisHead2 p span {
 display:block;
 float:left;
 padding-top:4px;
 margin-left:7px;
 color:#E46C06;
 font-weight:bold;
}





/*-------------------------------------------------------------------------
 present　- common -
-------------------------------------------------------------------------*/
#present {
 width:950px;
 margin-bottom:30px;
 background:url(../image/client/present_bg.jpg) 0 0 no-repeat;
}

#present #presentHead {
 width:950px;
}

#present #presentHead h4 {
 float:left;
}

.detPreContent {
 clear:both;
 width:936px;
 padding: 0 7px;
 font-weight:bold;
}

.detPreContent table {
 width:466px;
 border-collapse:collapse;
 text-align:left;
 float:left;
}

.detPreContent table.mgrt4 {
 margin-right:4px;
}

.detPreContent table th {
 width:188px;
 background:#EAEAC6;
 border-bottom:1px solid #DDD;
 border-left:1px solid #DDD;
}

.detPreContent table th div {
 width:177px;
 padding:6px 6px 6px 6px;
 background:url(../image/client/c_precot_line_y.gif) right 0 repeat-y;
 border-top:1px solid #FFF;

}

.detPreContent table td {
 width:265px;
 padding:6px 4px 6px 6px;
 background-color:#FFFFFF;
 border-right:1px solid #DDD;
 border-bottom:1px solid #DDD;
 border-left:1px solid #DDD;
}


/*-------------------------------------------------------------------------
 h4　- common -　informationList　
-------------------------------------------------------------------------*/
.informationList {
 background:url(../image/client/c_title_bg.jpg) 0 0 repeat-x;
 width:950px;
 margin-bottom:5px;
}

.informationList h4 {
 float:left;
}

.informationList p {
 float:right;
 margin-right:4px;
 padding-left:18px;
 padding-top:7px;
}


/*-------------------------------------------------------------------------
 tabTitle　- common -
-------------------------------------------------------------------------*/

.tabTitle {
 clear:both;
 width:950px;
 height:32px;
 background: url(../image/client/tab_title_bg.gif) 0 bottom repeat-x;
}

.tabTitle .titleImg{
 float:left;
}



/*-------------------------------------------------------------------------
 resultBox　- common -
-------------------------------------------------------------------------*/

.resultBox {
 width:725px;
 float:left;
 padding:5px 5px 3px 0;
 text-align:right;
}


.resultBox p {
 display: inline;
}

.resultBox .textArea {
 float:right;
 margin-top:3px;
}

.resultBox p.tolistImg a{
 display:block;
 float:right;
 background:url(../image/client/c_btn_list.jpg) 0 0 no-repeat;
 width:60px;
 height:18px;
 margin-left:10px;
}

.resultBox p.tolistImg span.alt {
 text-indent:-9999px;
 display:none;
}


.resultBox p span {
 font-weight:bold;
}

.resultBox p.resText1 {
 display:inline;
 padding-right:34px;
 color:#CC0000;
}

.resultBox p.resText1 span {
 color:#CC0000;
}

.resultBox p.resText2 {
 display:inline;
}



/*-------------------------------------------------------------------------
 table.sort　- common -
-------------------------------------------------------------------------*/

#content table.sort {
 clear:both;
 width:950px;
}

#message table.sort td, 
#record table.sort td, 
#watch table.sort td {
 height:29px;
}


#watch table#watchTable td,
#record table#watchTable td{
 height:15px;
 padding:7px 0;
}

#message table#messageBox td {
 height:23px;
 padding:7px 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
 #message table#messageBox td { height:22px}
}



#content table.sort th {
 border-bottom:solid 1px #CCCCCC;
}

#content table.sort td {
 padding:2px 1px;
 text-align:center;
 border:solid 1px #CCCCCC;
 border-top:none;
 border-right:none;
}

#content table.sort td.cell_last {
 border:solid 1px #CCCCCC;
 border-top:none;
}


#content table.sort td.alignLeft {
 text-align:left;
 padding-left:10px;
}


#content table#type_1.sort td {
 height:15px;
}


#content table.sort td.border_type1 {
 border:none;
 border-left:solid 1px #CCCCCC;
 height:18px;
}

#content table.sort td.border_type2 {
 border:none;
 border-left:solid 1px #CCCCCC;
 border-bottom:solid 1px #CCCCCC;
 height:18px;
}



#content table.sort td.new {
 background-color:#FFFCDF;
 color:#CC0000;
 font-weight:bold;
}

#content table.sort td span {
 font-weight:bold;
}

#content table.sort td.finish,
#content table.sort td.invite, 
#content table.sort td.no_up {
 padding:7px 0 6px 0;
} 

#content table.sort td.wid130 {
width:130px;
} 

#content table.sort td.finish {
 background-color:#F2F2F2;
}

#content table.sort td.invite {
 background-color:#FFFCDF;
}

#content table.sort td.finish span.status_color {
 color:#999999;
 font-weight:normal;
}

#content table.sort td.invite span.status_color {
 color:#CC0000;
 font-weight:bold;
}

#content table.sort td.invite span.status_color_ore {
 color:#DB5C09;
 font-weight:bold;
}


#content table.sort_wide td {
padding:8px 0 8px 0;
}

#content table.sort_wide td.finish, 
#content table.sort_wide td.no_up {
 padding:12px 0 12px 0;
}

#content table.sort_in th {
 border:solid 1px #CCC;
 border-right:none;
 padding:6px 0 6px 0;
 background-color:#EEE;
 height:17px;
}

#content table.sort_in th.cell_last {
 border-right:solid 1px #CCC;
}

#content table.sort_in td {
padding:6px 0 6px 0;
}

#content table.sort_in td.white {
background-color:#FFF;
padding:6px 0 6px 0;
}



#content table#details {}

#content table#details td {
 padding:8px 0;
 text-align:left;
}

#content table#details td.cell_left {
padding-left:10px;
} 

#content table#details td.cell_last {
 width:236px;
}

#content table#details td.white {
 background-color:#FFF;
}



/********* ロールオーバー ***********/

.rollover .tab_btn_day {
 width:89px;
 margin:0 auto;
 background:url(../image/client/tab_day_on.jpg) 0 0 no-repeat;
}

.rollover .tab_btn_tra {
 width:189px;
 margin:0 auto;
 background:url(../image/client/tab_transmit_on.jpg) 0 0 no-repeat;
}

.rollover .tab_btn_sub {
 width:394px;
 margin:0 auto;
 background:url(../image/client/tab_subject_on.jpg) 0 0 no-repeat;
}

.rollover .tab_btn_sub2 {
 width:453px;
 margin:0 auto;
 background:url(../image/client/tab_subject2_on.jpg) 0 0 no-repeat;
}


.rollover .tab_btn_add {
 width:189px;
 margin:0 auto;
 background:url(../image/client/tab_address_on.jpg) 0 0 no-repeat;
}


.rollover .tab_btn_sta {
 width:59px;
 margin:0 auto;
 background:url(../image/client/tab_state_on.jpg) 0 0 no-repeat;
}

.rollover .tab_btn_app {
 width:189px;
 margin:0 auto;
 background:url(../image/client/tab_applicant_on.jpg) 0 0 no-repeat;
}


.rollover .tab_btn_job {
 width:394px;
 margin:0 auto;
 background:url(../image/client/tab_joboffer_on.jpg) 0 0 no-repeat;
}

.rollover .tab_btn_app1 {
 width:89px;
 margin:0 auto;
 background:url(../image/client/tab_appmes01_on.jpg) 0 0 no-repeat;
}

.rollover .tab_btn_app2 {
 width:493px;
 margin:0 auto;
 background:url(../image/client/tab_appmes03_on.jpg) 0 0 no-repeat;
}


.rollover .btn_pre {
 width:100px;
 margin:0 auto;
 background:url(../image/client/c_btn_preview_on.jpg) 0 0 no-repeat;
}

.rollover .btn_read {
 width:100px;
 margin:5px auto;
 background:url(../image/client/c_btn_read_on.jpg) 0 0 no-repeat;
}

.rollover .btn_career {
 width:100px;
 margin:5px auto;
 background:url(../image/client/c_btn_careerlist_on.jpg) 0 0 no-repeat;
}

.rollover .btn_app {
 width:110px;
 margin:0 auto;
 background:url(../image/client/c_btn_approach_on.jpg) 0 0 no-repeat;
}

.rollover .btn_tran {
 width:110px;
 margin:0 auto;
 background:url(../image/client/c_btn_transhistory_on.jpg) 0 0 no-repeat;
}

.rollover .btn_del {
 width:70px;
 margin:5px auto;
 background:url(../image/client/c_btn_delete_on.jpg) 0 0 no-repeat;
}

.rollover .btn_contsview{
 width:140px;
 margin:0 auto;
 background:url(../image/client/c_btn_contsview_on.jpg) 0 0 no-repeat;
}

.rollover .btn_editing{
 width:100px;
 margin:0 auto;
 background:url(../image/client/c_btn_editing_on.jpg) 0 0 no-repeat;
}


.rollover .btn_readmes{
 width:110px;
 margin:0 auto;
 background:url(../image/client/c_btn_readmess_on.jpg) 0 0 no-repeat;
}



/*-------------------------------------------------------------------------
 info
-------------------------------------------------------------------------*/
#info {
 width:950px;
}

#info table {
 clear:both;
 width:950px;
 border-bottom:1px solid #CCC;
 text-align:left;
}

#info table th, 
#info table td {
 background-color:#FFF;
} 


#info table th {
 width:80px;
 padding:6px 10px 6px 20px;
 background: url(../image/client/tophed_new_type.gif) 10px center no-repeat;
 border-top:1px solid #CCC;
 border-left:1px solid #CCC;
 border-right: none;
 font-weight:normal;
 height:15px;
}


#info table td {
 padding-right:5px;
 border-top:1px solid #CCC;
 border-right:1px solid #CCC;
 border-left: none;
}

#info table td img.new {
 vertical-align:top;
 padding-left:5px;
}

#info table th.bg, 
#info table td.bg {
 background-color:#EAF1F9;
}


/*-------------------------------------------------------------------------
 publish
-------------------------------------------------------------------------*/
#publish {}

#publish table.sort td{
 background-color:#EAF1F9;
}





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

   ■2階層目共通
  
************************************************************************ */

/*-------------------------------------------------------------------------
 resultBox　- common -
-------------------------------------------------------------------------*/
.type2 .resultBox {
 width:495px; 
}


/*-------------------------------------------------------------------------
 tabTitle　- common -
-------------------------------------------------------------------------*/

div.titleImg {
 width:220px;
}

.rollover .btnTab_tra {
 width:220px;
 background:url(../image/client/tab_h_title_transmit_on.jpg) 0 0 no-repeat;
}

.rollover .btnTab_rece {
 width:220px;
 background:url(../image/client/tab_h_title_receive_on.jpg) 0 0 no-repeat;
}

.rollover .btnTab_apptra {
 width:220px;
 background:url(../image/client/tab_h_title2_apptrans_on.jpg) 0 0 no-repeat;
}

.mgrt10 { margin-right:10px;}




/*-------------------------------------------------------------------------
appCont list　フォーム部分
-------------------------------------------------------------------------*/

.appCont {
 clear:both;
 width:948px;
 padding-bottom:15px;
 border:1px solid #E8E8E8;
}

.appCont_yel {
 background:url(../image/client/c_title_app_bg.jpg) #FFFCDF 0 0 repeat-x;
}

.app_notit {
 background:#FFFCDF 0 0 repeat-x;
 padding-top:10px;
}

.appCont h5 {
padding:7px 5px 9px 20px;
background: url(../image/client/c_title_app_top.jpg) 1px 0px no-repeat;
}

.appCont div {
 padding-top:8px;
}

#appForm {
 padding-left:18px;
 margin-right:4px;
}
  
#appForm dl {
 width:860px;
 padding-top:6px;
 overflow:hidden;
}

#appForm dt {
 clear:both;
 float:left;
 width:120px;
 padding:5px 5px 9px 20px;
 font-weight:bold;
 text-align:right;
}
* html #appForm dt { margin:1px 0 4px 0;} /* IE6 */
*:first-child+html #appForm dt { margin:1px 0 4px 0;} /* IE7 */


#appForm dd {
 float:left;
 width:660px;
 padding:5px;
 margin:0px 5px 4px 10px;
}
* html #appForm dd { margin:1px 5px 8px 10px;} /* IE6 */
*:first-child+html #appForm dd { margin:1px 5px 8px 10px;} /* IE7 */


#appForm dd.bg_wh, 
#appForm dd.bg_wh2 {
 background-color:#FFF;
 margin-left:13px;
 line-height:140%;
}
* html #appForm dd.bg_wh, 
* html #appForm dd.bg_wh2 { margin-left:13px;}

*:first-child+html #appForm dd.bg_wh, 
*:first-child+html #appForm dd.bg_wh2 { margin-left:13px;}


div#appForm span {
 color:#E36E07;
 font-weight:bold;
}

div#appForm input,
div#appForm textarea {
 font-size:100%;
 width:636px;
 margin-left:-2px;
}

* html #appForm dd.Mgl input, 
* html #appForm dd.Mgl textarea { margin-left:-12px; margin-top:-2px;} /* IE6 */

*:first-child+html #appForm dd.Mgl input, 
*:first-child+html #appForm dd.Mgl textarea { margin-left:-12px; margin-top:-2px;} /* IE7 */

div#appForm textarea {
 height:250px;
}


div#appForm p {
 display:block;
 padding-top:3px;
}

* html div#appForm p { padding-left:; } /* IE6 */
*:first-child+html div#appForm p { padding-left:; } /* IE7 */



.appCont #btnArea {
 padding:0;
}

.appCont p.line {
 font-weight:bold;
 color:#C00;
 padding:10px 0 15px 0px;
}

.appCont p.line2 {
 font-weight:bold;
 color:#C00;
 padding:20px 0 15px 0px;
}

.appCont p.line, 
.appCont p.line2 {
 text-align:center;
 margin:0 auto;
}

.appCont p.line_on{
 padding-top:20px;
 padding-bottom:0;
 margin:0 auto;
 background:url(../image/client/c_title_app_bg.jpg) 0px -25px repeat-x;
}


.appCont p.line strong {
 font-weight: normal;
 color:#C00;
}

.notice {
 clear:both;
 padding:0;
 padding:10px 0 15px 0;
}

.notice p {
 text-align:center;
 font-weight:bold;
 color:#C00;
}

.notice p.text {
 font-weight:normal;
 color:#333;
}

.appCont .textWrp {
 margin-bottom:10px;
}

.appCont .textWrp p {
 text-align:center;
}

/*-------------------------------------------------------------------------
 #appForm.loginChange クライアントログイン情報変更
-------------------------------------------------------------------------*/
div#appForm.loginChange dl {
 width:620px;
 margin:0 auto;
}

div#appForm.loginChange dl dt {
 width:140px;
}

div#appForm.loginChange dl dd {
 width:430px;
}

div#appForm.loginChange dl dd p.note {
 display:inline;
 padding-left:5px;
}

div#appForm.loginChange dl dd input.mail {
 width:350px;
}

div#appForm.loginChange dl dd input.pass {
 width:200px;
}

/* #appForm.loginCheck
-------------------------------------------------------------------------*/
#appForm.loginCheck dl {
 width:520px;
 margin:0 auto;
}

div#appForm.loginCheck dl dt {
 width:140px;
}

div#appForm.loginCheck dl dd {
 width:330px;
 word-break:break-all;
 word-wrap:break-word;
}

div#appForm.loginCheck dl dd.bg_wh{
 margin-left:10px;
}

/*-------------------------------------------------------------------------
 numNave 数字ナビ
-------------------------------------------------------------------------*/
#numNave {
 clear:both;
 text-align:center;
 margin-bottom:2px;
 padding-top:10px;
}

#numNave ul {
display:block;
}

#numNave ul li {
 display:inline;
 margin-right:2px;
 font-size:100%;
}

/*-------------------------------------------------------------------------
 read_step C019-020注意書き
-------------------------------------------------------------------------*/

#read_step {
 clear:both;
 margin:5px 0 5px 0;
 padding:5px;
 background-color:#EBF1F9;
  line-height:140%;
}

#read_step span{
 color:#CC0000;
 font-size:120%;
 font-weight:bold;
}


#read_step2 {
 clear:both;
 margin:5px 0 5px 0;
 padding:5px;
 background-color:#FFFCDF;
 text-align:center;
}

#read_step2 span{
 color:#CC0000;
 font-size:120%;
 font-weight:bold;
}

#read_step2 strong{
 color:#333;
}


/*-------------------------------------------------------------------------
 infoMain C025　詳細
-------------------------------------------------------------------------*/
.infoMain {
 width:948px;
 margin-bottom:4px;
 padding-bottom:4px;
 border:1px solid #CCC;
}

.infoMain div.text {
 clear:both;
 padding:0 10px 2px 10px;
 line-height:140%;
}


.infoCont {
 width:948px;
 margin-bottom:4px;
 padding-bottom:4px;
 background-color:#EBF1F9;
 border-bottom:2px solid #6699CC;
}

.infoCont h5 {
 float:left;
 display:inline;
 padding:7px 0 3px 15px;
 font-size:120%;
}

.infoCont span {
 float:left;
 display:inline;
 margin-left:10px;
 padding-top:8px;
}

.infoCont img {
 float:left;
 display:inline;
 margin-left:10px;
 padding-top:8px;
}

/*-------------------------------------------------------------------------
publishTitle c002
-------------------------------------------------------------------------*/

.publishTitle {
 clear:both;
 background:url(../image/client/c_title_pubtit_bg.jpg) 0 0 repeat-x;
 width:948px;
 border:1px solid #CCC;
 border-bottom:none;
}

.boderB {
 border-bottom:1px solid #CCC;
}

.publishTitle h5 {
 float:left;
padding:8px 5px 4px 20px;
background: url(../image/client/c_title_pubtit_bg2.jpg) 0px 0px no-repeat;
}


/*for IE7*/
* +html .publishTitle h5 {
padding:8px 5px 7px 20px;
}

.publishTitle span {
 float:left;
 display:inline;
 margin-left:5px;
 padding-top:8px;
 font-size:95%;
}


.publishSub {
 clear:both;
 width:948px;
 border:1px solid #CCC;
 background-color:#EBF1F9;
}

.publishSub div.btn_pre {
 clear:both;
 width:100px;
 padding:0px;
 margin:7px 0 7px 780px;
}


/*-------------------------------------------------------------------------
publishTitle c002
-------------------------------------------------------------------------*/

.watchlist_t{
 clear:both;
 background-color:#FFFCDF;
 padding:5px;
 margin:5px 0 10px 0;
 font-weight:bold;
}



/*-------------------------------------------------------------------------
ボタンのロールオーバー
-------------------------------------------------------------------------*/


#btnArea {
 clear:both;
 text-align:center;
}


#btnArea ul {
 width:350px;
 margin:0 auto;
}

li.btn_backlist {
 float:left;
 width:170px;
 background:url(../image/client/c_btn_backlist_on.jpg) 0 0 no-repeat;
}

li.btn_check {
 float:right;
 width:170px;
 background:url(../image/client/c_btn_check_on.jpg) 0 0 no-repeat;
}

li.btn_check2 {
 float:right;
 width:170px;
 background:url(../image/register_btn_mail_on.jpg) 0 0 no-repeat;
}


li.btn_edit2 {
 float:left;
 width:170px;
 background:url(../image/client/c_btn_edit2_on.jpg) 0 0 no-repeat;
}


li.btn_send {
 float:right;
 width:170px;
 background:url(../image/client/c_btn_send_on.jpg) 0 0 no-repeat;
}

li.btn_send2 {
 float:right;
 width:170px;
 background:url(../image/client/c_btn_send2_on.jpg) 0 0 no-repeat;
}


li.btn_reply {
 float:right;
 width:170px;
 background:url(../image/client/c_btn_reply_on.jpg) 0 0 no-repeat;
}





#btnArea p {
 margin:0 auto;
 width:170px;
}

p.btn_backlist{
 background:url(../image/client/c_btn_backlist_on.jpg) 0 0 no-repeat;
}

p.btn_backlist2{
 padding-top:10px;
 background:url(../image/client/c_btn_backlist_on.jpg) 0 10px no-repeat;
}

p.btn_backlist3{
 padding-top:10px;
 background:url(../image/register_btn_back_on.jpg) 0 10px no-repeat;
}