@charset "utf-8";
/**************************************************
対象：全ページ共通
作成者名：Team-lab
最終更新日：2009/04/27
更新者名：tomizawa
**************************************************/

/***************** ヘッダー *****************/
#headerclient{
margin-top:5px;
}

#headerclient .logo{
margin-left:30px;
_margin-left:15px;
margin-bottom:5px;
float:left;
}

#headerclient .floatright{
text-align:left;
font-size:93%;
margin-right:30px;
_margin-right:15px;
margin-top:5px;
width:530px;
}
*+html:first-child #headerclient .floatright{ /* for Opera */
width:450px;
}
body:first-of-type #headerclient .floatright { /* for Safari3 */
width:545px;
}

#headerclient .floatright td{
padding-left:12px;
vertical-align:bottom;
}
#headerclient .clientname{
margin-bottom:5px;
}
#headerclient .clientname span{
font-weight:bold;
}
#headerclient .infolink{
background:transparent url(../img/common/arrow_orange.gif?t=1581030031313) left no-repeat;
padding-left:20px;
}
#headerclient .logout{
border-right:#dddddd solid 1px;
padding-right:12px;
}
#headerclient .logout img{
margin-bottom:1px;
}
#headerclient .submenu li{
display:inline;
}




#headerclient02{
margin-top:5px;
}

#headerclient02 .logo{
margin-left:30px;
_margin-left:15px;
margin-bottom:5px;
float:left;
}

#headerclient02 .floatright{
text-align:right;
font-size:93%;
margin-right:30px;
_margin-right:15px;
margin-top:5px;
}

#headerclient02 .submenu li{
display:inline;
}




/* グローバルメニュー */
#headerclient .headmenu{
margin-top:3px;
background:transparent url(../img/common/head_menu_bg.gif?t=1581030031313) 0px 0px repeat-x;
width:100%;
text-align:left;
}
#headerclient .headmenu ul{
margin:0px 30px;
width:989px;
}
#headerclient .headmenu li{
float:left;
}
#headerclient .headmenu li a{
display:block;
overflow:hidden;
text-indent:-9999px;
}



#headerclient .headmenu li.menutop a{
background:transparent url(../img/clientpc/head_menu_top.gif?t=1581030031313) 0px 0px no-repeat;
width:55px;
height:31px;
}

#headerclient .headmenu li.menuapplication a{
background:transparent url(../img/clientpc/head_menu_application.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menujoboffer a{
background:transparent url(../img/clientpc/head_menu_postadm.gif?t=1581030031313) 0px 0px no-repeat;
width:87px;
height:31px;
}

#headerclient .headmenu li.menumfg a{
background:transparent url(../img/clientpc/head_menu_mfg.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menujobstocktpl a{
background:transparent url(../img/clientpc/head_menu_template.gif?t=1581030031313) 0px 0px no-repeat;
width:145px;
height:31px;
}

#headerclient .headmenu li.menushop a{
background:transparent url(../img/clientpc/head_menu_shop.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menuapplicant a{
background:transparent url(../img/clientpc/head_menu_applicant.gif?t=1581030031313) 0px 0px no-repeat;
width:87px;
height:31px;
}

#headerclient .headmenu li.menueffect a{
background:transparent url(../img/clientpc/head_menu_effect.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menucommon a{
background:transparent url(../img/clientpc/head_menu_common.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menuspecific a{
background:transparent url(../img/clientpc/head_menu_specific.gif?t=1581030031313) 0px 0px no-repeat;
width:85px;
height:31px;
}

#headerclient .headmenu li.menuinquiry a{
background:transparent url(../img/clientpc/head_menu_inquiry.gif?t=1581030031313) 0px 0px no-repeat;
width:98px;
height:31px;
}

#headerclient .headmenu li.menuendline{
background:transparent url(../img/clientpc/head_menu_endline.gif?t=1581030031313) 0px 0px no-repeat;
width:1px;
height:31px;
}


/* フォーカス */
#headerclient .headmenu li.menutop a.focus{
background:transparent url(../img/clientpc/head_menu_top_on.gif?t=1581030031313) 0px 0px no-repeat;
width:55px;
height:31px;
}

#headerclient .headmenu li.menuapplication a.focus{
background:transparent url(../img/clientpc/head_menu_application_on.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menujoboffer a.focus{
background:transparent url(../img/clientpc/head_menu_postadm_on.gif?t=1581030031313) 0px 0px no-repeat;
width:87px;
height:31px;
}

#headerclient .headmenu li.menumfg a.focus{
background:transparent url(../img/clientpc/head_menu_mfg_on.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menujobstocktpl a.focus{
background:transparent url(../img/clientpc/head_menu_template_on.gif?t=1581030031313) 0px 0px no-repeat;
width:145px;
height:31px;
}

#headerclient .headmenu li.menushop a.focus{
background:transparent url(../img/clientpc/head_menu_shop_on.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menuapplicant a.focus{
background:transparent url(../img/clientpc/head_menu_applicant_on.gif?t=1581030031313) 0px 0px no-repeat;
width:87px;
height:31px;
}

#headerclient .headmenu li.menueffect a.focus{
background:transparent url(../img/clientpc/head_menu_effect_on.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menucommon a.focus{
background:transparent url(../img/clientpc/head_menu_common_on.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menuspecific a.focus{
background:transparent url(../img/clientpc/head_menu_specific_on.gif?t=1581030031313) 0px 0px no-repeat;
width:85px;
height:31px;
}

#headerclient .headmenu li.menuinquiry a.focus{
background:transparent url(../img/clientpc/head_menu_inquiry_on.gif?t=1581030031313) 0px 0px no-repeat;
width:98px;
height:31px;
}



/* フォーカスオフ 権限がない場合は非表示となったため未使用
#headerclient .headmenu li.menutop a.off{
background:transparent url(../img/clientpc/head_menu_top_off.gif?t=1581030031313) 0px 0px no-repeat;
width:55px;
height:31px;
}

#headerclient .headmenu li.menujoboffer a.off{
background:transparent url(../img/clientpc/head_menu_postadm_off.gif?t=1581030031313) 0px 0px no-repeat;
width:87px;
height:31px;
}

#headerclient .headmenu li.menujobstocktpl a.off{
background:transparent url(../img/clientpc/head_menu_stocks_off.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menuapplicant a.off{
background:transparent url(../img/clientpc/head_menu_applicant_off.gif?t=1581030031313) 0px 0px no-repeat;
width:87px;
height:31px;
}

#headerclient .headmenu li.menueffect a.off{
background:transparent url(../img/clientpc/head_menu_effect_off.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menucommon a.off{
background:transparent url(../img/clientpc/head_menu_common_off.gif?t=1581030031313) 0px 0px no-repeat;
width:74px;
height:31px;
}

#headerclient .headmenu li.menuspecific a.off{
background:transparent url(../img/clientpc/head_menu_specific_off.gif?t=1581030031313) 0px 0px no-repeat;
width:85px;
height:31px;
}

#headerclient .headmenu li.menuinquiry a.off{
background:transparent url(../img/clientpc/head_menu_inquiry_off.gif?t=1581030031313) 0px 0px no-repeat;
width:99px;
height:31px;
}



/* サブメニュー */
#headerclient .headsubmenu{
background:#72a90f;
text-align:left;
padding:8px 30px 9px 30px;
}
#headerclient .headsubmenu ul li{
float:left;
color:#FFFFFF;
line-height:110%;
margin-right:12px;
}
#headerclient .headsubmenu ul li.line{
padding-right:12px;
border-right:#dddddd solid 1px;
}
#headerclient .headsubmenu ul li.on{
color:#c2e46c;
font-weight:bold;
background:transparent url(../img/clientpc/head_menuarrow_on.gif?t=1581030031313) left no-repeat;
padding-left:15px;
}
#headerclient .headsubmenu ul li a{
background:transparent url(../img/clientpc/head_menuarrow.gif?t=1581030031313) left no-repeat;
padding-left:20px;
color:#FFFFFF;
text-decoration:underline;
}


/***************** フッター *****************/
#footerclient{
margin-bottom:40px;
}
#footerclient .gotop{
margin-left:30px;
margin-right:30px;
}
#footerclient .footermenu{
border-top:#8bba17 solid 2px;
background:#f3f3f3;
margin:7px 0 10px 0;
padding:10px;
text-align:center;
}
#footerclient .footermenu li{
display:inline;
font-size:93%;
}

#footerclient .footersubmenu{
margin-left:30px;
text-align:left;
float:left;
}
#footerclient .footersubmenu li{
display:inline;
line-height:140%;
font-size:85%;
}

#footerclient .icons{
float:right;
margin-right:15px;
_margin-right:7px;
}
#footerclient .icons td{
padding:0 15px;
}
#footerclient .icons .pmark{
border-right:#999999 solid 1px;
}

/***************** ログイン *****************/

#mainclient .logintable{
width:100%;
margin-bottom:5px;
}
#mainclient .logintable th, #mainclient .logintable td{
background:#f4fcde;
font-size:108%;
padding:10px;
border-bottom:#FFFFFF solid 5px;
}


/***************** コンテンツ *****************/
#mainclient{
margin-left:auto;
margin-right:auto;
padding:15px 30px 30px 30px;
text-align:left;
line-height:140%;
}

/* トップページ*/
#mainclient .leftcont{
width:300px;
text-align:left;
vertical-align:top;
background-color:#f3f3f3;
}
#mainclient .leftcont div{
margin:10px;
background:#FFFFFF;
border:#CCCCCC solid 1px;
padding:7px;
}
#mainclient .leftcont .btn{
background:#e7e7e7;
text-align:center;
padding:5px;
}
#mainclient .rightcont{
padding-left:30px;
vertical-align:top;
}

#mainclient .rightcontkinou{
width:100%;
margin-bottom: 36px;
}

#mainclient .rightcontkinou .menu_block {
float: left;
padding:10px;
border: 1px solid #DDDDDD;
width: 45%;
min-width: 200px;
margin: 0px 10px 10px 0px;
min-height: 110px;
}

/* リンク作成ツール */

#mainclient .linkcreation{
padding-top: 20px;
border-top:#e3e3e3 solid 1px;
}
#mainclient .linkcreation p{
font-size: 93%;
color: #333333;
}
#mainclient .linkcreation .formtable th,
#mainclient .linkcreation .formtable td{
line-height: 140%;
padding: 10px 10px;
vertical-align: middle;
text-align: left;
font-weight: normal;
font-size: 93%;
border-bottom: #8bba17 solid 1px;
}
#mainclient .linkcreation td.dotline.bg_gray{
width:100px;
background-color: #e9e9e9;
text-align: center;
}
#mainclient .linkcreation td.dotline.bg_gray img{
width: 100%;
-webkit-backface-visibility: hidden;
}
#mainclient .linkcreation td.dotline.bg_gray.square img{
width: 68%;
}
#mainclient .linkcreation td.dotline.bg_gray.mini img{
width: 80%;
}
#mainclient .linkcreation a{
display: block;
}
#mainclient .linkcreation a:hover{
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha(opacity=80)";
}
#mainclient .linkcreation a:visited{
text-decoration: none;
}
#mainclient .linkcreation a span{
display: block;
min-width: 98px;
padding:8px 4px;
background-color: #FF7300;
color: #ffffff;
text-align: center;
font-size: 0.9em;
border-radius: 4px;
}
#mainclient .linkcreation .formtable th.cell01{
width: 50px;
}
#mainclient .linkcreation .formtable th.cell02{
width:9%;
}
/* リンク作成ツール END */

#mainclient dl.newsboxtop{
background:transparent url(../img/common/dotline_glay.gif?t=1581030031313) left bottom repeat-x;
margin-bottom:7px;
padding-bottom:7px;
}
#mainclient dl.newsboxtop dt{
display:inline;
margin-right:15px;
color:#999999;
font-weight:bold;
}
#mainclient dl.newsboxtop dd{
display:inline;
}
#mainclient dl.newsboxtop dd.atention a{
color:#FF0000;
}

#mainclient .rightcontkinou dt{
font-size:108%;
font-weight:bold;
margin-bottom:7px;
background:#e5f6bb url(../img/common/arrow_green.gif?t=1581030031313) 7px 8px no-repeat;
padding:5px 5px 5px 24px;
}
#mainclient .rightcontkinou dd{
font-size:93%;
}
#mainclient .headerbottun{
text-align:right;
}

/***************** テンプレート *******************/
#mainclient .template {
    display: none;
}


/***************** 完了メッセージ *****************/
.compmess{
color:#669c00;
background:#f4fcde;
border:#b8d374 solid 1px;
padding:20px;
font-weight:bold;
text-align:center;
line-height:140%;
}


#mainclient .pagetitle{
background:transparent url(../img/clientpc/title_circle.gif?t=1581030031313) left no-repeat;
font-weight:bold;
font-size:108%;
padding-left:20px;
margin-bottom:15px;
}
#mainclient .title{
font-weight:bold;
font-size:108%;
background:#8bba17;
padding:3px 5px 2px 6px;
color:#FFFFFF;
margin-bottom:15px;
}
#mainclient .subtitle{
border-left:#8bba17 solid 4px;
padding-left:10px;
font-weight:bold;
font-size:108%;
margin-bottom:7px;
}




#mainclient .arrowgreen li{
display:inline;
background:transparent url(../img/common/arrow_green.gif?t=1581030031313) left no-repeat;
padding-left:20px;
margin-right:20px;
}
#mainclient .arrowgreen li a{
text-decoration:underline;
}

#mainclient p.arrowgreen{
background:transparent url(../img/common/arrow_green.gif?t=1581030031313) left no-repeat;
padding-left:20px;
}

#mainclient .textboxnormal{
margin-left:150px;
margin-right:150px;
}

#mainclient .textbox{
font-size:93%;
line-height:140%;
border:#8bba17 solid 1px;
padding:10px;
margin-left:150px;
margin-right:150px;
}
#mainclient .texttable{
border:#8bba17 solid 1px;
width:100%;
}
#mainclient .texttable th{
    font-size:93%;
    line-height:140%;
    padding:7px 10px;
    vertical-align:top;
    text-align:left;
    font-weight: bold;
}
#mainclient .texttable td{
font-size:93%;
line-height:140%;
padding:7px 10px;
vertical-align:top;
font-weight:normal;
text-align:left;
}


/*** リスト用テーブル ***/
#mainclient .listtable{
border-top:#8bba17 solid 1px;
border-right:#8bba17 solid 1px;
border-left:#8bba17 solid 1px;
width:100%;
}

#mainclient .listtable td, #mainclient .listtable th{
font-size:93%;
line-height:140%;
border-bottom:#8bba17 solid 1px;
padding:7px 10px;
vertical-align:middle;
font-weight:normal;
}
#mainclient .listtable th.cell01{
width:15%;
}
#mainclient .listtable th.cell02{
width:20%;
}
#mainclient .listtable th.cell03{
width:25%;
}
#mainclient .listtable th.cell04{
width:8%;
}
#mainclient .listtable th.cell05{
width:12%;
}
#mainclient .listtable th.cell06{
width:21%;
}
#mainclient .listtable th.cell07{
width:18%;
}
#mainclient .listtable th.cell08{
width:5%;
}
#mainclient .listtable th.cell09{
width:1%;
}

#mainclient .listtable th.cell10{
width:7%;
}
#mainclient .listtable th.cell11{
width:10%;
}

#mainclient .listtable th.cell12{
width:36%;
}
#mainclient .listtable th.cell13{
width:64%;
}

#mainclient .formtable th.smsChat{
width:15%;
text-align: center;
vertical-align: middle;
}
#entrySelectChk input[type="checkbox"] {
margin: 3px 3px;
}

#mainclient .listtable .taxarea{
    font-size: 120%;
}

#mainclient .listtable th{
background:#def78a;
text-align:center;
vertical-align: middle;
}
#mainclient .listtable th.dotline{
background:#def78a url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .listtable th.mfgdotline{
background:#fffedb url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .listtable td.dotline{
background:transparent url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .listtable td.dotlineErrorArea{
background:#F08080 url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable .txtoff{
    color: #CCCCCC;
}

#mainclient .listtable tr.bgon td{
background:#f4fcde;
}

#mainclient .listtable tr.bgon td.dotline{
background:#f4fcde url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable tr.bgon02 td{
background:#f3f3f3;
}

#mainclient .listtable tr.bgon03 td{
background:#fff9df;
}

#mainclient .listtable tr.bgon02 td.dotline{
background:#f3f3f3 url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable td.aligncenter{
text-align:center;
}

#mainclient .listtable td.alignright{
text-align:right;
}

#mainclient .listtable td.valigncenter {
vertical-align: middle;
}
/* SMS対象外背景色*/
#mainclient .listtable td.Excluded{
background-color: #D7D7D7;
text-align: center;
color: #ffffff;
}
#mainclient .listtable tr.bgon td.Excluded{
background-color: #D7D7D7;
text-align: center;
color: #ffffff;animation:
}
/* SMS対象外背景色　end*/

#mainclient .listtable tr.off td.dotline{
background:#f6f6f6 url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
color:#999999;
}
#mainclient .listtable tr.off td{
background:#f6f6f6;
color:#999999;
}

/*** フォーム用テーブル ***/
#mainclient .formtable{
border-top:#8bba17 solid 1px;
border-right:#8bba17 solid 1px;
border-left:#8bba17 solid 1px;
width:100%;
}
#mainclient .formtable td, #mainclient .formtable th{
font-size:93%;
line-height:140%;
border-bottom:#8bba17 solid 1px;
padding:7px 10px;
vertical-align:top;
font-weight:normal;
text-align:left;
word-break:break-all;
}
#mainclient .formtable th{
background:#f4fcde;
}
#mainclient .formtable tr.about th, #mainclient .formtable tr.about td{
background:#f3f3f3 url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .formtable tr.about td .formsize07{
background:#FFFFFF;
border:#CCCCCC solid 1px;
}

#mainclient .formtable .listform01{
margin-left: 25px;
margin-top: 5px;
}

#mainclient .formtable .listform01 span{
width: 90px;
float: left;
margin-top: 3px;
}

#mainclient .formtable .listform02{
margin-left: 25px;
margin-top: 5px;
margin-bottom: 5px;
}

#mainclient .formtable .listform02 span{
float: left;
width: 90px;
margin-top: 2px;
}




#mainclient .formtable th.dotline{
background:#f4fcde url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .formtable td.dotline{
background:transparent url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .formtable td.dotlineErrorArea{
background:#F08080 url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .formtable th.cell01{
width:25%;
}
#mainclient .formtable td.cell02{
width:15%;
}
#mainclient .formtable th.cell03{
width:14%;
}
#mainclient .formtable th.cell04{
width:35%;
}
#mainclient .formtable th.cell05{
width:50%;
}
#mainclient .formtable th.cell06{
width:12%;
}

#mainclient .formtable th.cell07{
width:9%;
}

#mainclient .formtable .fix_cellNumber{
width:21px;
text-align: center;
}

#mainclient .formtable td.cell001{
background: #ddeeff;
}

#mainclient .formtable td.cell002{
background: #eaeaea;
}

#mainclient .formtable td.cell003{
border-right:#8bba17 solid 1px;
}

#mainclient .formtable ul.checkboxlist{
}

#mainclient .formtable ul.checkboxlist li{
    white-space: nowrap;
}

#mainclient .formtable td .jidou{
color: #669c00;
margin: 1px 0;
}
#mainclient .formtable td .kobetsu{
color: #ff8015;
margin: 1px 0;
}
#mainclient .formtable td .jidou img,
#mainclient .formtable td .kobetsu img{
margin-right: 5px;
}

#mainclient .formtable .yen{
text-align: right;
}

#mainclient .formtable .leftlistarea{
width: 500px;
}

#mainclient .formtable .leftlistareatxt{
padding-left: 10px;
}

/* SMS 残り文字数 */
#mainclient .formtable .textcount{
    display: inline-block;
    margin-left: 8px;
}

/* SMS　当月分無料送信分残り*/
#mainclient .formtable td .free_Submit_remaining {
display: block;
margin-left: 18px;
letter-spacing: 0.02em;
}
#mainclient .formtable td .free_Submit_remaining dt{
float:left;
}
#mainclient .formtable td .free_Submit_remaining dd{
margin-left:130px;
}

/* SMS　個別送信*/
#mainclient .formtable td .formtable_smsTitle{
font-weight: bold;
font-size: 120%;
padding: 10px 0;
background: #8bba17;
color: #ffffff;
text-align:center;
letter-spacing: 0.2em;
border-bottom: 1px solid #ffffff;
}

#mainclient .formtable td .sms_IndividualWrap{
padding: 10px 50px;
overflow-x: auto;
height: 360px;
font-size: 120%;
}

/* 一括送信SMS preview 横幅中央寄せレイアウト */
#mainclient .formtable.pv_w{
width:320px;
margin: 0 auto;
}

/*プレビュー画面のみ余白幅を変更*/
#mainclient .formtable td .sms_IndividualWrap.preview{
padding: 10px 30px;
}


#mainclient .formtable td .sms_IndividualWrap .inner_l{
float: left;
width:68%;
}
#mainclient .formtable td .sms_IndividualWrap .inner_r{
float: right;
width:68%;
}
/* SMS　吹き出し部分 */

#mainclient .formtable td .sms_IndividualWrap .bubble {
padding: 15px 15px;
margin: 14px 0;
border-radius: 20px;
position: relative;
display: table;
clear: both;
}

#mainclient .formtable td .sms_IndividualWrap .bubble.color_l {
background: #def78a;
color: #333333;
}

#mainclient .formtable td .sms_IndividualWrap .bubble.color_r {
background: #EDEDED;
float: right;
}

#mainclient .formtable td .sms_IndividualWrap .bubble-half-left:before,
#mainclient .formtable td .sms_IndividualWrap .bubble-half-right:before {
content: "";
width: 15px;
height: 20px;
position: absolute;
top: -2px;
}

#mainclient .formtable td .sms_IndividualWrap .bubble-half-left:before {
border-radius: 0 15px;
left: -10px;
background: #def78a;
}

#mainclient .formtable td .sms_IndividualWrap .bubble-half-right:before {
border-radius: 15px 0;
right: -10px;
background: #EDEDED;
}

#mainclient .formtable td .sms_IndividualWrap .bubble-half-left:after,
#mainclient .formtable td .sms_IndividualWrap .bubble-half-right:after {
content: "";
width: 17px;
height: 20px;
position: absolute;
top: -13px;
background: #fff;
}

#mainclient .formtable td .sms_IndividualWrap .bubble-half-left:after {
border-radius: 0 17px;
left: -12px;
}

#mainclient .formtable td .sms_IndividualWrap .bubble-half-right:after {
border-radius: 17px 0;
right: -12px;
}

/* sms 個別メール　入力エリア */
#mainclient .formtable .smsInput_wrap{
padding: 15px 15px;
background-color: #f4fcde;
}

#mainclient .formtable .smsInput_wrap .sms_textarea{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border:#8bba17 solid 1px;
resize: none; width: 100%;
box-sizing: border-box;
height: 100px;
margin-bottom: 10px;
font-size: 120%;
}

.dropdown-select {
margin-top: 3px;
text-align: -webkit-center;
border: 1px solid #aeaeae;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
color: #646060;
font-size: 10px;
}

/* SMS未送信　*/
.bubble-half-left .misousin_text{
position: absolute;
top:104%;
left: -40px;
color: #FF0004;
font-size:14px;
}
.bubble-half-left p:before{
content: url(../img/clientpc/sms_misousin_icon.gif?t=1581030031313);
width: 15px;
height: 15px;
position: absolute;
left: 0px;
top: -25px;
color: #FF0004;
}
.bubble-half-right p{
position: absolute;
top:104%;
right: -40px;
color: #FF0004;
font-size:14px;
}

.bubble-half-right p:after{
content: url(../img/clientpc/sms_misousin_icon.gif?t=1581030031313);
width: 15px;
height: 15px;
position: absolute;
right: 0;
top: -25px;
color: #FF0004;
}

.sms_loading {
position:fixed;
left: 50%;
top: 50%;
border: none;
_position: absolute;
width: 38px;
height: 38px;
margin-left: -28px;
margin-top: -60px;
display:none;
}

/*アクセス*/
#mainclient .accessBox{
border:#ccc 1px solid;
margin-top:15px;
}

#mainclient .accessBox ul li.ppdgry, #mainclient .accessBox ul li.ppdwht{
padding:10px;
}

#mainclient .accessBox ul li.ppdwht{
background-color: #fff;
}

#mainclient .accessBox ul li.ppdgry{
background-color: #efefef;
}

/* #mainclient .accessBox ul li .access1Area1st, #mainclient .accessBox ul li .access1RouteCompany,
#mainclient .accessBox ul li .access1RouteLine, #mainclient .accessBox ul li .access1RouteStation{
    width:100px;
} */

#mainclient .undTxtAcAr input{
margin-right:5px;
}

#mainclient .undTxtAcAr{
margin:10px 0 5px 0;
}

#mainclient .accessBox ul li div.boxAcBx{
width:100%;
display:table;
}

#mainclient .accessBox ul li div.boxAcBx .b01{
display:table-cell;
width:10%;
padding:0 auto;
vertical-align: middle;
}

#mainclient .accessBox ul li div.boxAcBx .b01 p.arrow a{
border-radius: 4px;
border:1px solid #ccc;
text-align: center;
width:50px;
height:20px;
display:block;
margin-left:10px;
}

#mainclient input.exsFstAr{width:220px;}

#mainclient input.exsFstAr[value]{color:#333;}

#mainclient .accessBox ul li div.boxAcBx .b01 p.arrow a:link, #mainclient .accessBox ul li div.boxAcBx .b01 p.arrow a:visited{
color:#333;
}

#mainclient .accessBox ul li div.boxAcBx .b01 p.arrow a:hover{
text-decoration: none;
}

#mainclient .accessBox ul li div.boxAcBx .b01 p.arrow.mt{
margin-top:4px;
}

#mainclient .accessBox ul li div.boxAcBx .b02{
display:table-cell;
width:80%;
padding:0 10px;
}

#mainclient .accessBox div.boxAcBx .b02.inactive{
opacity:0.3;
}

#mainclient .accessBox ul li div.boxAcBx .b03{
width:10%;
display:table-cell;
vertical-align: middle;
}

#mainclient .addAccessBtnArea {
margin-top:12px;
text-align:center;
}

#mainclient .addAccessBtnArea.inactive{
opacity:0.3;
}

#mainclient .mailbox{
width:100px;
}

#mainclient .listtable.sms_correspondence .mailbox{
width: 122px;
}

#mainclient .mailbox .mailinfo{
width:75px;
float:right;
}

#mainclient .listtable.sms_correspondence .mailinfo{
width:auto;
float:none;
display: inline-block;
position: relative;
padding-left:22px;
margin-top: 4px;
margin-bottom: 10px;
text-align: left;
}

/* グループ版ページ用 中央寄せレイアウト用*/
#mainclient .listtable.groupLayout　.mailinfo{
margin-bottom: 0;
}

#mainclient .listtable.sms_correspondence .mailinfo:before{
display: block;
content: url(../img/clientpc/ic_midoku.gif?t=1581030031313);
position: absolute;
top:1px;
left:3px;
}

#mainclient .listtable.sms_correspondence .mailinfo:before{
display: block;
position: absolute;
}

#mainclient .listtable.sms_correspondence .mailinfo.read:before{
content: url(../img/clientpc/ic_kidoku.gif?t=1581030031313);
top:-5px;
left:3px;
}

#mainclient .listtable.sms_correspondence .mailinfo.sendAfter:before{
content: url(../img/clientpc/ic_kidoku_ress.gif?t=1581030031313);
top:-5px;
left:2px;
}

#mainclient .listtable.sms_correspondence .mailinfo.telEntry:before{
content: url(../img/clientpc/ic_tel_icon.gif?t=1581030031313);
top:-8px;
left:6px;
}

#mainclient .listtable.sms_correspondence .mailinfo.entryNote:before{
content: url(../img/clientpc/ic_notes.gif?t=1581030031313);
left:-25px;
}

#mainclient .listtable.sms_correspondence .mailbox .mailLink{
font-size: 12px;
text-decoration: underline;
}

#mainclient .mailbox img.mail{
float:left;
width:16px;
}

#mainclient .listtable.sms_correspondence .mailbox img.mail{
width:16px;
}

#mainclient .listtable.sms_correspondence .mailbox img.tel{
width:9px;
float:left;
}

#mainclient .listtable.sms_correspondence .mailsent{
width: 100px;
padding-left: 18px;
font-size: 10px;
position: relative;
letter-spacing: -0.1em;
margin: 0 auto;
}

#mainclient .listtable.sms_correspondence .mailsent:before{
display: block;
content: url(../img/clientpc/ic_automatically_transmitte.gif?t=1581030031313);
position: absolute;
}

#mainclient .listtable.sms_correspondence .mailsent.EmailIcon:before{
top:-6px;
left:3px;
}
#mainclient .listtable.sms_correspondence .mailsent.smsIcon:before{
top:-6px;
left:-2px;
}

#mainclient .formtable tr.aligncenter td, #mainclient .formtable tr.aligncenter th{
text-align:center;
}
#mainclient .attentionTemplate {
color: #ff9900;
}
#mainclient .formtable th span{
color:#ff3333;
}
#mainclient .formtable th span.attentionTemplate {
color: #ff9900;
}
#mainclient .formtable th img{
margin-top:3px;
}

#mainclient .formtable td .btnarea{
text-align:center;
margin-top:5px;
background:#f2f2f2;
padding:5px 0;
}

#mainclient .formtable table.areabox{
border:none;
}
#mainclient .formtable table.areabox td{
border:none;
padding:0;
}

#mainclient .formtable table.textareabox{
border:none;
width:100%;
}
#mainclient .formtable table.textareabox td.cell01{
width:15%;
}
#mainclient .formtable table.textareabox td{
font-size:100%;
border:none;
padding:7px 0 0 0;
}

#mainclient .formtable table.imgbox{
border:none;
width:100%;
margin-top:7px;
}
#mainclient .formtable table.imgbox td{
font-size:100%;
border:none;
padding:5px;
}
#mainclient .formtable table.imgbox tr.cellbg td{
background:#f2f2f2;
}
#mainclient .formtable table.imgbox td.cell01{
width:70px;
}
#mainclient .formtable table.imgbox td.cell02{
width:100px;
}

#mainclient .formtable table.arrowbox{
border:none;
}
#mainclient .formtable table.arrowbox td{
font-size:100%;
border:none;
padding:0px;
vertical-align:middle;
line-height:160%;
}


#mainclient .formtable table.arrowbox td.cell01{
width:95px;
font-weight:bold;
}
#mainclient .formtable table.arrowbox td.cell02{
width:50px;
text-align:right;
}
#mainclient .formtable table.arrowbox td.cell03{
width:50px;
text-align:left;
}
#mainclient .formtable table.arrowbox td.cell03{
width:65px;
text-align:left;
}
#mainclient .formtable table.arrowbox td.cell04{
width:75px;
text-align:left;
}
#mainclient .formtable table.arrowbox td.arrow{
padding:2px 5px 0px 5px;
background:transparent url(../img/clientpc/form_arrow.gif?t=1581030031313) 18px 2px no-repeat;
_background:transparent url(../img/clientpc/form_arrow.gif?t=1581030031313) 18px 4px no-repeat;
height:42px;
width:215px;
text-align:center;
}
*:first-child+html #mainclient .formtable table.arrowbox td.arrow{
background:transparent url(../img/clientpc/form_arrow.gif?t=1581030031313) 18px 4px no-repeat;
}

#mainclient .formtable table.dormitory{
border:none;
width:100%;
}
#mainclient .formtable table.dormitory td.cell01{
width:15%;
}
#mainclient .formtable table.dormitory td{
font-size:100%;
border:none;
padding:7px 0 0 0;
}

#mainclient img.imgboder{
border: solid;
border-width: thin;
border-color: #999999;
}
#mainclient .formtable tr.change th{
border-left:#ff3333 solid 1px;
border-top:#ff3333 solid 1px;
border-bottom:#ff3333 solid 1px;
}
#mainclient .formtable tr.change td{
border-right:#ff3333 solid 1px;
border-top:#ff3333 solid 1px;
border-bottom:#ff3333 solid 1px;
}

#mainclient .inputareaglay dt{
font-weight:bold;
line-height:170%;
float:left;
margin-right:30px;
}
#mainclient .inputareaglay dd{
float:left;
}


#mainclient .btnareaglay{
background:#f3f3f3;
border:#cccccc solid 1px;
padding:10px;
font-size:93%;
text-align:center;
margin-left:150px;
margin-right:150px;
}

#mainclient .btnareastripe{
background:url(../img/clientpc/form_bg_stripe.gif?t=1581030031313) right top;
margin-top:10px;
text-align:center;
}
#mainclient .btnareapreview{
background:url(../img/clientpc/form_bg_stripe.gif?t=1581030031313) right top;
height:75px;
margin-top:10px;
text-align:center;
}
#mainclient .btnareastripehafl{
margin-left:150px;
margin-right:150px;
padding: 10px;
}
#mainclient .btnareastripe p{
display:inline;
}
#mainclient .btnareastripe img{
margin-top:5px;
margin-left:7px;
}
#mainclient .btnareapreview p{
display:inline;
}
#mainclient .btnareapreview img{
margin-top:5px;
margin-left:7px;
}



/* ===========画像管理============ */
#mainclient .photoimglist{
}

#mainclient .photoimglist li{
width: 162px;
border: 1px solid #999999;
height: 270px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

#mainclient .photoimglist .imgtitle{
background: #CCCCCC;
text-align: center;
font-weight: bold;
padding: 3px;
border-bottom: 1px solid #999999;
margin-bottom: 10px;
}

#mainclient .photoimglist .photoimg{
height: 100px;
width: 140px;
margin-right: auto;
margin-left: auto;
margin-bottom: 8px;
text-align: center;
}

#mainclient .photoimglist .phototxt{
width: 150px;
margin-right: auto;
margin-left: auto;
margin-bottom: 8px;
height: 90px;
}
#mainclient .photoimglist .phototxt .updateName{
background:#FFFFFF;
border:#999999 solid 1px;
width: 146px;
font-size: 13px;
}
#mainclient .photoimglist .photobtn{
width: 102px;
margin-right: auto;
margin-left: auto;
}
#mainclient .photoimglist .photobtn .delete{
margin-left: 12px;
}


#mainclient .photoimglist02{
    width: 780px;
}

#mainclient .photoimglist02 li{
width: 178px;
border: 1px solid #999999;
height: 230px;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}

#mainclient .photoimglist02 .imgtitle{
background: #CCCCCC;
text-align: center;
font-weight: bold;
padding: 3px;
border-bottom: 1px solid #999999;
margin-bottom: 10px;
}

#mainclient .photoimglist02 .photoimg{
height: 100px;
width: 140px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
text-align: center;
}

#mainclient .photoimglist02 .phototxt{
width: 140px;
margin-right: auto;
margin-left: auto;
margin-bottom: 5px;
overflow: visible;
height: 50px;
}

#mainclient .photoimglist02 .photobtn{
margin-right: auto;
margin-left: auto;
text-align: center;
}

/* エラー時の背景色 */
#mainclient td.errorArea {

    background-color: #f08080;

}

/* ===========店舗関係============ */

/* アクセス1～5の区切り線 */
#mainclient hr.accessBorder {

    border-top: 1px dashed #8BBA17

}

/* 店舗一覧 : チェックボックス */
#mainclient table#shopListTable th.checkBox {


}

/* 店舗一覧 : 店舗No. */
#mainclient table#shopListTable th.shopNumber {


}

/* 店舗一覧 : 店舗マスタ名 */
#mainclient table#shopListTable th.shopMasterName {


}

/* 店舗一覧 : 会社・店舗名 */
#mainclient table#shopListTable th.shopName {


}

/* 店舗一覧 : 担当者 */
#mainclient table#shopListTable th.assignInfo {


}

/* 店舗一覧 : 管理者コメント */
#mainclient table#shopListTable th.adminComment {


}

/* 店舗一覧 : ステータス */
#mainclient table#shopListTable th.shopStatus {


}

/* 店舗一覧 : 作成日 / 最終更新日 */
#mainclient table#shopListTable th.shopEditDate {


}

/* 店舗一覧 : 操作 */
#mainclient table#shopListTable th.operation {


}

/* 店舗一覧 : 設定状態 */
#mainclient table#shopListTable th.settingInfo {


}


/* ===========掲載枠一覧関係============ */

/* 掲載枠 */
#mainclient div.jobframe {

    background-color: #DCF1FF;

}

/* サブアカウント */
#mainclient .jobframestocktable td.cellSubAccount {
    width: 38%;
}

/* サブアカウント 二行目以降をインデント */
#mainclient .jobframestocktable td .ac_indent{
   padding-left: 3.2em;
    text-indent: -2.6em;
}

/* 掲載枠 */
#mainclient div.mfgjobframe {

    background-color: #FFF4F6;

}

/* 掲載枠内原稿表示テーブル */
#mainclient .jobframestocktable {

    /* 処理なし */

}

/* 求人原稿No. */
#mainclient .jobframestocktable th.cellStockCd {

    width: 18%;

}

/* 勤務地ヘッダ */
#mainclient .jobframestocktable th.cellArea {

    width: 30%;

}

/* 原稿ステータス */
#mainclient .jobframestocktable th.cellStockStatus {

    width: 15%;

}


/* 社内管理メモ */
#mainclient .jobframestocktable th.cellClientMemo {

    width: 15%;

}

/* 原稿作成者、原稿最終更新者 */
#mainclient .jobframestocktable th.cellCreator {

    width: 22%;

}

.waku01{
background-color:#e2e2e2;

}

.waku02{
background-color:#ffecec;
}

.waku03{
background-color:#fddfb6;
}

.waku04{
background-color:#e8f8c1;
}

.waku05{
background-color:#dcf1ff;
}


.waku{
margin-top:10px;
padding:10px;
}
.waku table{
width:100%;

}
.waku table .checkarea{
width:20px;
background:#FFFFFF;
text-align:center;
vertical-align:middle;
}
.waku table .btnbox{
width:15%;
text-align:right;
vertical-align:top;
padding-left:10px;
}
.waku table .btnbox li{
margin-bottom:3px;
}

.waku table .btnbox2{
vertical-align:bottom;
text-align:right;
padding-left:10px;
}
.waku table .btnbox2 li{
margin-top:3px;
}

.waku table .btnbox2 li .atention{
display:block;
line-height:120%;
font-size:85%;
font-weight: bold;
}

.waku table .plansetarea{
padding-left:10px;
padding-bottom:5px;
}
.waku table .plansetarea .floatright{
text-align:right;
font-size:93%;
}
.waku table .plansetarea ul li{
display:inline;
margin-right:15px;
padding-right:15px;
font-size:93%;
}
.waku table .plansetarea ul.infolist li{
border-right:#999999 solid 1px;
}
.waku table .plansetarea ul.infolist li.days{
border-right:none;
}
.waku table .plansetarea div.floatright img{
margin-left:5px;
}
.waku table .plansetarea .planname{
font-size:140%;
font-weight:bold;
margin:3px 0 4px 0;
}
.waku table .aboutarea{
width:85%;
}
.waku table .aboutarea .wakuinfo{
font-size:93%;
line-height:140%;
padding:10px;
background-color:#FFFFFF;
margin-left:10px;
}
.waku table .aboutarea .wakuinfo .imagearea{
text-align:right;
}
.waku table .aboutarea .wakuinfo a{
font-size:120%;
font-weight:bold;
}
.waku table .aboutarea .wakuinfo .messege{
margin:20px 0;
text-align:center;
}
.waku table .aboutarea .wakuinfo .messege em{
display:block;
font-weight:bold;
color: #ff0000;
margin-bottom:5px;
font-size:160%;
}
.waku table .aboutarea .wakuinfo .floatleft a{
text-decoration:underline;
}
.waku table .aboutarea .wakuinfo .floatleft a:hover{
text-decoration:none;
}
.waku table .aboutarea .wakuinfo .floatleft img{
margin-right:10px;
}
.waku table .aboutarea .wakuinfo .floatleft span{
display:block;
margin-top:3px
}
.waku table .aboutarea .wakuinfo .floatright a.link{
font-size: 100%;
font-weight: normal;
margin-right: 10px;
}
.waku table .aboutarea .wakuinfo .floatright img{
vertical-align: bottom;
}
.waku table .aboutarea .wakuinfo table{
width:100%;
border-top:#bebebe solid 1px;
border-right:#bebebe solid 1px;
border-left:#bebebe solid 1px;
margin-top:10px;
}
.waku table .aboutarea .wakuinfo table th{
border-bottom:#bebebe solid 1px;
background:#f3f3f3;
padding:4px 3px 3px 3px;
vertical-align:top;
font-weight:normal;
text-align:center;
}
.waku table .aboutarea .wakuinfo table td{
border-bottom:#bebebe solid 1px;
padding:4px 3px 3px 3px;
vertical-align:top;
font-weight:normal;
text-align:center;
}
.waku table .aboutarea .wakuinfo table th.dotline{
background:#f3f3f3 url(../img/clientpc/waku_line_dot.gif?t=1581030031313) right top repeat-y;
}
.waku table .aboutarea .wakuinfo table td.dotline{
background:transparent url(../img/clientpc/waku_line_dot.gif?t=1581030031313) right top repeat-y;
}

.jobFrameStockSelect{
margin-top:10px;
padding:10px;
}

.jobStockPreview{
margin-top:10px;
padding:10px;
}

.endSoon {
font-size:108%;
font-weight:bold;
color:#ff3333;
}


/* ===========お知らせ一覧============ */
#mainclient div.newsbox{
margin-bottom: 15px;
padding: 7px;
border: 1px solid #cccccc;
}

#mainclient div.newsbox .newstitlebox{
background:#e5f6bb;
padding:7px 10px;
margin-bottom:10px;
}
#mainclient div.newsbox .newstitlebox .floatleft{
font-size:108%;
font-weight:bold;
}
#mainclient div.newsbox .newstitlebox .floatright{
font-size:93%;
}
#mainclient div.newsbox .newstextbox{
font-size:93%;
line-height:140%;
}





/* ===========ポップアップ============ */
#clientpopcontents{
margin:0px auto;
border:#8bba17 solid 1px;
padding-bottom:20px;
background:#ffffff;
text-align:left;
}
.popsizemini{
width:290px;
}
#clientpopcontents .head{
margin:3px;
background:transparent url(../img/clientpc/popcontents_bg.gif?t=1581030031313) top left ;
text-align:right;
line-height:100%;
}
#clientpopcontents .head img{
vertical-align:top;
border-left:#FFFFFF solid 4px;
margin-bottom:0px;
}

#clientpopcontents .messtext{
padding-bottom:15px;
margin:15px;
background:transparent url(../img/common/dotline_glay.gif?t=1581030031313) left bottom repeat-x;
line-height:140%;
}
#clientpopcontents .messtext p{
font-size:93%;
}
#clientpopcontents .messtext textarea{
width:255px;
height:80px;
margin-top:3px;
font-size:108%;
}


#clientpopcontents .errormessbox{
padding:15px 0 15px 45px;
background:transparent url(../img/common/atention_icon.gif?t=1581030031313) 15px 15px no-repeat;
color:#ff3333;
line-height:140%;
font-size:108%;
font-weight:bold;
}
#clientpopcontents .errormesstext{
padding-bottom:15px;
padding-left:30px;
margin:0 15px 15px 15px;
background:transparent url(../img/common/dotline_glay.gif?t=1581030031313) left bottom repeat-x;
line-height:140%;
font-size:93%;
}
#clientpopcontents .errormessbtn{
text-align:center;
}
#clientpopcontents .errormessbtn input{
width:100px;
padding:2px;
font-size:93%;
}

/* 応募通知メールリスト */
.entrymaillist {
width: 229px;
}

/* 確認するボタン */
.btnarea .img {
margin-bottom:5px;
margin-left:7px;
border:0 none;
margin-bottom:1px;
vertical-align:middle;
}

/* ▼確認、詳細、プレビューの詳細画面用スタイル
（★注意：ここはUsePCのstyle.cssと同期させること！） */
div#wrap {
width: 800px;
margin: 0px auto;
padding-bottom: 15px;
text-align: left;
}

div#wrap02 {
width: 520px;
margin: 0px auto;
text-align: left;
}

div#ct-wrap {
width: 800px;
padding-bottom: 10px;
}

div#ct-wrap02 {
width: 800px;
padding-bottom: 15px;
}

div#top-ct-left {
float: left;
width: 615px;
}

div#top-ct-left-in {
float: left;
width: 132px;
background: url(../img/userpc/bg_top_left.gif?t=1581030031313) repeat-y;
}

div#top-ct-main {
float: right;
width: 470px;
padding-bottom: 10px;
}

div#top-ct-main-sc {
float: left;
width: 615px;
padding-bottom: 10px;
}

div#top-ct-main-sc div.top-info-box div.top-info-box-right02 {
float: left;
width: 467px;
}

div#top-ct-right {
float: right;
width: 170px;
}

div#ct-left {
float: left;
width: 520px;
}

div#ct-right {
float: right;
width: 265px;
padding-top:28px;
}

div#ct-wrap:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#ct-wrap { display:inline-block; }
/*\*/
* html div#ct-wrap { height:1%; }
div#ct-wrap { display:block; }
/**/

div#ct-wrap02:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#ct-wrap02 { display:inline-block; }
/*\*/
* html div#ct-wrap02 { height:1%; }
div#ct-wrap02 { display:block; }
/**/

div#top-ct-left-in:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#top-ct-left-in { display:inline-block; }
/*\*/
* html div#top-ct-left-in { height:1%; }
div#top-ct-left-in { display:block; }
/**/

p.f2UserTitle{
background: url(../img/userpc/f2user_ttl.gif?t=1581030031313) no-repeat;
height: 21px;
width: 785px;
font-size: 100%;
line-height: 100%;
font-weight: bold;
color: #FFFFFF;
padding-left: 15px;
padding-top: 8px;
margin-bottom: 10px;
}

div.f2UserTitle02{
border-bottom: 1px solid #ed6600;
padding-bottom: 3px;
width: 800px;
margin-bottom: 10px;
}

div.f2UserTitle02 .titleTxt{
border-left: 5px solid #ed6600;
padding-left: 5px;
font-weight: bold;
line-height: 120%;
float: left;
}

div.f2UserTitle02 .titleBtn{
float: left;
margin-left: 5px;
}

div.f2UserTitle02 .titleBtn02{
float: right;
}

/* 求人詳細 */
.f2jobDetailedTbl{
width: 100%;
border-top: 1px solid #bbbbbb;
border-left: 1px solid #bbbbbb;
font-size: 80%;
margin-bottom: 30px;
}

.f2jobDetailedTblBottom{
margin-bottom: 10px;
}

.f2jobDetailedTblbottomnone {
margin-bottom:0;
}

.f2jobDetailedTbl td{
border-right: 1px solid #bbbbbb;
border-bottom: 1px solid #bbbbbb;
padding: 7px 10px;
}

.f2jobDetailedTbl .cell01{
width: 100px;
background: #fffdde;
}

.f2jobDetailedTbl .cell02{
width: 657px;
}

/* ▼▼▼追加修正部分（勤務地の住所追加）▼▼▼ */
.f2jobDetailedTbl .cell02 p.address{
margin-top:10px;
}
.f2jobDetailedTbl .cell02 img.mapbtn{
vertical-align:text-bottom;
margin-bottom:1px;
}
/* ▲▲▲追加修正部分（勤務地の住所追加）▲▲▲ */

.f2jobDetailedTbl .cell03{
background: #fff1e7;
border-top: 1px solid #bbbbbb;
}

.f2jobDetailedTbl .cell04{
background: #f3f3f3;
}

.f2jobDetailedTbl .cell05{
background: #f3f3f3;
text-align: center;
}

.f2jobDetailedTbl .cell05 li{
display: inline;
margin-right: 10px;
}


.f2jobDetailedTbl .mapBtnImg{
vertical-align: middle;
margin-left: 10px;
}

.f2jobDetailedTbl .iconArea{
}

.f2jobDetailedTbl .iconArea li{
display: inline;
float: left;
margin-right: 5px;
margin-top: 3px;
line-height: 17px;
}

.f2jobDetailedJobTitleArea{
float: left;
width: 620px;
}

.f2jobDetailedJobTitleBtn{
float: right;
margin-top: 7px;
}

.f2jobDetailedJobTitle{
font-weight: bold;
font-size: 140%;
line-height: 120%;
margin-bottom: 5px;
}

.f2jobDetailedJobTitle02{
font-weight: bold;
font-size: 140%;
line-height: 120%;
margin-bottom: 5px;
margin-top: 1px;
}

.f2jobDetailedJobTitle02 img{
vertical-align: text-top;
}

.f2jobDetailedJobicon{
float: left;
margin-right: 10px;
}

.f2jobDetailedJobTitle img{
vertical-align: text-bottom;
margin-left: 5px;
}

.f2jobDetailedJobSubTitle{
line-height: 120%;
}

.f2jobDetailedJobSubTitle img{
vertical-align: middle;
margin-right: 5px;
}

.f2jobDetailedJobCatchArea{
background: #fffdde;
border: 1px solid #ede564;
padding: 7px 10px;
margin-bottom: 10px;
}

.f2jobDetailedJobCatchArea dt{
margin-bottom: 10px;
font-size: 140%;
font-weight: bold;
color: #f16c08;
line-height: 140%;
}

.f2jobDetailedJobPhotoArea{
background: #f3f3f3 url(../img/userpc/f2jobDetailedJobPhotoAreaBg.gif?t=1581030031313) repeat-y;
padding: 5px 5px;
}

.f2jobDetailedJobPhotoArea ul{
width: 382px;
margin-right: auto;
margin-left: auto;
}

.f2jobDetailedJobPhotoArea .photoAreaLeft{
float: left;
}

.f2jobDetailedJobPhotoArea .photoAreaRight{
float: right;
}

.f2jobDetailedJobPhotoArea .detailedPhoto01{
background: #FFFFFF;
border: 1px solid #bbbbbb;
}

.f2jobDetailedJobPhotoArea .detailedPhoto01 td{
/*padding: 10px;*/
padding: 5px;
border-right-style: none;
border-bottom-style: none;
text-align: center;
}

.f2jobDetailedJobPhotoArea .detailedPhoto01 .imgTable{
width: 370px;
height: 264px;
vertical-align: middle;
padding: 0px;
}

.f2jobDetailedJobPhotoArea .caption{
background: url(../img/userpc/icon_job_ex02.gif?t=1581030031313) no-repeat left 0px;
padding-left: 20px;
}

.f2jobDetailedJobDateTxt01{
float: right;
margin-right: 20px;
margin-top: 11px;
}

.f2jobDetailedJobEndTxt01{
float: right;
margin-right: 10px;
margin-top: 11px;
}

.f2jobDetailedJobEndTxt01 .endTxt{
font-weight: bold;
color: #f16c08;
}

.f2jobDetailedJobEntryBtn01{
float: right;
}

.f2jobDetailedJobMoreLink01{
float: left;
background: url(../img/userpc/f2ChoiceCondition_arrow.gif?t=1581030031313) no-repeat left;
padding-left: 11px;
}

.f2jobDetailedJobMobileBtn01{
float: right;
margin-right: 10px;
}

.f2jobDetailedJobSaveBtn01{
float: right;
}

.f2jobDetailedJobWorkList{
width: 800px;
font-size: 80%;
margin-bottom: 20px;
}

.f2jobDetailedJobWorkList li{
margin-bottom: 5px;
}

.f2jobDetailedJobWorkList .workList{
background: url(../img/userpc/f2ChoiceCondition_arrow.gif?t=1581030031313) no-repeat left;
padding-left: 11px;
}

.f2jobDetailedJobWorkLookingArea{
border: 1px solid #bbbbbb;
background: #F5F8EF;
margin-bottom: 30px;
}

.f2jobDetailedJobWorkLookingAreaNoButtonOnly{
}

.f2jobDetailedJobWorkLookingAreaNoButtonOnly .title{
margin: 15px 0px 0px 21px;
}

.f2jobDetailedJobWorkLookingArea .moveWindowBtn01{
float: left;
margin-top: 120px;
padding-left: 20px;
}

.f2jobDetailedJobWorkLookingArea .moveWindowBtn02{
float: right;
margin-top: 120px;
padding-right: 20px;
}

.f2jobDetailedJobWorkLookingArea .moveWindowBtnImg{
cursor: pointer;
}

.f2jobDetailedJobWorkLookingArea .scrollWrapper{
width: 648px;
float: left;
margin-left: 25px;
overflow: hidden;
padding: 20px 0px;
}

.f2jobDetailedJobWorkLookingArea .scrollWrapperNoButton{
width: 648px;
float: left;
overflow: hidden;
padding: 20px 0px;
padding-left: 74px;
}

.f2jobDetailedJobWorkLookingArea .scrollTarget{
width: 3200px;
}

.f2jobDetailedJobWorkLookingArea .scrollList{
float: left;
}

.f2jobDetailedJobWorkLookingArea .scrollList li{
float: left;
margin-right: 20px;
}

.f2jobDetailedJobWorkLookingArea .scrollContent{
font-size: 80%;
width: 142px;
}

.f2jobDetailedJobWorkLookingArea .scrollContent .photoImg{
margin-bottom: 5px;
width: 142px;
height: 102px;
}

.f2jobDetailedJobWorkLookingArea .scrollContent .photoImg img{
border: 1px solid #bbbbbb;
}

.f2jobDetailedJobWorkLookingArea .scrollContent .btnImg{
margin-top: 5px;
}

.f2jobDetailedJobWorkLookingArea .scrollContent .checkbox{
margin-top: 5px;

}

.f2jobDetailedJobWorkLookingArea .scrollContent .checkbox input{
margin-right: 3px;
vertical-align:middle;
}

.f2jobDetailedJobWorkLookingArea .scrollContent li{
line-height: 140%;
float: none;
margin-right: 0px;
}

.f2jobDetailedJobMoreSearchBg01{
background: url(../img/userpc/f2jobDetailedJobMoreSearchBg01.gif?t=1581030031313) no-repeat top;
padding-top: 8px;
margin-bottom: 30px;
}

.f2jobDetailedJobMoreSearchBg02{
background: url(../img/userpc/f2jobDetailedJobMoreSearchBg02.gif?t=1581030031313) no-repeat bottom;
padding-bottom: 8px;
}

.f2jobDetailedJobMoreSearchBg03{
background: #f3f3f3;
font-size: 80%;
padding: 2px 10px;
width: 780px;
}

.f2jobDetailedJobMoreSearchList{
}

.f2jobDetailedJobMoreSearchList li{
display: inline;
margin-right: 10px;
float: left;
white-space: nowrap;
background: url(../img/userpc/f2circle_icon01.gif?t=1581030031313) no-repeat left;
padding-left: 13px;
}

.f2jobDetailedJobFriendArea{
background: #fff1e7;
border-bottom: 1px solid #bbbbbb;
padding: 7px 10px;
font-size: 80%;
}

.f2jobDetailedJobFriendArea .friendBtn{
float: right;
}

.f2jobDetailedJobFriendArea .friendTxt{
float: right;
margin-right: 10px;
font-weight: bold;
}

p.jobInfoDetailH1Outer{
    display: inline;
}

h1.jobInfoDetail {
    font-weight: normal;
    font-size: 100%;
    display: inline;
}

p.backtop {
float: left;
margin-bottom: 10px;
padding-left: 10px;
background: url(../img/userpc/icon_backtop.gif?t=1581030031313) no-repeat left center;
font-size: 80%;
}

p.backtop2 {
float: right;
margin-bottom: 10px;
padding-left: 10px;
font-size: 80%;
}

p.backtop3 {
position:absolute;
left:45%;
margin-bottom: 10px;
font-size: 80%;
}

p.pagetop {
float: right;
margin-bottom: 10px;
padding-left: 12px;
background: url(../img/userpc/icon_pagetop.gif?t=1581030031313) no-repeat left center;
font-size: 80%;
}

/* ペーパーコールブロック */
.f7freephoneArea02{
}

.f7freephoneArea02 span{
float: left;
font-weight: bold;
color: #333333;
font-size: 150%;
margin-right: 8px;
}

.f7freephoneArea02 span img{
margin: 0 6px 4px 0;
*margin: 0 6px 4px 0;
vertical-align: bottom;
}

.f7freephoneArea02 span .oshigotoNo{
color: #666666;
font-size: 14px;
float: none;
}

.f7freephoneArea02 em{
display: none;
}
/* ▲確認、詳細、プレビューの詳細画面用スタイル */

/* 地図ポップアップ */
div.map-area {
    width: 506px;
    height: 454px;
    padding:7px;
    margin-top:15px;
    background: #f3f3f3;
    }

div.map-area .map{
    width:454px;
    float:left;
    position:absolute;
    }

div.map-area .mapImage {
    width: 454px;
    height: 454px;
}

div.map-area .btn{
    width:45px;
    float:right;
    text-align:center;
    }

div.map-area .btn01{
    float:left;
    }

div.map-area .btn02{
    float:right;
    }

div.map-area .btn03{
    clear:both;
    padding-bottom:10px;
    }

div.map-area .btn04{
    clear:both;
    padding-top:10px;
    }

div.show-map-area {
    width: 400px;
    height: 400px;
    padding:7px;
    margin-top:15px;
    background: #f3f3f3;
    }

div.show-map-area .mapImage {
    width: 400px;
    height: 400px;
}

span.dmylink {
    color: #003399;
    text-decoration: none;
    }


div.graph-box-frame {
width: 778px;
margin-top: 25px;
}

div.graph-box {
float: left;
width: 396px;
height: 20px;
margin-right: 17px;
}

div.graph-box-in {
position: relative;
}

div.graph-box02 {
float: left;
width: 364px;
height: 20px;
}

div.graph-box02-in {
position: relative;
}

p.graph-txt01 {
width: 396px;
height: 17px;
overflow: hidden;
background: url(../img/userpc/txt_graph01.gif?t=1581030031313) no-repeat;
text-indent: -9999px;
}
p.graph-txt02 {
width: 364px;
height: 17px;
overflow: hidden;
background: url(../img/userpc/txt_graph02.gif?t=1581030031313) no-repeat;
text-indent: -9999px;
}
p.graph-txt03 {
width: 396px;
height: 17px;
overflow: hidden;
background: url(../img/userpc/txt_graph03.gif?t=1581030031313) no-repeat;
text-indent: -9999px;
}
p.graph-txt04 {
width: 364px;
height: 17px;
overflow: hidden;
background: url(../img/userpc/txt_graph04.gif?t=1581030031313) no-repeat;
text-indent: -9999px;
}
p.graph-txt05 {
width: 396px;
height: 17px;
overflow: hidden;
background: url(../img/userpc/txt_graph05.gif?t=1581030031313) no-repeat;
text-indent: -9999px;
}
p.graph-txt06 {
width: 364px;
height: 17px;
overflow: hidden;
background: url(../img/userpc/txt_graph06.gif?t=1581030031313) no-repeat;
text-indent: -9999px;
}

div.graph-box p.no01 {
position: absolute;
top: -20px;
left: 157px;
width: 23px;
height: 20px;
}
div.graph-box p.no02 {
position: absolute;
top: -20px;
left: 185px;
width: 23px;
height: 20px;
}
div.graph-box p.no03 {
position: absolute;
top: -20px;
left: 213px;
width: 23px;
height: 20px;
}
div.graph-box p.no04 {
position: absolute;
top: -20px;
left: 241px;
width: 23px;
height: 20px;
}
div.graph-box p.no05 {
position: absolute;
top: -20px;
left: 272px;
width: 23px;
height: 20px;
}
div.graph-box p.no06 {
position: absolute;
top: -20px;
left: 300px;
width: 23px;
height: 20px;
}

div.graph-box02 p.no01 {
position: absolute;
top: -20px;
left: 125px;
width: 23px;
height: 20px;
}
div.graph-box02 p.no02 {
position: absolute;
top: -20px;
left: 153px;
width: 23px;
height: 20px;
}
div.graph-box02 p.no03 {
position: absolute;
top: -20px;
left: 181px;
width: 23px;
height: 20px;
}
div.graph-box02 p.no04 {
position: absolute;
top: -20px;
left: 209px;
width: 23px;
height: 20px;
}
div.graph-box02 p.no05 {
position: absolute;
top: -20px;
left: 240px;
width: 23px;
height: 20px;
}
div.graph-box02 p.no06 {
position: absolute;
top: -20px;
left: 268px;
width: 23px;
height: 20px;
}

div.graph-box-frame:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div.graph-box-frame { display:inline-block; }
/*\*/
* html div.graph-box-frame { height:1%; }
div.graph-box-frame { display:block; }
/**/





/* ===========ランキングメニュー(エリア別)============ */
#pagingarea{
margin: 0 3px;
padding: 5px 0 0 0;
}

#pagingarea li{
margin-right: 7px;
float:left;
line-height:130%;
}

#pagingarea li.nofocus a{
background-color:#FFFFFF;
padding:2px 5px;
border:1px solid #669c00;
display:block;
color:#669c00;
}

#pagingarea li.focus a{
background-color:#669c00;
padding:2px 5px;
border:1px solid #669c00;
display:block;
color:#FFFFFF;
font-weight:bold;
}


/*** リスト用テーブル02 ***/
#mainclient .listtable02{
border-top:#8bba17 solid 1px;
border-right:#8bba17 solid 1px;
border-left:#8bba17 solid 1px;
margin-bottom: 10px;
}

#mainclient .listtable02 td, #mainclient .listtable02 th{
font-size:93%;
line-height:140%;
border-bottom:#8bba17 solid 1px;
padding:7px 10px;
vertical-align:top;
font-weight:normal;
}

#mainclient .listtable02 .taxarea{
font-size: 120%;
}

#mainclient .listtable02 th{
text-align:center;
background:#def78a;
width: 25%;
}

#mainclient .listtable02 td{
background:#ffffff;
width: 25%;
}

#mainclient .listtable02 th.dotline{
background:#def78a url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .listtable02 td.dotline{
background:#ffffff url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable02 tr.bgon td{
background:#f4fcde;
}

#mainclient .listtable02 tr.bgon td.dotline{
background:#f4fcde url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable02 tr.bgon02 td{
background:#e0e0e0;
}

#mainclient .listtable02 tr.bgon02 td.dotline{
background:#e0e0e0 url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable02 td.aligncenter{
text-align:center;
}



/*** リスト用テーブル03 ***/
#mainclient .listtable03{
border-top:#8bba17 solid 1px;
border-right:#8bba17 solid 1px;
border-left:#8bba17 solid 1px;
margin-bottom: 10px;
}

#mainclient .listtable03 .cell01{
    width: 4%;
    background: #FFFFFF;
}

#mainclient .listtable03 .cell01 img{
font-size: 0px;
line-height: 0px;
margin: 0px;
padding: 0px;
}

#mainclient .listtable03 .cell02{
width: 95%;
}

#mainclient .listtable03 .cell03{

background:#f4fcde url(../img/clientpc/form_line_dot.gif?t=1581030031313) repeat-y right top !important;
padding: 30px;
width: 100%;
}

#mainclient .listtable03 td, #mainclient .listtable03 th{
font-size:93%;
line-height:140%;
border-bottom:#8bba17 solid 1px;
padding:7px 10px;
vertical-align:top;
font-weight:normal;
}

#mainclient .listtable03 .taxarea{
font-size: 120%;
}

#mainclient .listtable03 th{
text-align:center;
background:#def78a;
width: 24%;
}

#mainclient .listtable03 td{
background:#ffffff;
width: 24%;
}

#mainclient .listtable03 th.dotline{
background:#def78a url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .listtable03 td.dotline{
background:#ffffff url(../img/clientpc/form_line_dot.gif?t=1581030031313) repeat-y right top;
}

#mainclient .listtable03 tr.bgon td{
background:#f4fcde;
}

#mainclient .listtable03 tr.bgon td.dotline{
background:#f4fcde url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable03 tr.bgon02 td{
background:#e0e0e0;
}

#mainclient .listtable03 tr.bgon02 td.dotline{
background:#e0e0e0 url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable03 td.aligncenter{
text-align:center;
}

/*** リスト用テーブル04 ***/
#mainclient .listtable04{
border-top:#8bba17 solid 1px;
border-right:#8bba17 solid 1px;
border-left:#8bba17 solid 1px;
margin-bottom: 10px;
}

#mainclient .listtable04 .cell01{
    width: 8%;
    background: #FFFFFF;
}

#mainclient .listtable04 .cell01 img{
font-size: 0px;
line-height: 0px;
margin: 0px;
padding: 0px;
}

#mainclient .listtable04 .cell02{
width: 95%;
}

#mainclient .listtable04 .cell03{

background:#f4fcde url(../img/clientpc/form_line_dot.gif?t=1581030031313) repeat-y right top !important;
padding: 30px;
width: 100%;
}

#mainclient .listtable04 td, #mainclient .listtable04 th{
font-size:93%;
line-height:140%;
border-bottom:#8bba17 solid 1px;
padding:7px 10px;
vertical-align:top;
font-weight:normal;
}

#mainclient .listtable04 .taxarea{
font-size: 120%;
}

#mainclient .listtable04 th{
text-align:center;
background:#def78a;
width: 23%;
}

#mainclient .listtable04 td{
background:#ffffff;
width: 23%;
}

#mainclient .listtable04 th.dotline{
background:#def78a url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}
#mainclient .listtable04 td.dotline{
background:#ffffff url(../img/clientpc/form_line_dot.gif?t=1581030031313) repeat-y right top;
}

#mainclient .listtable04 tr.bgon td{
background:#f4fcde;
}

#mainclient .listtable04 tr.bgon td.dotline{
background:#f4fcde url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable04 tr.bgon02 td{
background:#e0e0e0;
}

#mainclient .listtable04 tr.bgon02 td.dotline{
background:#e0e0e0 url(../img/clientpc/form_line_dot.gif?t=1581030031313) right top repeat-y;
}

#mainclient .listtable04 td.aligncenter{
text-align:center;
}

/* ポップアップ設定を画面用にカスタマイズ */
#clientpopcontents_custom{
margin:0px auto;
padding-bottom:20px;
background:#ffffff;
text-align:left;
}
.popsizemini{
width:290px;
}
#clientpopcontents_custom .head{
margin:3px;
background:transparent url(../img/clientpc/popcontents_bg.gif?t=1581030031313) top left ;
text-align:right;
line-height:100%;
}
#clientpopcontents_custom .head img{
vertical-align:top;
border-left:#FFFFFF solid 4px;
margin-bottom:0px;
}

#clientpopcontents_custom .messtext{
padding-bottom:15px;
margin:15px;
background:transparent url(../img/common/dotline_glay.gif?t=1581030031313) left bottom repeat-x;
line-height:140%;
}

#clientpopcontents_custom .messtext p{
font-size:93%;
}

#clientpopcontents_custom .messtext textarea{
width:255px;
height:80px;
margin-top:3px;
font-size:108%;
}

#clientpopcontents_custom .errormessbox{
padding:15px 0 15px 45px;
background:transparent url(../img/common/atention_icon.gif?t=1581030031313) 15px 15px no-repeat;
color:#ff3333;
line-height:140%;
font-size:108%;
font-weight:bold;
}

#clientpopcontents_custom .errormesstext{
padding-bottom:15px;
padding-left:30px;
margin:0 15px 15px 15px;
background:transparent url(../img/common/dotline_glay.gif?t=1581030031313) left bottom repeat-x;
line-height:140%;
font-size:93%;
}
#clientpopcontents_custom .errormessbtn{
text-align:center;
}
#clientpopcontents_custom .errormessbtn input{
width:100px;
padding:2px;
font-size:93%;
}

/* 検索プルダウン */
.jobtype1st {
width: 150px;
}

.jobtype2nd {
width: 200px;
}

.jobtype3rd {
width: 130px;
}

.area1st {
width: 150px;
}

.area2nd {
width: 150px;
}

.area3rd {
width: 150px;
}

.area4th {
width: 150px;
}

.access1Area1st {
width: 150px;
}

.access1RouteCompany {
width: 150px;
}

.access1RouteLine {
width: 150px;
}

.access1RouteStation {
width: 150px;
}

/* 枠入れ替え画面の苦肉の策！ */
.marginBottom10 {
* margin-bottom: 10px;
}

/* 原稿保存のメッセージ */
#saveSuccessMsg {
    font-size: 20px;
    font-weight: bold;
}

/* 原稿系の画面でCDの部分に適用 */
.frameJobstockNo {
font-size: 18px;
line-height: 160%;
}



/* 地図プレビュー用 */
div#wrap02 address {
padding-top: 18px;
font-size: 80%;
text-align: center;
}

p.sub-title02 {
margin-bottom: 2px;
padding-left: 4px;
border-left: 5px solid #ee6600;
font-size: 90%;
font-weight: bold;
line-height: 140%;
}

p.sub-title04 {
margin-top: 9px;
color: #ee6600;
font-size: 120%;
font-weight: bold;
line-height: 140%;
}

div.btn-box {
padding:3px 0 8px 0;
*padding: 8px 0px;
background: #f3f3f3;
border-bottom: 1px solid #b3b3b3;
text-align: center;
}

div.btn-close {
padding: 15px 0px 5px 0px;
text-align: center;
}

strong.popheader {
display: block;
width: 520px;
height: 41px;
_height: 71px;
margin-bottom: 30px;
background: url(../../img/clientpc/title_header.gif?t=1581030031313) no-repeat;
text-indent: -9999px;
}

table.jif-map-tbl {
width: 520px;
margin-bottom: 5px;
border-top: 1px solid #bbbbbb;
}

table.jif-map-tbl th {
width: 115px;
padding: 4px 5px;
background: #f2ebdb url(../../img/userpc/line_dot_gray.gif?t=1581030031313) repeat-x left bottom;
text-align: left;
color: #6f4d09;
font-size: 80%;
}

table.jif-map-tbl td {
padding: 4px 6px;
background: url(../../img/userpc/line_dot_gray.gif?t=1581030031313) repeat-x left bottom;
text-align: left;
font-size: 80%;
}

table.jif-map-tbl th.no-line,
table.jif-map-tbl td.no-line {
background-image: none;
}

/* 最大5行制限 */
.maxline05 {

    width: 100%;
    max-height: 7.0em;
    line-height: 1.4em;
    overflow: hidden;

}

/* テキスト装飾なし */
.none-text-decolation {
    text-decoration: none;
}

/* 一覧の操作ボタンブロック */
.listOperationButtonArea {
    text-align: center;
}

/* 一覧の操作ボタンブロック内リンク */
.listOperationButtonArea a:link {
    text-decoration: none;
}

/* 一覧の操作ボタン */
.listOperationButton {

    display: block;
    margin: 3px auto;

}

/* 注意文言 */
p.attentionMsg {
margin-bottom: 15px;
font-size: 15px;
}

/* 注意文言（重要箇所） */
p.attentionMsgRed {
font-size: 17px;
color:#FF0000;
}

/* ↓↓フッター↓↓ */

/* ===== clearfix ===== */
.clearFix:before,
.clearFix:after{
content: "";
display: table;
}

.clearFix:after{
clear: both;
}

.clearFix{
zoom: 1;
}

/*マイナビサービス*/
div.boxMynaviService{
width: 950px;
margin: 15px auto 0 auto;
padding: 0 0 15px 0;
position:relative;
text-align:left;
}

div.boxMynaviService a:link { text-decoration:none; color:#333333; }
div.boxMynaviService a:visited { text-decoration:none; color:#333333; }
div.boxMynaviService a:hover { text-decoration:underline; color:#333333; }
div.boxMynaviService a:active { text-decoration:none; color:#333333; }

div.boxMynaviService p.logo{
position:absolute;
top:00px;
left:00px;
}

div.boxMynaviService div.boxRight{
padding:0 0 0 100px;
}

div.boxMynaviService p.tit{
font-weight: bold;
}

div.boxMynaviService p.btn{
font-weight: bold;
position:absolute;
top:00px;
right:00px;
}

div.boxMynaviService p.btn a{
color:#8BBA17;
}

div.boxMynaviService div.lstService{
background: url(../img/clientpc/bgr_footer_line.gif?t=1581030031313) 100px 0 repeat-y;
}

div.boxMynaviService div.lstService dl{
margin: 10px 0 0 0;
}

div.boxMynaviService dl dt{
float:left;
width:110px;
color: #8BBA17;
}

div.boxMynaviService dl dd{
float:right;
width:740px;
}

div.boxMynaviService dl li{
float:left;
margin:0 0 3px 7px;
padding:0 0 0 7px;
border-left:1px solid #333333;
line-height:1.1;
}

div.boxMynaviService dl li.first{
margin:0 0 3px 0;
padding:0 0 0 0;
border-left:none;
}

div.boxMynaviService div.boxComp{
margin:15px 0 0 0;
padding:55px 0 0 0;
border-top:1px solid #d9d3ce;
}

div.boxMynaviService div.boxComp div.logoCopyright{
float:left;
font-size:10px;
line-height:1;
}

div.boxMynaviService div.boxComp ul{
float:left;
}

div.boxMynaviService div.boxComp ul li{
float:left;
margin:0 0 3px 7px;
padding:0 0 0 7px;
border-left:1px solid #333333;
line-height:1;
font-size: 83.3%;
}

div.boxMynaviService div.boxComp ul li.first{
padding:0 0 0 0;
border-left:none;
}

div.boxMynaviService div.boxComp p.privacy{
position:absolute;
bottom:0px;
right:0px;
}
/* ↑↑フッター↑↑ */

.seasonDiffCell {
     border-left:solid 1px #ff0000;
}

/* sms modal_window*/

.clientTop__Modalbg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#60000000,endColorstr=#60000000);
  background-color: rgba(0,0,0,0.60);
  z-index: 1;
}

.clientTop__Modalbg__box {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 372px;
  height: 100px;
  background: #FFFBFB;
  padding: 20px;
  border: 5px solid #72a90f;
  border-radius: 5px;
}

.clientTop__Modalbg__box .hitText {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.01em;
  color: #333333;
}

.clientTop__Modalbg__box .btnarea {
  text-align: center;
  margin-top: 20px;
}

.clientTop__Modalbg__box .non_text {
  font-size: 80%;
}

.clientTop__Modalbg__box .btnarea p:first-child {
  margin-right: 4px;
  padding: 0;
}

.clientTop__Modalbg__box .btnarea img {
  margin: 0;
  padding: 0;
}

/* ボタンエリア内の画像のデフォルト値を解除 */
.btnarea .btnarea__imgdef{
    margin:0;
    vertical-align:top;
}

/* バックエンド処理状態表示 */
.backEndStateShow {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    vertical-align: -1px;
}

/* ===========status============ */
.statusOk,
.statusNg,
.statusNone{
    display: inline-block;
    font-size: 10px;
    line-height: 13px;
    height: 13px;
    margin: 2px;
    padding: 1px 2px 0;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}

.statusOk{
    border: 1px solid #f94141;
    color: #f94141;
}
.statusNg{
    border: 1px solid #4AADE7;
    color: #4AADE7;
}
.statusNone{
    border: 1px solid #a3a3a3;
    color: #a3a3a3;
}

/* ===========normaltext============ */
.normaltext .tel{
    font-size: 20px;
    font-weight: bold;
}
.normaltext .num{
    font-size: 20px;
    color: #f94141;
}
.btnTestcall{
    text-align: center;
}
.btnTestcall li{
    display: inline-block;
}
.btnTestcall li a{
    display: inline-block;
    font-size: 14px;
    width: 120px;
    text-align: center;
    line-height: 24px;
    height: 24px;
    margin: 2px;
    padding: 3px;
    -webkit-border-radius: 2px;
            border-radius: 2px;
}
.boxTestAnser{
    position: absolute;
    left: 0;
    bottom: 30px;
    width: 100%;
}

.boxTestAnser .txtTestcall{
    text-align: center;
}
.btnTestcall{
    margin-top: 15px;
}
.btnTestcall .btnTestcallOk a{
    border: 1px solid #f94141;
    color: #f94141;
}
.btnTestcall .btnTestcallNg a{
    border: 1px solid #4AADE7;
    color: #4AADE7;
}