@charset "UTF-8";

/*----------------------------------------------------------
CSS Information

 File name:      workDetail.css
 Author:         Indival, Inc.
 Style Info:     ワーク詳細指定

----------------------------------------------------------*/

/*--------------------------------------------------------------
 レイアウト指定
--------------------------------------------------------------*/

#mainColumn {
width:950px;
margin:0;padding:0;
}

#container {
word-break:break-all;
}


/*--------------------------------------------------------------
 CSS Sprites
--------------------------------------------------------------*/

#summaryColumn .hdr,#summaryColumn .ftr,.subColumn .hdr,.subColumn .ftr,#graphicColumn .hdr,#graphicColumn .ftr,#graphicColumn .inner .photoBox .pRight .photo .phdr,#graphicColumn .inner .photoBox .pRight .photo .pftr,#worktitle .thumbs .lft,#worktitle .thumbs .rgt,#indicatorColumn .hdr,#indicatorColumn .ftr,#indicatorColumn .indicatorBox .inner h3,#indicatorColumn .indicatorBox .inner ul li,#indicatorColumn .indicatorBox .inner ul li p#feat01,#indicatorColumn .indicatorBox .inner ul li p#feat02,#indicatorColumn .indicatorBox .inner ul li p#feat03,#indicatorColumn .indicatorBox .inner ul li p#feat04,#indicatorColumn .indicatorBox .inner ul li .female,#indicatorColumn .indicatorBox .inner ul li .male,#indicatorColumn .indicatorBox .inner ul li .teen,#indicatorColumn .indicatorBox .inner ul li .sixtys,#indicatorColumn .indicatorBox .inner ul li .fewness,#indicatorColumn .indicatorBox .inner ul li .group,#indicatorColumn .indicatorBox .inner ul li .calm,#indicatorColumn .indicatorBox .inner ul li .cheer,#indicatorColumn .indicatorBox .inner ul li .measure .wrpArrow,#indicatorColumn .indicatorBox .inner ul li .indArrow01,#indicatorColumn .indicatorBox .inner ul li .indArrow02,#indicatorColumn .indicatorBox .inner ul li .indArrow03,#indicatorColumn .indicatorBox .inner ul li .indArrow04,#indicatorColumn .indicatorBox .inner ul li .indArrow05,.entryColumn .arrowDownward,.multiBox_hdr,.multiBox_ftr,.entryColumn .ppc_column .hxTel,.ppc_columnOnly .hxTel,.annotationColumn .hdr,.annotationColumn .ftr,#promo_area .hdr,#promo_area .ftr,#approximate_area .hdr,#approximate_area .ftr,#sRecently_area .hdr,#sRecently_area .ftr{
background-image:url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/bkgDtailGroupCompress.png);
}

#worktitle .ttl h1,#worktitle .ttl h2 span.dispatch,.subColumn .hdr h3#shft,#graphicColumn .inner .photoBox .pLeft .camera,.subColumn .hdr h3#corpInfo,.subColumn .hdr h3#entryFlow,.subColumn .inner #corp dt.corpName,.subColumn .inner .wkl .icoSrslt,.subColumn .hdr h3#wDtail,#summaryColumn .columnBody td.wPlace .map,#goumetTtl,#goumetColumn #couponTtl,.entryColumn .ppc_columnOnly .favorList .icoFlist{
background-image:url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/common/icoCmnCompress.png);
}

/*--------------------------------------------------------------
 タイトル指定
--------------------------------------------------------------*/

#worktitle {
margin:0;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/dtitle_bkg.gif) repeat-x scroll left top;
height:82px;
}

#worktitle .ttl {
margin:16px 0 0 8px;width:auto;
float:left;
}

#worktitle .ttl h1 {
background-position:0px -1198px;
background-repeat:no-repeat;
margin:0;padding:5px 0 5px 30px;
font-size:152%;
}

#worktitle .ttl h2 {
margin:0 0 0 30px;padding:5px 0;
font-size:100%;font-weight:normal;
}

#worktitle .ttl h2 span.dispatch {
background-position:0px -1066px;
background-repeat:no-repeat;
width:29px;height:16px;
display:inline-block;
text-indent:-9999px;
}

#worktitle .thumbs{
margin:17px 10px 0 0;padding:0;width:auto;
float:right;
}

#worktitle .thumbs .lft{
background-position:-942px -89px;
background-repeat:no-repeat;
width:4px; height:58px;float:left;
}

#worktitle .thumbs .rgt{
background-position:-946px -89px;
background-repeat:no-repeat;
width:4px; height:58px;float:left;
}

#worktitle .thumbs .logo{
background-color:#fff;
padding:3px 0;
border:1px solid #d0d0d0;
border-width:1px 0;
float:left;
height:50px;
}

#poeList {
text-align:right;
margin:0 10px -13px;
position:relative;
}

/*--------------------------------------------------------------
 メインカラム指定
--------------------------------------------------------------*/

/*-------------
サマリー
--------------*/

#summaryColumn {
margin:0;padding:0;
}

/* comment */
#summaryColumn .hdr{
background-position:0px 0px;
background-repeat:no-repeat;
margin:0;padding:0;
height:6px;
}

#summaryColumn .ftr{
background-position:0px -6px;
background-repeat:no-repeat;
margin:0;padding:0;
height:6px;

}

*html #summaryColumn .ftr{
font-size:0;/*for IE6*/
}

#summaryColumn .columnBody {
margin:0;
padding:0;
border:1px solid #d0d0d0;
border-width:0 1px;
background:#eee;
}

#summaryColumn .columnBody .inner {
margin:0 4px 0 4px;
padding:8px;
border:1px solid #c1c1c1;
border-width:1px;
background:#fff url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/bkg_offerComment.gif) no-repeat scroll right top;
}

#summaryColumn .columnBody table,.subColumn .inner table {
margin:0;padding:0;
border-collapse:collapse;
border-spacing:0;

/*width:auto;全長922px*/
}

#summaryColumn .columnBody th,.subColumn .inner th {
background:#FBFBFB url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/common/ico_arrowOrg2.gif) no-repeat scroll 5px center;
width:98px;
text-align:left;font-weight:normal;
border:1px solid #d0d0d0;
font-size:93%;
padding:5px 0 5px 17px;
}
#summaryColumn .columnBody td,.subColumn .inner td {
border:1px solid #d0d0d0;
border-width:1px 0 1px 1px;
padding:6px;
vertical-align:top;
}

#summaryColumn .columnBody td.wConts,.subColumn .inner td.wList {
border-width:0 0 1px 1px;
padding:2px 150px 6px 6px;
width:649px;
}
#summaryColumn .columnBody td.wPlace,#summaryColumn .columnBody td.wTraffic,.subColumn .inner td.minsWork,.subColumn .inner td.mindWork {
border-width:1px 0 0 1px;
}

#summaryColumn .columnBody td.wPlace .map{
background-position:0px -984px;
background-repeat:no-repeat;
padding:1px 0 1px 16px;
display:-moz-inline-box;
display:inline-block;
}

#summaryColumn .columnBody td #pluralStatiion {
margin:5px 0 0;
font-size:93%;
}

#summaryColumn .columnBody td #pluralStatiion ul{
margin:0;padding:0;
}

#summaryColumn .columnBody td #pluralStatiion ul li{
margin:0;padding:0 0 0 10px;
list-style: disc none inside;
}

/*-------------
タグ
--------------*/

div#tag_column{
padding:5px 0 0 5px;
float:left;
width:810px;
}

.tags{
background-color:#F4A50B;
color:#222;
font-size:93%;line-height:83%;
margin:0 3px 3px 0;
padding:4px 5px 2px;
display:inline-block;
border:1px solid #ffdc98;
border-color:#ffdc98 #a66e00 #a66e00 #ffdc98;
}

/*-------------
応募倍率
--------------*/

.magnificationBox {
margin:8px 7px 0;
float:right;width:auto;
font-size:88%;
}

.magnificationBox .bggray {
color:#555555;
background-color:#f7f7f7;
font-size:100%;
margin:0 10px 0 0;
padding:3px 5px 1px;
}

/*--------------------------------------------------------------
 エントリーボタン指定
--------------------------------------------------------------*/

.entryColumn{
margin:20px 0 20px 0;
}

/* entry button */
.entrybtnArea{
text-align:center;
padding:10px 0;
}

.entrybtnArea img{
vertical-align:top;
}

.entryColumn .arrowDownward{
background-position:0px -140px;
background-repeat:no-repeat;
width:302px;height:56px;
margin:8px auto;
text-indent:-9999px;
}

.entryColumn .transferShft {
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/info_transferShft.gif) no-repeat scroll left top;
width:574px;height:50px;
margin:5px auto;padding:0;
text-indent:-9999px;
}

/*--------------------------------------------------------------
 PPC 
--------------------------------------------------------------*/

.entryColumn .ppc_column{
width:235px;
padding:0;
margin:0 0 -50px;
}

.entryColumn .ppc_column .hxTel {
background-position:-302px -140px;
background-repeat:no-repeat;
width:176px;height:20px;
text-indent:-9999px;
margin:0;padding:0;
}

.entryColumn .ppc_column .telto {
margin:0;padding:0;
}

.entryColumn .ppc_column span.dial {
color:#fd01a7;
font-size:170%;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:middle;
}
.entryColumn .ppc_column span.free {
font-size:93%;
vertical-align:middle;
}
.entryColumn .ppc_column .frontDesk{
font-size:93%;
padding:4px 0 0;
margin:0;
}

/*--------------------------------------------------------------
 PPC only
--------------------------------------------------------------*/

.entryColumn .ppc_columnOnly{
width:350px;
padding:0 15px 0 0;
margin:0 auto;
}

.entryColumn .ppc_columnOnly .hxTel {
background-position:-302px -140px;
background-repeat:no-repeat;
width:176px;height:20px;
text-indent:-9999px;
margin:0 auto;padding:0;
}

.entryColumn .ppc_columnOnly .telto {
margin:0;padding:0;
text-align:center;
}

.entryColumn .ppc_columnOnly span.dial {
color:#fd01a7;
font-size:167%;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
vertical-align:middle;
}
.entryColumn .ppc_columnOnly span.free {
font-size:93%;
vertical-align:middle;
}
.entryColumn .ppc_columnOnly .frontDesk{
font-size:93%;
padding:4px 0 0;
margin:0;
text-align:center;
}

.entryColumn .ppc_columnOnly .favorList{
font-size:93%;
padding:4px 0 0;
margin:0;
text-align:center;
}

.entryColumn .ppc_columnOnly .favorList .icoFlist{
background-position:0 -619px;
background-repeat:no-repeat;
display:inline-block;
height:11px;
margin:0 4px 0 0;
width:11px;
vertical-align:middle;
}

/*--------------------------------------------------------------
 サブカラム指定
--------------------------------------------------------------*/

.subColumn {
margin:10px 0 0 0;
padding:0;

}

.subColumn .hdr {
background-position:0px -12px;
background-repeat:no-repeat;
margin:0;
padding:10px 12px 0;
height:20px;
}

.subColumn .hdr h3{
margin:0;
padding:0 0 0 15px;
font-weight:normal;
font-size:93%;
}

.subColumn .hdr h3#shft{
background-position:0px -189px;
background-repeat:no-repeat;
}

.subColumn .hdr h3#wDtail{
background-position:0px -556px;
background-repeat:no-repeat;
}

.subColumn .hdr h3#corpInfo{
background-position:0px -311px;
background-repeat:no-repeat;
}
.subColumn .hdr h3#entryFlow{
background-position:0px -587px;
background-repeat:no-repeat;
}
.subColumn .ftr {
background-position:0px -65px;
background-repeat:no-repeat;
margin:0;
padding:0;
height:4px;width:950px;
}

* html .subColumn .ftr{
font-size:0;/*for IE6*/
}

.subColumn .inner{
border:1px solid #d0d0d0;
border-width:0 1px 0 1px;
background:#fff;
}

.subColumn .inner .wrap{
padding:12px 13px 6px;margin:0;
}

.subColumn .inner td.wList{
width:auto;padding:2px 6px 6px;
}

.subColumn .inner td.overtime,.subColumn .inner td.fee{
border-width:0 0 1px 1px;
}

.subColumn .inner td.recital{
border-width:1px 0 0 1px;
}

.subColumn .inner td p.license{
margin:5px 0 0;padding:5px 0 0;
border:1px dashed #d0d0d0;
border-width:1px 0 0;
}

.subColumn .inner dl#corp{
margin:0;padding:0;

}
.subColumn .inner #corp dt.corpName{
background-position:0px -710px;
background-repeat:no-repeat;
padding:0 0 0 12px;
font-size:122%;
}
.subColumn .inner #corp dd.corpExp{
padding:0 0 0 10px;margin:0;
}
.subColumn .inner #corp dd.corpAdress{
padding:0 0 0 10px;margin:14px 0 0;
}

.subColumn .inner .wkl{
margin:0;padding:0;text-align:right;
}
.subColumn .inner .wkl .icoSrslt{
background-position:0px -282px;
background-repeat:no-repeat;
width:11px;height:11px;
margin:0 4px 0 0;
display:-moz-inline-box;
display:inline-block;
}

.subColumn .hrb{
background:#ea571e;
height:3px;
margin:0;
font-size:0;line-height:0;
}

/*--------------------------------------------------------------
 シフト表示指定
--------------------------------------------------------------*/

dl.shiftTable{
margin:0 0 4px 4px;
padding:0;
}

dl.shiftTable dt{
border:1px solid #d6d6d6;
font-size:10px;
text-align:center;
width:20px;
padding:0.2em;
margin:3px 0px;
float:left;
}

dl.shiftTable dd{
width:100px;
border:0px solid #fff;
padding:0.2em;
float:left;
display:block;
}

div#entryConfirm{
margin:10px auto;
width:400px;
}

div#entryConfirm2{
margin:10px auto;
width:400px;
}

div#entryConfirm .entryConfirmLeft{
float:left;
margin:0 10px 0 0;
}

div#entryConfirm .entryConfirmRight{
float:left;
}

div#entryConfirmUpper{
margin:15px auto 0;
width:400px;
}

div#entryConfirmUpper .entryConfirmLeft{
float:left;
margin:0 10px 0 0;
}

div#entryConfirmUpper .entryConfirmRight{
float:left;
}

div#entry_column_upper{
margin:10px 0 0 0;
text-align:center;
}

/*--------------------------------------------------------------
 業務委託の注記
--------------------------------------------------------------*/

.annotationColumn {
margin:8px 0;
padding:0;
}

.annotationColumn .hdr {
background-position:0px -79px;
background-repeat:no-repeat;
margin:0;
padding:0;
height:6px;
}

.annotationColumn .ftr {
background-position:0px -83px;
background-repeat:no-repeat;
margin:0;
padding:0;
height:6px;width:950px;
}

.annotationColumn .inner{
border:1px solid #d0d0d0;
border-width:0 1px 0 1px;
background:#fff;
}

.annotationColumn .inner .wrap{
padding:6px 15px;margin:0;
}

.annotationColumn .inner .wrap p{
margin:0;
font-weight:bold;
}

/*シンプルマルチコラム*/

.multiBox{
border:1px solid #cccccc;
border-width:0 1px;
margin:0;
padding:0 13px;
}

.multiBox_hdr{
background-position:0px -79px;
background-repeat:no-repeat;margin:0;
padding:0;
height:6px;
}

.multiBox_ftr{
background-position:0px -85px;
background-repeat:no-repeat;margin:0 0 10px;
padding:0;
height:4px;
}

.multiBox .main p{
margin:0;
padding:5px 0;
}

/*--------------------------------------------------------------
 インジケーター指定
--------------------------------------------------------------*/

#indicatorColumn{
margin:10px 0 0;
}

#indicatorColumn .hdr{
background-position:0px -69px;
background-repeat:no-repeat;
margin:0;
padding:0;
height:5px;
}

#indicatorColumn .ftr{
background-position:0px -74px;
background-repeat:no-repeat;
margin:0;
padding:0;
height:5px;
}

#indicatorColumn .indicatorBox{
border:1px solid #d0d0d0;
border-width:0 1px;
background-color:#eee;
margin:0;
padding:0 4px;
}

#indicatorColumn .indicatorBox .inner{
background-color:#fff;
padding:6px 10px;
}

#indicatorColumn .indicatorBox .inner ul{
margin:0;padding:0;
}

#indicatorColumn .indicatorBox .inner ul li{
background-position:0px -89px;
background-repeat:no-repeat;
width:449px;height:51px;
list-style:none;
margin:3px 0;padding:0 0 0 1px;
}

#indicatorColumn .indicatorBox .inner ul li.left{
float:left;
}
#indicatorColumn .indicatorBox .inner ul li.right{
float:right;
}

#indicatorColumn .indicatorBox .inner ul li p{
text-indent:-9999px;
width:100px;height:18px;
margin:16px 0 0;
float:left;
}

#indicatorColumn .indicatorBox .inner ul li p#feat01{
background-position:-450px -119px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li p#feat02{
background-position:-550px -119px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li p#feat03{
background-position:-650px -119px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li p#feat04{
background-position:-750px -119px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li .measure {
float:left;font-size:0;/*for IE6*/
height:15px;margin:18px 0 0 1px;
}

#indicatorColumn .indicatorBox .inner ul li .measure .wrpArrow{
background-position:-450px -104px;
background-repeat:no-repeat;
width:231px;height:15px;
float:left;font-size:0;/*for IE6*/
}

#indicatorColumn .indicatorBox .inner ul li .capName {
width:56px;height:15px;float:left;
text-indent:-9999px;font-size:0;/*for IE6*/
}

#indicatorColumn .indicatorBox .inner ul li .male {
background-position:-506px -89px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li .female {
background-position:-450px -89px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li .sixtys {
background-position:-618px -89px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li .calm {
background-position:-786px -89px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li .cheer {
background-position:-842px -89px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li .fewness {
background-position:-674px -89px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li .group {
background-position:-730px -89px;
background-repeat:no-repeat;
}
#indicatorColumn .indicatorBox .inner ul li .teen {
background-position:-562px -89px;
background-repeat:no-repeat;
}

#indicatorColumn .indicatorBox .inner ul li .indArrow01 {
background-position:-898px -89px;
background-repeat:no-repeat;
width:12px;height:15px;
margin:0 199px 0 20px;
text-indent:-9999px;
display:block;
}
#indicatorColumn .indicatorBox .inner ul li .indArrow02 {
background-position:-898px -89px;
background-repeat:no-repeat;
width:12px;height:15px;
margin:0 154px 0 65px;
text-indent:-9999px;
display:block;
}
#indicatorColumn .indicatorBox .inner ul li .indArrow03 {
background-position:-898px -89px;
background-repeat:no-repeat;
width:12px;height:15px;
margin:0 109px 0 110px;
text-indent:-9999px;
display:block;
}
#indicatorColumn .indicatorBox .inner ul li .indArrow04 {
background-position:-898px -89px;
background-repeat:no-repeat;
width:12px;height:15px;
margin:0 64px 0 155px;
text-indent:-9999px;
display:block;
}
#indicatorColumn .indicatorBox .inner ul li .indArrow05 {
background-position:-898px -89px;
background-repeat:no-repeat;
width:12px;height:15px;
margin:0 19px 0 200px;
text-indent:-9999px;
display:block;
}

#indicatorColumn .indicatorBox .inner h3{
background-position:0px -192px;
background-repeat:no-repeat;
margin:0;
padding:7px 0 0 160px;
height:20px;
font-weight:normal;font-size:93%;vertical-align:middle;
}

/*--------------------------------------------------------------
 募集コメント
--------------------------------------------------------------*/

.offerComment{
color:#FF9900;font-size:144%;
font-weight:bold;
border-width:4px 1px 1px;
border-color:#febf01 #d0d0d0 #d0d0d0;
border-style:solid;
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/bkg_offerCmm.gif) repeat-x scroll left top;
margin:0;padding:0;
letter-spacing:normal;
}

.offerComment .wrap{
padding:10px 14px 8px 14px;margin:0;
border:1px solid #fff;
}

/*--------------------------------------------------------------
 グラフィックエリア指定
--------------------------------------------------------------*/
#graphicColumn{
margin:0 0 10px;
}


#graphicColumn .inner{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/bkg_graphsla.gif) repeat scroll left top;
border:1px solid #d0d0d0;
border-width:0 1px 1px;
}

#graphicColumn .inner .photoBox{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/title_photoimg_bkg.gif) repeat-y scroll 30px top;
}

#graphicColumn .inner .photoBox .pLeft{
width:84px;float:left;text-align:right;
}

#graphicColumn .inner .photoBox .pLeft .camera{
background-position:0px -1267px;
background-repeat:no-repeat;
display:-moz-inline-box;
display:inline-block;
padding:30px 0 0;margin:50px 0 0;
}

#graphicColumn .inner .photoBox .pRight{
float:left;text-align:center;
width:826px;
padding:0 0 0 30px;
}

#graphicColumn .inner .photoBox .pRight .photo{
width:252px;padding:10px 5px;
vertical-align:top;
display:-moz-inline-box;display:inline-block;
/display:inline;/zoom:1;
}


#graphicColumn .inner .photoBox .pRight .photo .source{
border:1px solid #d0d0d0;
border-width:0 1px;
padding:0 5px;
background-color:#fff;
position:relative;
}

#graphicColumn .inner .photoBox .pRight .capArea{
border:1px solid #d0d0d0;
border-width:0 1px;
padding:3px 5px 0;
background-color:#fff;
}

#graphicColumn .inner .photoBox .pRight .caption{
font-size:93%;
border:1px solid #d0d0d0;
border-width:1px 0 0;
padding:5px 0;
margin:0;
letter-spacing:normal;
text-align:left;
}

#graphicColumn .inner .photoBox .pRight .photo .phdr{
background-position:-681px -104px;
background-repeat:no-repeat;
height:6px;
}

#graphicColumn .inner .photoBox .pRight .photo .pftr{
background-position:-681px -110px;
background-repeat:no-repeat;
height:6px;
}

#graphicColumn .hdr{
background-position:-853px -116px;
background-repeat:no-repeat;
width:80px;height:5px;
margin:-5px 0 0 31px;
position:relative;
}

#graphicColumn .ftr{
background-position:-853px -121px;
background-repeat:no-repeat;
width:80px;height:5px;
margin:-1px 0 0 31px;
}

.message_area{
width:535px;
}

.request_area{
width:365px;
}
.errBox{
background:#ffff99;
}
.errMsg{
color:#ff0000;
}

/*相談ＯＫ*/
.negotiationtxt {
color:#fff;
background-color:#f022af;
margin:0 5px;padding:2px 4px 1px 4px;
font-size:86%;
display:inline-block;
}

.emphasisTxt {
color: #F022AF;
}

/* shiftInputGraph *********************/
div#shift_column{
font-size:14px;
margin:5px 14px;
padding:5px 0;
border-bottom:1px solid #E6E6E6;
}

div#shiftText{
margin-top:15px;
padding:0 0 0 28px;
vertical-align:top;
float:left;
}
div#shiftTutorial{
margin:8px 35px 0 0;
float:right;
vertical-align:top;

}
div#shiftGraph{
margin:0;
padding:0 0 0 10px;
}

div#shiftCommnet{
margin:5px 0px 5px 0px;
padding:0 28px;
}

#flashColumn{
margin:0 auto;;
}

div.inputTutorial{
padding:10px 0 5px 0;
}

div.inputTutorial h3{
font-size:12px;
margin:0 0 5px 0;
padding:0;
}

div.messages{
line-height:1.6em;
}

div.messagesPink{
color:#f800a3;
}

div.entryNotice{
color:#f800a3;
margin:10px 20px 0px 40px;
width:360px;
}

div.entryDirect{
color:#f800a3;
margin:15px auto;
}

div.shiftInputMenu{
text-align:right;
}

div.shiftInputMenu ul{
margin:5px;
padding:0;
}

div.shiftInputMenu li{
margin:0;
padding:0;
float:left;
list-style-type:none;
line-height:1.5em;
}

.displayDayName{
background-color:#3AC2D0;
border:1px solid #D6D6D6;
padding:4px;
margin:0 5px 0 10px;
color:#FFFFFF;
font-size:10px;
text-align:center;
width:30px;
}


/*-------------
複数勤務地表示用
--------------*/
span.fuzzyCondition{
color: #ff00a8;
}

/*-------------
Flow
--------------*/

/* normal */
table.registrationFlowNormal{
width:750px;
margin:10px auto 0 auto;
}

table.registrationFlowNormal th{
width:214px;
height:33px;
text-align:center;
margin:0;
padding:0;
}

table.registrationFlowNormal th.current{
font-weight:bold;
}

table.registrationFlowNormal td{
text-align:center;
margin:0;
padding:0;
width:48px;
}

/* direct */
table.registrationFlowDirect{
width:950px;
margin:10px auto 0 auto;
}

table.registrationFlowDirect th{
width:167px;
height:33px;
text-align:center;
margin:0;
padding:0;
}

table.registrationFlowDirect th.current{
font-weight:bold; 
}

table.registrationFlowDirect td{
text-align:center;
margin:0;
padding:0;
width:22px;
}

/* フッタリンク */
div#footerLink{
text-align:center;
}

/*--------------------------------------------------------------
 PICK UP & 人気の検索条件
--------------------------------------------------------------*/

#promo_area{
margin:10px 0 5px;
}

#promo_area .hdr{
background-position:left -79px;
height:6px;
}

#promo_area .ftr{
background-position:left -83px;
height:6px;
}

#promo_area .inner_wrap{
padding:7px 14px;
border:1px solid #ddd;
border-width:0 1px;
}

#promo_area ul{
margin:0;
padding:0;
}

#promo_area li{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/common/ico_arrow_org.gif) no-repeat scroll left center;
padding:0 0 0 14px;
line-height:1.5;
list-style:none;
font-size:93%;
}

/* pick up */
#promo_area .pickup{
width:370px;
float:left;
padding:0;
}

/* 人気の検索条件 */
#promo_area .popularity{
width:280px;
float:left;
padding:0;
word-break:break-all;
}

#promo_area .popularity li{
float:left;
margin:0 7px 0 0;
white-space:nowrap;
width:auto;
}

#promo_area .pickup h3{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/common/hx_pickup.gif) no-repeat scroll left center;
margin:0 0 6px;
padding:0;
text-indent:-9999px;
width:82px;height:16px;
font-size:0;
}

#promo_area .popularity h3{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/common/hx_popularity.gif) no-repeat scroll left center;
font-size:0;
margin:0 0 6px;
padding:0;
text-indent:-9999px;
width:115px;height:16px;
}

/*--------------------------------------------------------------
 近似
--------------------------------------------------------------*/

#approximate_area{
margin:10px 0 5px;
}

#approximate_area .hdr{
background-position:left -79px;
height:6px;
}

#approximate_area .ftr{
background-position:left -83px;
height:6px;
}

#approximate_area .inner_wrap{
padding:7px 14px;
border:1px solid #ddd;
border-width:0 1px;
}

#approximate_area dl{
margin:0;
padding:0;
}

#approximate_area dt{
width:92px;height:27px;
padding:0;
margin:0;
text-indent:-9999px;
font-size:0;
float:left;
clear:left;
}

#approximate_area dd{
font-size:93%;
height:23px;
margin:0 0 0 100px;
padding:6px 0;
width:auto;
}

#approximate_area dt#appCompany{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/hx_appCompany.gif) no-repeat scroll left top;

}

#approximate_area dt#appKindofjob{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/hx_appKindofJob.gif) no-repeat scroll left top;

}

#approximate_area dt#appArea{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/hx_appArea.gif) no-repeat scroll left top;

}

#approximate_area .popularity{
width:280px;
float:left;
padding:0;
word-break:break-all;
}

#approximate_area  #appTitle{
background:transparent url(http://i.yimg.jp/images/employment/shft/d/d002_matsuya/cu/detail/hx_approximate.gif) no-repeat scroll left top;
margin:0 0 6px;
padding:0;
text-indent:-9999px;
width:234px;height:20px;
font-size:0;
}