@charset "utf-8"
/* - 初期化 -------------------- */
* {
 margin: 0;
 padding: 0;
 border: 0;
 font-family: "ＭＳ Ｐゴシック", sans-serif, "ヒラギノ角ゴ Pro W3" ,"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
 font-size: 12px;
 font-weight: none;
 list-style-type: none;
	text-decoration: none;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote {
margin:0;
padding:0;
}

/* - 共通 -------------------- */
body {
 font-size: 12px;
 line-height: 18px;
 text-align: center;
 background-color: #ffffff;
 margin:0px;
 color: #333;
 background: transparent url(../img/site/bodyback0.gif) repeat left top;
}

.bodycontents {

}

.bodyleft {
 width: 8px;
 background: transparent url(../img/site/bodyback1.gif) repeat-y right top;
}

.bodyright {
 width: 8px;
 background: transparent url(../img/site/bodyback2.gif) repeat-y left top;
}

img {
 border: 0px;
 margin: 0px;
}

table {  
 border-collapse:collapse;  
 border-spacing:0;  
}

li {
 list-style-type: none;
	text-decoration: none;
}

p {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

.h5 {
 font-size: 0.1px;
 height: 10px;
}

/* - Font ---- */
.f10 {
 font-size: 10px;
 line-height: 14px;
}

.f12 {
 font-size: 12px;
 line-height: 16px;
}

.f14 {
 font-size: 14px;
 line-height: 18px;
}

.f16 {
 font-size: 16px;
 line-height: 20px;
}

.f18 {
 font-size: 18px;
 line-height: 22px;
}

.bold {
 font-weight: bold;
}

.clear {
 font-size:0px;
 clear: both;
}

.alcenter {
 text-align: center;
}

/* - FORM  -------------------- */
.input-container {
 padding-left:8px;
 border-left:2px solid #ccc;
}

.std-input {
 border: 1px solid #c3bbb8;
 height: 20px;
 padding:1px 0 1px 4px;
 background-color: #fff;
 font-size:14px;
}

.err-input {
 font-size:14px;
 border: 1px solid #c3bbb8;
 height: 20px;
 padding:1px 0 1px 4px;
 background-color: #ffd9d9;
}

#sex-container {
 padding:4px 0 2px 4px;
}

#mailmag-container {
 padding:4px 0 2px 4px;
}

.err-div {
 background-color: #ffd9d9;
}

.err-msg {
 color: #ff0000;
 font-weight: bold;
}

/*
div {
 border:1px solid #333;
}
*/

/* - Contents -------------------- */
.lefter {
 text-align: left;
}

div#contents {
 margin: auto;
 width: 894px;
}

#contents #main {
 text-align: center;
}

#main table#layout {
 margin: auto;
 width: 860px;
}

/* - Header -------------------- */
table#head-layout {
 width: 100%;
 height: 75px;
}

.overview-num {
 padding:0 0 0 18px;
}

/* - Pankuzu -------------------- */
#pankuzu-inner li {
 height:18px;
 padding:0 0 0 5px;
 float: left;
}

#pankuzu-inner a {
 color: #0077e6;
}

#pankuzu-inner span {
 font-weight: bold;
 color: #666666;
}

/* - RightMenu -------------------- */
.rightmenu-item {
 padding:0 0 10px 0;
 text-align: left;
}

.rightmenu-item .rm-inner {
  background-color: #f5f5d8;
  text-align: center;
}

.rightmenu-item .rm-inner .msg {
 text-align: left;
 width: 200px;
 margin: auto;
 padding:10px 0 0 0;
}

.rightmenu-item .foot {
 height: 3px;
 font-size:0.1px;
 background:#fff url(../img/site/rightmenu/rm-foot.gif) no-repeat left bottom;
}


/* - RightMenu - Job -------------------- */
.rightmenu-item .rm-inner .job-group {
 width: 210px;
 margin: auto;
 padding-top:10px;
}

.rightmenu-item .rm-inner .jobtitle {
 width: 210px;
 height: 28px;
 margin: auto;
 font-size: 14px;
 background: transparent url(../img/site/rightmenu/rm-job-title.gif) no-repeat left top;
}

.rightmenu-item .rm-inner .jobtitle div {
 margin-top: 1px;
}

.rightmenu-item .rm-inner .job-group td {
 text-align: left;
}

.rightmenu-item .rm-inner .job-group td div {
 width: 180px;
 padding-left: 22px;
}

/* - RightMenu - Haken -------------------- */
/* - 右メニューの派遣グループ -------------------- */
.rightmenu-item .haken-group .head {
 width: 222px;
 height: 211px;
 background: transparent url(../img/site/rightmenu/rm-haken-head.gif) no-repeat left top;
}

.rightmenu-item .haken-group .mid {
 background: transparent url(../img/site/rightmenu/rm-haken-mid.gif) repeat-y left top;
}

.rightmenu-item .haken-group .foot {
 width: 222px;
 height: 5px;
 padding:0px;
 margin:0px;
 font-size: 0.1px;
 background: transparent url(../img/site/rightmenu/rm-haken-foot.gif) no-repeat left bottom;
}

/* - RightMenu - Oyakudachi -------------------- */
/* - 右メニューのお役立ち情報グループ -------------------- */


/* - RightMenu - Security -------------------- */
/* - 右メニューのセキュリティグループ -------------------- */
.rightmenu-item #rm-security .head {
 width: 222px;
 height: 60px;
}

.rightmenu-item #rm-security .mid {
 background: transparent url(../img/site/rightmenu/rm-security-mid.gif) repeat-y left top;
}

.rightmenu-item #rm-security .foot {
 width: 222px;
 height: 5px;
 padding:0px;
 margin:0px;
 font-size: 0.1px;
 background: transparent url(../img/site/rightmenu/rm-security-foot.gif) no-repeat left bottom;
}

/* - Center - Half Static Page -------------------- */
div.hs-infobox {
 padding:4px 0 24px 24px;
 width: 580px;
}

div.hs-h2 {
 height:45px;
 background: transparent url(../img/site/backbar01.gif) no-repeat left top;
}

div.hs-h2 h2 {
 font-size:16px;
 height: 30px;
 marign: 0;
 padding: 11px 0 0 25px;
}

div.hs-lefttext {
 float:left;
 font-size:12px;
 line-height:18px;
 width: 320px;
}

div.hs-righttext {
 float:right;
 font-size:12px;
 line-height:18px;
 width: 320px;
}

div.hs-rightimg {
 float: right;
 width: 240px;
 padding-left: 15px;
 text-align: center;
}

div.hs-leftimg {
 float: left;
 width: 240px;
 padding-right: 15px;
 text-align: left;
}

div.hs-h3 {
 background: transparent url(../img/site/backbar02.gif) no-repeat 18px top;
 height: 26px;
}

div.hs-h3 h3 {
 font-size: 14px;
 font-weight: bold;
 color: #fff;
 padding: 2px 0 0 22px;
}


div.hs-h2-plane {
 width:622px;
 background-color:#f5f5d8;
 height: 22px;
}

div.hs-h2-plane h2 {
 font-size: 14px;
 font-weight: bold;
 color: #606000;
 padding:2px 0 0 5px;
}

div.ss-comp-head {
 height: 30px;
 padding: 0px;
}

div.ss-area-head {
 height: 120px;
}

div.ss-comp-mid {
 background: transparent url(../img/site/select/cor_middle_sikaku.gif) repeat-y left top;
}

div.ss-comp-inner {
 padding:14px 13px 16px;
}

div.ss-comp-foot {
 margin: 0px;
 padding: 0px;
 height: 6px;
 background: transparent url(../img/site/select/cor_foot_sikaku.gif) no-repeat left top;
 font-size: 0px;
}

div.ss-comp-foot {
 margin: 0px;
 padding: 0px;
 height: 6px;
 background: transparent url(../img/site/select/wlist-foot.gif) no-repeat left top;
 font-size: 0px;
}

td.tushin-td {
 width:305px;
 height:120px;
 background: transparent url(../img/site/select/areahead2.gif) no-repeat left top;
}

td.tushin-td-noitem {
 width:305px;
 height:120px;
 background: transparent url(../img/site/select/areahead2-noitem.gif) no-repeat left top;
}

/* - 仕事一覧  -------------------- */
li.workinfo-item {
 float: left;
 width: 220px;
 padding-left:10px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 0px center;
}

div#job-licence-head {
 width: 580px;
 height: 45px;
 background: transparent url(../img/site/centeritem/job-licence-head.gif) no-repeat left top;
}

div#job-licence-head div {
 position:relative;
 top:24px;
 left:45px;
}

div#job-licence-mid {
 width: 580px;
 padding:12px 20px;
 background: transparent url(../img/site/centeritem/job-licence-mid.gif) repeat-y scroll left top
}

div#job-licence-mid div {
 width: 540px;
}

div#job-licence-foot{
 width: 580px;
 height: 6px;
 background: transparent url(../img/site/centeritem/job-licence-foot.gif) no-repeat scroll left top
}


/* - 資格一覧  -------------------- */

div.ss-select-compttl {
 height: 20px;
 width: 600px;
 background-color: #f9f6e6;
}

div.ss-select-compttl h4 {
 padding: 1px 0 0 4px;
 font-size:14px;
 color: #606000;
}

div.ss-select-checkblock {
 width:580px;
 padding:5px 0 14px 20px;
}

div.ss-select-subbtn {
 text-align: center;
 padding: 10px 0 20px 0;
}

.ss-comp-ttl {
 padding: 4px 0;
 background-color: #f9f6e6;
 margin-bottom: 4px;
}

table#ss-comp-tbl {
 width: 600px;
}
table#ss-comp-tbl th {
 text-align: center;
 font-size:12px;
 background-color: #eaeaea;
 border-left: 1px solid #ccc;
 border-top:1px solid #999900;
 border-bottom:1px solid #ccc;
 color: #666;
 font-weight: bold;
}

table#ss-comp-tbl th.top {
 border-left: 0px;
}

table#ss-comp-tbl .course-ttl {
 x**background:#f5f5d8;
 background:#606000;
 border-bottom: 1px solid #ccc;
 color: #ffffff;
 font-size:14px;
 text-align:left;
 font-weight: bold;
}

table#ss-comp-tbl td {
 padding:4px;
}

table#ss-comp-tbl .ss-course-detail {
 border-left: 1px solid #ccc;
 border-bottom:1px solid #ccc;
}

table#ss-comp-tbl .top {
 border-left: 0px;
}

/* - 共通  -------------------- */
#selbox {
 padding: 0 0 0 0;
}

#ss-redbox {
 padding:0 0 0 0;
}

#ss-redbox-head {
 font-size:0.1px;
 height: 6px;
 width: 620px;
 background: transparent url(../img/site/select/redborder-head.gif) no-repeat left top;
}

#ss-redbox-mid {
 width: 620px;
 background: transparent url(../img/site/select/redborder-mid.gif) repeat-y left top;
}

#ss-redbox-inner {
 padding: 5px;
 text-align: center;
 font-size:14px;
 font-weight:bold;
}

#ss-redbox-foot {
 font-size:0.1px;
 height: 6px;
 width: 620px;
 background: transparent url(../img/site/select/redborder-foot.gif) no-repeat left top;
}

.inner-info {
 font-size:14px;
 font-weight:bold;
 text-align: center;
 background-color:#ebe0d8;
 width:600px;
 margin-bottom: 5px;
 padding:4px 0;
}

.inner-info-conf {
 font-size:14px;
 font-weight:bold;
 text-align: left;
 background-color:#ebe0d8;
 width:580;
 margin-bottom: 5px;
 padding:4px 0 4px 20px;
}


#sd-regist th {
 background:#f5f5d8;
 color:#606000;
 padding:2px 6px;
}

#sd-regist td {
 padding:8px 0;
}

#sd-regist td.inp-sample div {
 padding:0 0 0 5px;
 width:80%;
}

#sd-regist .inp-sample {
 background: #f4f3ea url(../img/site/select/dotline4.gif) repeat-x left bottom; 
}

#sd-regist tr {
 
}

#sd-regist td.btmline {
 background: transparent url(../img/site/select/dotline4.gif) repeat-x left bottom;
}

div.mini-info {
 color:#ff0000;
 font-size:10px;
}

div.grayborder {
 width:2px; 
 min-height:20px;
 height: auto !important;
 height: 20px;
 background-color:#ccc;
}

.ss-comp-inner td {
 padding: 4px 0 4px 0;
}

/* - 共通 （中央の４択） -------------------- */
#ci-gosearch {
 text-align: center;
}

#ci-gosearch-mid {
 margin: auto;
 width: 562px;
 padding:10px 0 20px 0;
 text-align: center;
 background: transparent url(../img/site/centeritem/cor_middle_4taku.gif) repeat-y left top;
}

#ci-gosearch-mid table {
 margin: auto;
}

#ci-gosearch-head {
 margin: auto;
 height: 27px;
 width: 562px;
 background: transparent url(../img/site/centeritem/cor_head_4taku.gif) no-repeat left top;
}

#ci-gosearch-foot {
 margin: auto;
 height: 2px;
 width: 562px;
 background: transparent url(../img/site/centeritem/cor_foot_4taku.gif) no-repeat left top;
}

/** お役立ち  -------------------- */
#oyakudachi-info1 {
 border-top: 1px solid #ccc;
 border-bottom: 1px solid #ccc;
 padding:10px 0;
 margin:10px 0 10px 0;
}

 
#oyakudachi-info1 li.item {
 float: left;
 line-height: 24px;
 padding:2px 0 2px 27px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 16px center;
}

.oyakudachi-ttl {
 padding:0 0 0 20px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 12px center;
 font-size: 14px;
 line-height: 24px;
 font-weight: bold;
}

.oyakudachi-detail {
 width: 560px;
 line-height; 18px;
 font-size:12px;
 padding-left:22px;
}

.oyakudachi-h2 {
 color: #606000;
 width: 613px;
 font-size: 14px;
 padding:3px 0 3px 7px;
 background-color: #f5f5d8;
}

.oyakudachi-detail h4 {
 font-size: 14px;
}

.oyakudachi-detail p {
 padding: 0 0 15px 0;
}

.oyakudachi-detail p.end {
 padding:0px;
}

.oyakudachi-sep {
 height: 30px;
 width: 580px;
 margin-left: 20px;
 border-bottom:1px solid #ccc;
 margin-bottom: 20px;
}

#kyouikuseido {
 padding-left: 16px;
 padding-bottom: 30px;
}

#kyouikuseido .kk-ttl {
 padding-top: 4px;
}

#kyouikuseido #kk-head {
 width: 580px;
 height: 6px;
 background: transparent url(../img/site/static/cor_seido_head.gif) no-repeat left top;
}

#kyouikuseido #kk-mid {
 width: 580px;
 text-align: center;
 background: transparent url(../img/site/static/cor_seido_middle.gif) repeat-y left top;
}

#kyouikuseido #kk-mid table {
 margin: 6px auto;
}

#kyouikuseido #kk-mid table td {
 text-align: left;
}

#kyouikuseido #kk-foot {
 width: 580px;
 height: 6px;
 background: transparent url(../img/site/static/cor_seido_foot.gif) no-repeat left top;
}

/** HOWTO ------------------ */
#howto-cts1 {
 margin-top:15px;
 width: 620px;
 height: 253px;
 background: transparent url(../img/site/static/cor_main_gaiyou.gif) no-repeat left top;
}

#howto-cts1-text {
 width: 332px;
 height: 200px;
 padding:47px 0 0 14px;
}

#howto-cts2 {
 margin-top: 15px;
 width: 620px;
}

#howto-cts2-head {
 width: 620px;
 height: 31px;
 font-size:0.1px;
 background: transparent url(../img/site/static/cor_head_nagare.gif) no-repeat left bottom;
}

#howto-cts2-inner {
 width: 620px;
 text-align: center;
 background: transparent url(../img/site/static/cor_middle_riyouhouhou.gif) repeat-y left top;
}

#howto-cts2-inner #howto-flow {
 margin: auto;
 width: 565px;
 margin-top:11px;
 
}

#howto-cts2-foot {
 width: 620px;
 height: 6px;
 font-size:0.1px;
 background: transparent url(../img/site/static/cor_foot_riyouhouhou.gif) no-repeat left top;
}

.compgroupbox-ch {
 padding: 10px 0 10px 28px;
}


.sc-link {
 padding-left:14px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 2px center;
}

.sc-link-info {
 padding-left:20px;
}


.static-body {
 width: 592px;
 padding:11px 0 0 11px;
}

.static-body .midashi {
 padding:10px 0 2px 0;
 font-size:14px;
 font-weight:bold;
 color:#ff6666;
}

.static-body .h1 {
 padding:10px 0 10px 0;
 font-size:14px;
 font-weight:bold;
}

.static-body .h1 span {
 color:#ff6666;
}

.static-body .sc-link {
 padding-left:28px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 19px center;
}



.static-body .sc-link-info {
 padding-left:34px;
}

#sslinfo {
 width: 222px;
 height: 200px;
 background: transparent url(../img/site/rightmenu/sslback.gif) no-repeat left top;
}

#sslinfo #inner {
 text-align:center;
 padding:24px;
}

#point-head {
 height:10px;
 width:604px;
 background: transparent url(../img/site/select/point-head.gif) no-repeat left top;
}

#point-foot {
 height:10px;
 width:604px;
 background: transparent url(../img/site/select/point-foot.gif) no-repeat left top;
}

#point-mid {
 width:604px;
 background: transparent url(../img/site/select/point-mid.gif) repeat-y left top;
}

#point-mid strong {
 font-size:14px;
 color:#606000;
}


/**** Overture ****/
#ss-overture {
 padding-left:18px;
}

#ss-overture-head {
 height:30px;
 width:580px;
 background: transparent url(../img/site/centeritem/cor_head_osusume.gif) no-repeat left top;
}

#ss-overture-foot {
 height:6px;
 width:580px;
 background: transparent url(../img/site/centeritem/cor_foot_osusume.gif) no-repeat left top;
}

#ss-overture-mid {
 width:580px;
 background: transparent url(../img/site/centeritem/cor_middle_osusume.gif) repeat-y left top;
}

.overture-node {
 padding:4px 0 0 12px;
 width:270px;
 float:left;
}

.overture-title {
 padding-left:20px;
 width:250px;
 background: transparent url(../img/site/icon/icon-green-tri.gif) no-repeat 12px center;
}


.overture-desc {
 padding-left:20px;
 width:250px;
}

.overture-url {
 padding-left:20px;
 width:250px;
 font-size:10px;
}


.flglabel {
 width: 58px;
 float: left;
}