/* BASE
-------------------------------------------------------------------------------------------*/
#sp-menu {
clear:both;
width: 100%;
}
#mainCol {
background: url("/parts/images/job/border.gif") repeat-y 526px 0px;
width: 500px;
padding:0px 10px 0px 20px;
}
#sp-menu #headmenu {
float: right;
width: 40%;
margin-top:20px;
margin-right:4px;
text-align: left;
}
#sp-menu .r {
}#sp-menu {
border-bottom:1px solid #CCC;
height: 40px;
width: 100%;
}
.imsp-title {
text-indent:-9999px;
background:url(/parts/images/logo/jobpr.gif) no-repeat 1px 5px;
margin-left:5px;
margin-bottom:5px;
height:35px;
width: 50%;
float: left;
}
.pr-icon {
background:url(/parts/images/icon/atitpr.gif) no-repeat right top;
text-indent:-9999px;
border:0px solid #CCC;
margin: 0px 0px 0px 5px;
}
.ver04 p.pr-icon {
background:url(/parts/images/icon/atitpr.gif) no-repeat right top;
text-indent:-9999px;
border:0px solid #CCC;
margin: 0px 0px 0px 5px;
margin-bottom: 4px !important;
}

.spLogo a {
display:block;width:252px;height:37px;
}
.back-box {
text-align: right;
padding-bottom: 6px;
}
.credit-box {
padding-bottom: 6px;
font-size: 12px;
}
.info-box {
border: 1px solid #DDD;
width:100%;
margin-bottom: 6px;
}
.info-box h3 {
font-size: small;
border-bottom: 1px solid #EEE;
margin-bottom: 3px;
}
.info-box div {
border: 3px solid #EEE;
padding: 4px;
}
.info-box p {
font-size: 12px;
margin-bottom: 0px !important;
}
.credit-box p {
text-align:right;
}
/* img&cap style */
.colimgc {margin-left: auto; margin-right: auto; margin-bottom: 10px; border: 0px solid red; text-align: center;}
.colimgc small {display: block; text-align: center; color:#999; font-size:76%;}
.colimgr {float: right; margin-bottom: 10px; margin-left: 5px; border: 0px solid red; text-align: center;}
.colimgr small {display: block; text-align: center; color:#999; font-size:76%;}
.colimgl {float: left; margin-bottom: 10px; margin-right: 5px; border: 0px solid red; text-align: center; width: auto;}
.colimgl small {display: block; text-align: center; color:#999; font-size:76%;}

#mainCol {
font-size: 130%;
}

#mainCol h1 {
margin-bottom: 10px;
border: 1px solid #EEE;
}
#mainCol h2, #subCol h2 {
font-size: small; 
border-top: 1px solid #AAA;
padding: 5px 2px 0px 7px;
margin-bottom: 10px;
background:url("/parts/images/bar/title_bg_job.jpg") repeat-x 0px 0px ;
height: 26px;
color: #FFF;
clear: both;
}
.colM-adsp {
margin-bottom: 10px !important;
}
.colM-adsp h2 {
margin-bottom: 0px !important;
}

#mainCol p {
line-height: 140%;
margin-bottom: 20px;
}
#Black h2 {
background:url("/parts/images/bar/title_bg_job.jpg") repeat-x 0px 0px ;
}
#Red h2 {
background:url("/parts/images/bar/title_bg_job.jpg") repeat-x 0px -33px ;
}
#Blue h2 {
background:url("/parts/images/bar/title_bg_job.jpg") repeat-x 0px -66px ;
}
#Green h2 {
background:url("/parts/images/bar/title_bg_job.jpg") repeat-x 0px -99px ;
}
#Navy h2 {
background:url("/parts/images/bar/title_bg_job.jpg") repeat-x 0px -133px ;
}
p.abs {
color: #444;
padding: 5px;
font-size: 93%;
font-weight: normal;
background-color: #EED;
margin-bottom: 10px;
}
.colM-adsp {font-size:87%; margin-bottom:10px;}
.colM-adsp .inbox {
background:url("/parts/images/job/tieup/spbox_bg02.gif") repeat left top;
border:0px solid #CCC;
padding: 5px;
}
.colM-adsp .sponsorbox {
background-color:#FFF;
border:1px solid #CCC;
margin:5px;
padding:3px;
_padding: 3px 3px 3px 0px;
}
#subCol .sponsorbox {
margin: 0px 0px 5px 0px;
}
#subCol h2 {
margin: 5px 0px 5px 0px;
}
#subCol .sponsorbox h3 {
border-bottom:1px solid #DDD;
border-left: 0px solid #DDD;
padding: 5px 5px 5px 25px;
margin: 0px 0px 5px 0px;
background:url("/parts/images/icon/tri01.gif") no-repeat 8px 7px #EEE ;
font-size:12px;
color:#444;
}
#subCol .sponsorbox ul {list-style: none; margin: 0px ; padding: 3px 3px 3px 3px ;}
#subCol .sponsorbox ul li {
font-weight:bold;
font-size: 12px;
background:url("/parts/images/icon/dot.gif") no-repeat 0px 6px ;
padding-left: 10px;
margin-bottom: 2px;
}
#subCol {
font-size: small;
}

#subCol .sponsorbox dl {
margin:0px;
padding:2px;
border: 1px solid #DDD;
}
#subCol .sponsorbox dl dt {
margin: 0px;
padding:3px;
background-color: #DDD;
font-weight:bold;
color: #444;
}
#subCol .sponsorbox  dl dt a {
color: #FFF !important;
}
#subCol .sponsorbox dl dd {
margin: 0px;
padding: 3px 3px 3px 20px;
border: 1px solid #DDD;
background:url("/parts/images/icon/dot.gif") no-repeat 8px 8px ;
}

/* GAIYOU
-------------------------------------------------------------------------------------------*/
body.gaiyou #mainCol {
width: 820px;
padding: 0px 0px 10px 10px;
border: 0px solid red;
background-image: none;
}

body.gaiyou hr {visibility:hidden;clear:both;}
body.gaiyou .adtoku.ver01 {}
body.gaiyou #main {
background: none;
}
body.gaiyou #centercol {
width: 820px;
padding: 0px 0px 0px 10px;
}

body.gaiyou .adtoku.ver01 .colM-adsp {border: 1px solid #CCC;}
body.gaiyou .adtoku.ver01 .colM-adsp .inbox {
border: 3px solid #EEE;
background: none;
padding: 0px;
}
body.gaiyou .adtoku.ver01 .colM-adsp h2 {
margin: 0px;
}
body.gaiyou .adtoku.ver01 .colM-adsp h3 {
margin: 5px 0px 0px 0px;
padding: 4px 0px 2px 10px;
background-color: #EEE;
border-bottom: 1px solid #CCC;
border-top: 1px solid #DDD;
font-size: 14px;

}
body.gaiyou .adtoku.ver01 .colM-adsp .sponsorbox {
padding: 0px;
margin: 0px;
}
body.gaiyou .adtoku.ver01 .colM-adsp div.intro {
height: 100%;
}
body.gaiyou .adtoku.ver01 .colM-adsp div.intro p {
margin-top: 2px;
margin-bottom: 2px;
padding: 4px;
height: 100%;
border: 0px solid red;
}
body.gaiyou .adtoku.ver01 .colM-adsp div.intro img {
float: right;
padding-left: 5px;
}
body.gaiyou .adtoku.ver01 .colM-adsp .category dl,
body.gaiyou .adtoku.ver01 .colM-adsp .category dl dt,
body.gaiyou .adtoku.ver01 .colM-adsp .category dl dd {margin: 0px;padding: 0px;}

body.gaiyou .adtoku.ver01 .colM-adsp .category dl {
padding: 7px 0px 7px 3px;
}
body.gaiyou .adtoku.ver01 .colM-adsp .category dl dt {
background: url(/parts/images/icon/dot.gif) no-repeat 3px 6px ;
margin-left: 10px;
padding-left: 15px;
padding-top: 2px;
padding-bottom: 1px;
}
body.gaiyou .adtoku.ver01 .colM-adsp .category dl dd {
margin-left: 10px;
padding-left: 15px;
padding-top: 1px;
padding-bottom: 2px;
font-size: small;
}
body.gaiyou .adtoku.ver01 .colM-adsp .recommend p {
text-align: center;
}

body.gaiyou .adtoku.ver01 #sp-menu {
width: 100%;
border-bottom: 1px solid #888;
margin-left: 0px;
}
body.gaiyou .adtoku.ver01 .imsp-title {
border: 0px solid red;
background: url(/parts/images/logo/jobpr.gif) no-repeat 3px 6px ;
width: 280px;
float: left;
margin-left: 5px;
}
body.gaiyou .adtoku.ver01 #spLogo {
padding-top: 3px;
float: right;
height: 35px;
border: 0px solid red;
width: 300px;
font-size: 10px;
color: #444;
}
body.gaiyou .adtoku.ver01 #spLogo img {
float: right;
}
body.gaiyou .adtoku #headmenu {
width: 492px;
clear: both !important;
background-color:#EEE;
border:1px solid #ACBEC9;
border: 1px solid red;
margin-bottom: 10px;
}


body.gaiyou #sp-menu {
width: 100%;
border-bottom: 0px solid #888;
margin-left: 0px;
}
body.gaiyou.ver01 .imsp-title {
border: 0px solid red;
background: url(/parts/images/logo/jobpr.gif) no-repeat 3px 6px ;
width: 116px;
float: left;
margin-left: 5px;
margin-bottom: 0px;
}

body.gaiyou.ver01 .imsp-title .spLogo a{
width: 116px;
}
body.gaiyou.ver01 #spLogo {
padding-top: 3px;
float: right;
height: 35px;
border: 0px solid red;
width: 300px;
font-size: 10px;
color: #444;
}
body.gaiyou.ver01 #spLogo img {
float: right;
}

/* headBox */
body.gaiyou #headBox {
margin-top:2px;
border: 0px solid red;
color: #444;
}
body.gaiyou .infoBox {
background: url(/parts/images/jibun/gaiyou_head_bg.gif) no-repeat 0px 0px ;
border: 0px solid red;
margin-bottom: 0px;
}
body.gaiyou #headBox .header {
background: url(/parts/images/jibun/gaiyou_head_sidebar.gif) repeat-y 0px 0px ;
margin-bottom: 0px;
width: 100%;
}
body.gaiyou #headBox .header .inBox {
background: url(/parts/images/jibun/gaiyou_head_bar.gif) no-repeat 0px 0px ;
margin-top: 0px;
margin-bottom: 0px;
width: 100%;

}
body.gaiyou #headBox .header h1 {
width: 680px;
height:10px;
margin-top: 5px;
padding: 4px 0px 0px 0px !important;
border: 0px solid red;
float: left;
font-size: small;
text-align: center;
}

body.gaiyou #headBox .infoBox {
min-height:150px;
}
body.gaiyou #headBox .infoBox div.imgBox {
float: left;
margin-top: 5px;
margin-left: 5px;
width: 196px;
height: 136px;
text-align: center;
line-height:136px;
border: 0px solid red;
}
body.gaiyou #headBox .infoBox div.imgBox p {
line-height:136px;
height: 136px;
margin: 0px;
letter-spacing:-10px;
}
body.gaiyou #headBox .infoBox div.imgBox p img.brimg {
}
body.gaiyou #headBox .infoBox div.imgBox p img {
vertical-align:middle
}

body.gaiyou #headBox .listBox {
border: 0px solid red;
padding-top:10px;
margin-left:220px;
font-size: small;
}
body.gaiyou #headBox .listBox p {
width: 99%;
margin: 0px;
line-height:120%;
letter-spacing: -1px;
}
body.gaiyou #headBox .listBox ul {
margin: 0px;
padding: 10px;
list-style: none;
}
body.gaiyou #headBox .listBox ul li {
float: left;
line-height:100%;
width: 45%;
border-bottom: 1px solid #EEE;
font-size: 86%;
padding: 0px 0px 0px 10px;
margin: 5px 0px 5px 0px;
_margin: 0px 0px 0px 0px;
background: url(/parts/images/icon/arr_blue.gif) no-repeat 3px 1px ;
}
body.gaiyou #headBox .listBox ul li strong {
font-weight: normal;
color: #807DA8;
}

body.gaiyou #headmenu {
float: right;
width: 130px;
height: 20px !important;
border: 0px solid red;
margin-top: 5px;
margin-right: 10px;
}
body.gaiyou #headmenu span.l {display:none;}
body.gaiyou p.intro {
margin-top: 0px;
}
body.gaiyou h2 {
background: url(/parts/images/icon/i_gy.gif) no-repeat 5px 4px !important;
border-top: none !important;
border-bottom: 2px solid #E1E1E1 !important;
padding-left: 10px !important;
padding-bottom: 3px !important;
text-indent:10px !important;
height: 16px !important;
margin-bottom: 0px !important;
color: #693 !important;
font-size:14px !important;
}
body.gaiyou h2 span.left {
color: #693;
float: left;
}
body.gaiyou h2 span.right {
float: right;
font-size:small;
font-weight: normal;
padding-top: 3px;
color: #666;
}

/* table */
body.gaiyou table {
font-size:12px;
width: 100%;
border: 0px solid red;
color: #444;
line-height:150%;
letter-spacing:1px;
}
body.gaiyou table tbody{text-align:left;}
body.gaiyou table tbody tr{
margin: 0px;
padding: 0px;
}
body.gaiyou table tbody tr th{
background-color: #F8F8F8;
vertical-align: top;
width: 140px;
padding: 3px 3px 3px 10px;
border-bottom: 1px solid #E1E1E1;
}
body.gaiyou table tbody tr td{
border-bottom: 1px solid #E1E1E1;
padding: 3px 3px 3px 10px;
}
/* PhotoBox 
----------------------------------------------------------------------------------------*/
body.gaiyou .photoBox {
border: 0px solid red;
margin-left: auto;
margin-right: auto;
text-align: center;
color:#666;
}
body.gaiyou .photoBox .outBox {
margin-left: auto;
margin-right: auto;
border: 0px solid red;
min-width:50px;
}
body.gaiyou .Boxw250,
body.gaiyou .Boxw500,
body.gaiyou .Boxw740 {
margin-left: auto;
margin-right: auto;
border: 0px solid red;
}
body.gaiyou .Boxw250 {width: 250px;}
body.gaiyou .Boxw500 {width: 500px;}
body.gaiyou .Boxw740 {width: 740px;}
body.gaiyou .inbox {
width: 200px;
float: left;
margin: 20px 20px 20px 20px;
}
body.gaiyou .inbox p {
font-size: small;
margin: 2px;
}
body.gaiyou .guidelineBox .inbox {
width: 120px;
float: left;
margin: 5px 20px 20px 0px;
}
body.gaiyou .guidelineBox .inbox p {
font-size: small;
margin: 2px;
text-align: center;
}


/* adviceBox
----------------------------------------------------------------------------------------*/
.adviceBox {font-size: small; color: #444;}
.adviceBox .inbox {
width: 120px !important;
float: left !important;
margin: 20px 20px 20px 20px !important;
}
.adviceBox .inbox p {
font-size: small !important;
margin: 2px !important;
text-align: center !important;
}

/* etcBox
----------------------------------------------------------------------------------------*/
.etcBox ul {
margin: 0px;
padding: 10px;
list-style: none;
}
.etcBox ul li {
line-height:100%;
width: 45%;
font-size: 80%;
padding: 3px 0px 3px 10px;
margin: 5px 0px 5px 0px;
_margin: 0px 0px 0px 0px;
background: url(/parts/images/icon/arr_green.gif) no-repeat 3px 4px ;
}
/* etcBox
----------------------------------------------------------------------------------------*/
div.buttonBox {padding: 10px 10px 10px 70px;}
div.buttonBox span {
float: left;
margin: 0px 10px 0px 10px;
}
div.buttonBox span a {
display: block;
height: 37px;
border: 0px solid red;
text-indent: -9999px;
}
div.buttonBox span.button-tokumei { background:url(/parts/images/jibun/gaiyou_btn_anonymity.gif) no-repeat 0px 0px ;}
div.buttonBox span.button-tokumei a {width: 217px;}
div.buttonBox span.button-tokumei a:hover { background:url(/parts/images/jibun/gaiyou_btn_anonymity_on.gif) no-repeat 0px 0px ;}
div.buttonBox span.button-bosyu { background:url(/parts/images/jibun/gaiyou_btn_entry.gif) no-repeat 0px 0px ;}
div.buttonBox span.button-bosyu a {width: 168px;}
div.buttonBox span.button-bosyu a:hover { background:url(/parts/images/jibun/gaiyou_btn_entry_on.gif) no-repeat 0px 0px ;}
div.buttonBox span.button-miru { background:url(/parts/images/jibun/gaiyou_btn_site.gif) no-repeat 0px 0px ;}
div.buttonBox span.button-miru a {width: 217px;}
div.buttonBox span.button-miru a:hover { background:url(/parts/images/jibun/gaiyou_btn_site_on.gif) no-repeat 0px 0px ;}
div.buttonBox span.button-top { background:url(/parts/images/jibun/gaiyou_btn_top.gif) no-repeat 0px 0px ; float:right;}
div.buttonBox span.button-top a {width: 247px; height: 21px;}
div.buttonBox span.button-top a:hover { background:url(/parts/images/jibun/gaiyou_btn_top_on.gif) no-repeat 0px 0px ;}
div.profileBox {
margin-bottom:10px;
}